.brand-logo{display:block;width:52px;height:52px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:9px;padding:3px}
.tehran-clock{margin-top:19px;padding:17px 0 0;border-top:1px solid #e2ebe5;text-align:left;flex-shrink:0;color:#174e49}
.clock-label{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1px;font-weight:600;color:#718d80}
.clock-label small{margin-left:auto;font-size:9px;font-weight:400;letter-spacing:0;color:#95a79b}
.clock-dot{height:5px;width:5px;border-radius:50%;background:#1f9271;display:block}
.tehran-clock time{display:block;font-size:27px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:1.4px;margin:9px 0 6px;line-height:1.2}
#tehran-date{font-size:12px;color:#81978a;line-height:1.5}
.sidebar .shift-note{margin-top:24px}.sidebar .profile-area{padding-top:22px}.sidebar .logout{padding-top:10px}
.auth-story .tehran-clock{border-color:#42756a;max-width:330px;color:#fff}
.auth-story .clock-label,.auth-story #tehran-date{color:#bad1c4}.auth-story .clock-label small{color:#95b5a5}.auth-story .clock-dot{background:#87c3a4}
@media(min-width:651px) and (max-height:900px){.sidebar .shift-note{display:none}.sidebar .brand{margin-bottom:25px}.sidebar .nav-item{padding-top:9px;padding-bottom:9px}}
@media(max-width:1200px){.sidebar .brand-logo{width:42px;height:46px}.sidebar .brand{gap:8px}.sidebar .brand>span:last-child{font-size:20px;letter-spacing:2px}.sidebar .brand small{font-size:7px;letter-spacing:1.1px}.clock-label{font-size:9px;letter-spacing:.7px}.clock-label small{font-size:8px}.tehran-clock time{font-size:24px}}
@media(max-width:1000px) and (min-width:651px){.sidebar .brand-logo{width:38px;height:42px}.sidebar .brand>span:last-child{font-size:17px}.sidebar .brand small{font-size:6px}.clock-label small{display:none}.tehran-clock time{font-size:23px;letter-spacing:1px}.sidebar #tehran-date{font-size:11px}}
@media(max-width:650px){body{padding-bottom:92px}.sidebar .tehran-clock,.auth-story .tehran-clock{position:fixed;left:0;bottom:0;width:100%;max-width:none;background:#fff;border-top:1px solid #dbe8e1;margin:0;padding:11px 18px;z-index:12;box-shadow:0 -3px 18px #174e4908;color:#174e49;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.tehran-clock .clock-label{grid-column:1;font-size:10px;color:#718d80}.tehran-clock .clock-label small{display:none}.tehran-clock time{grid-column:2;grid-row:1/3;font-size:25px;margin:0}.tehran-clock #tehran-date{grid-column:1;font-size:12px;color:#81978a}.sidebar .brand-logo{width:44px;height:48px}.auth-story .clock-dot{background:#1f9271}}