:root{--ink:#19283f;--muted:#7b879b;--bg:#f5f7fb;--line:#e5eaf2;--accent:#315eca;--softaccent:#dce6ff}
.sidebar{background:#101a2c;color:#b7c3d6}.brand{flex-direction:column;align-items:flex-start;gap:5px;padding:0 12px 28px}.brand-logo{width:138px;height:78px;object-fit:contain;mix-blend-mode:screen}.brand small{color:#93a3bc;letter-spacing:2.4px;font-size:8px;margin:0 0 0 7px}.nav-label{color:#7789a5;font-size:9px}.nav button{color:#b7c3d6}.nav button.active,.nav button:hover{background:#22324c;color:#fff}.nav button.active .icon{color:#98b8ff}.badge-count{color:#254c9f;background:#dce6ff}.sidebar-foot{border-color:#2b3850}.side-demo{color:#b8caff}.breadcrumb strong{color:#42516a}.topbar{background:#fff}.top-tools{min-width:0;gap:18px}.role-switch{max-width:100%;overflow-x:auto;scrollbar-width:none}.role-switch button{white-space:nowrap;flex-shrink:0}.role-switch button.active{background:#e7efff;color:#315eca}.btn.primary{background:#315eca;border-color:#315eca;color:#fff}.btn.primary:hover{background:#254fae;border-color:#254fae}.demo-banner{background:#eef3fc;border-color:#dee7f7;color:#64748c}.demo-label{background:#dce7fc;color:#4168b5}.eyebrow{color:#6a7d9c}.avatar.green{background:#e7edfb;color:#5370a7}.company-tabs{background:#eaf0f8}.company-tabs button.active{color:#315eca}.company-pill.pandara{background:#eaf0ff;color:#4e6db3}.company-pill.pds{background:#eef0fa;color:#6c76a7}.company-card:hover,.company-card.selected{border-color:#8da9e5}.company-card.selected{background:#f5f8ff}.company-card-status{color:#6e82a7}.company-card-top .icon{color:#8da1c5}.stat-top .icon{color:#8a9fbe}.pill.approved,.pill.present{background:#eaf0ff;color:#486cb8}.pill.pending_pic{background:#edf0fb;color:#6b74ae}.guide-card{background:#edf2fc;border-color:#e1e8f5}.guide-card p{color:#6e7e99}.guide-card .icon{color:#6b88be}.guide-card button{color:#4e6ca5;background:#fff;border-color:#d4def0}.notice,.route-notice{background:#eef3fc;color:#62779e}.notice.warning{background:#fff7e5;color:#967642}.policy-row strong{color:#4e6b9f}.policy-row p{color:#7a879d}.workflow{background:#f6f8fd;border-color:#e5eaf4}.workflow li.done{color:#4e72b8}.workflow li.done>span{background:#e1eaff;color:#4e72b8}.clock-card{background:#152640;color:#fff}.clock-top,.clock-date{color:#b3c5df}.clock-actions .btn{color:#203d78;background:#dce8ff;border-color:#dce8ff}.clock-actions .btn.out{background:transparent;color:#d5e2f7;border-color:#647fa5}.clock-foot{color:#9fb5d4}.geo-panel{border-color:#3e587b}.geo-mode{background:#101f36}.geo-mode button{color:#9fb5d4}.geo-mode button.active{background:#355789;color:#fff}.geo-panel select{background:#203b60;color:#e4edfc;border-color:#506e98}.geo-source{color:#c4d7fb}.geo-label,.geo-help,.geo-feedback{color:#b6c9e4}.geo-office,.geo-duty{color:#d1e0fa}.geo-duty{border-color:#3d587d}.geo-feedback.allowed{background:#4e75b533;color:#dce8ff}.geo-feedback.blocked{background:#764a3d55;color:#ffe1c8}.location-mini,.location-mini.real{color:#5c79ad}.mobile-nav button.active{color:#315eca;background:#edf3ff}.report-access{display:flex;gap:10px;align-items:flex-start;margin-bottom:22px}.report-access .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}#toast{background:#21395e;color:#f0f5ff}
@media(max-width:850px){.topbar{gap:12px}.mobile-brand{background:#101a2c;border-radius:7px;flex-shrink:0;padding:2px 7px}.mobile-logo{width:72px;height:42px;object-fit:contain;mix-blend-mode:screen}.top-tools{flex:1;justify-content:flex-end;gap:0}.role-switch button{font-size:10px;padding:8px 7px}.role-switch{max-width:100%}}
@media(max-width:640px){.topbar{padding:0 12px;gap:9px}.mobile-logo{width:65px;height:39px}.mobile-brand{padding:2px 5px}.role-switch button{font-size:9px;padding:8px 5px}.company-card-status{line-height:1.6}.office-item small{max-width:230px;line-height:1.7}.page-head:has(.page-head-actions){gap:8px}.page-head:has(.page-head-actions) h1{font-size:23px}}
.director-session{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:0 0 23px;padding:13px 16px;border:1px solid #e0e7f4;background:#fff;border-radius:10px}.director-session label{font-size:11px;color:#7183a0}.director-session select{font-size:12px;padding:8px 11px;min-width:205px;border-color:#dce4f3}.director-session>span{font-size:10px;color:#8a98b0;margin-left:auto}.director-roster{margin-bottom:22px}.director-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:21px;gap:19px}.director-card{display:flex;align-items:flex-start;gap:11px}.director-card strong{font-size:12px;display:block;line-height:1.7}.director-card small{font-size:10px;display:block;color:#91a0b7;margin-top:2px}.director-card p{font-size:10px;color:#657fae;line-height:1.7;margin-top:9px}.directory-note{font-size:10px;color:#8594ad;line-height:1.8;margin-top:18px}
@media(max-width:850px){.profile-name{max-width:160px}.director-cards{gap:13px}.mobile-nav button{padding-left:8px;padding-right:8px}}
@media(max-width:640px){.director-session{gap:8px;padding:12px;margin-bottom:18px}.director-session label{width:100%;font-size:10px}.director-session select{width:100%;font-size:12px}.director-session>span{margin:3px 0 0;font-size:9px}.director-cards{grid-template-columns:1fr;padding:18px;gap:20px}.director-card strong{font-size:13px}.scope-note{overflow-wrap:anywhere}.director-roster .card-head p{line-height:1.7}}

.account-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.account-actions .btn{font-size:11px}
