:root{color-scheme:light}.brand-logo{width:40px;height:40px;display:block;flex-shrink:0}.brand-name{letter-spacing:-.6px}.brand-name small{font-size:11px;display:block;letter-spacing:1.6px;margin-top:2px;font-weight:500;text-transform:uppercase}.auth-identity{display:flex;gap:12px;align-items:center;margin-bottom:28px;font-weight:650;font-size:18px;letter-spacing:-.5px}.auth-identity img{width:48px;height:48px}.auth-identity span small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;margin-top:3px;text-transform:uppercase}#theme-toggle{margin-left:auto;white-space:nowrap}.account-tools{margin-left:0}#install{margin-left:0}.workspace-tabs{overflow-x:auto}.workspace-tabs button{white-space:nowrap}.auth-card{box-shadow:0 16px 50px #0f2a4306}
:root[data-theme="dark"]{color-scheme:dark;color:#dfe4ee;background:#0e131d;--green:#9cd6eb;--border:#2f394a}
html[data-theme="dark"] body{background:#0e131d;color:#dfe4ee}
html[data-theme="dark"] :is(.topbar,.auth-card,.schedule-panel,.unassigned,dialog,.coverage-table-wrap,.personal-days,.overview-week,#users-view,#security-view){background:#161d2b;border-color:#2f394a;color:#dfe4ee;box-shadow:none}
html[data-theme="dark"] :is(button,input,select,textarea){background:#1c2537;color:#dfe4ee;border-color:#3a465c}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#98a3b7}
html[data-theme="dark"] button:hover{background:#2b364c}
html[data-theme="dark"] :is(.primary,.workspace-tabs button[aria-selected="true"],.calendar-tabs button[aria-selected="true"]){background:#91dbf6;border-color:#91dbf6;color:#131d30}
html[data-theme="dark"] .primary:hover{background:#abe7fc}
html[data-theme="dark"] :is(.brand,.brand-name,dialog h2,.person-name){color:#ebf0f8}
html[data-theme="dark"] :is(.summary,.shared-manager,.calendar-tabs,.tab-policy,.user-account,.request-card,.rotation-item,.change-detail,.device-code,#mfa-recovery pre){background:#1e2738;border-color:#354157;color:#d8e0ee}
html[data-theme="dark"] :is(th:first-child,thead th,thead th:first-child){background:#1a2334;color:#b1bbcd;border-color:#2f3a4d}
html[data-theme="dark"] :is(td,th,.person-row,.personal-day,.rotation-person,#security-log p,.workspace-tabs,.integration-status,fieldset,.checklist label,.policy-roles label,.policy-users label){border-color:#2f3a4d}
html[data-theme="dark"] :is(.today-col,thead .today-col){background:#232e43}
html[data-theme="dark"] :is(thead th strong,thead .today-col strong,.personal-day h3 strong){color:#a9e5fb}
html[data-theme="dark"] :is(.avatar,.request-status){background:#333f56;color:#d1eef8}
html[data-theme="dark"] :is(.event,.personal-event){background:#2b4835;color:#d4efce;border-color:#84b67d}
html[data-theme="dark"] :is(.event.blue,.personal-event.blue){background:#283d58;color:#d0e2ff;border-color:#87aade}
html[data-theme="dark"] :is(.event.amber,.personal-event.amber){background:#493e27;color:#f6dda4;border-color:#d9b86b}
html[data-theme="dark"] :is(.event.purple,.personal-event.purple,.switch-quick){background:#3f304b;color:#e8d5f7;border-color:#aa8cc7}
html[data-theme="dark"] :is(.status-banner,.oncall-empty,.integration-status span){background:#443b26;color:#f0dca9;border-color:#746337}
html[data-theme="dark"] .outlook-card{background:#253a46;border-color:#45616e}
html[data-theme="dark"] :is(.subtitle,.eyebrow,.prototype,.field-note,.auth-preview>p:not(.eyebrow),.setup-steps,.panel-footer,footer,.summary p,.person small,.scroll-hint,.unassigned p,.overview-week>p,.shared-manager p:not(.eyebrow),.coverage-table td small,.outlook-card p,.outlook-card small,.personal-day h3,.day-empty,.muted,.display-time-controls p,.request-card>p,.rotation-item p,#calendar-caption,#security-view>p,#mfa-help){color:#acb6c9}
html[data-theme="dark"] :is(.error,.danger){color:#ffb3a4}
html[data-theme="dark"] :is(.oncall-empty strong,.oncall-empty p){color:#f0dca9}
html[data-theme="dark"] :is(.docs-link,.text-button,.request-card summary,#outlook-signin-link){color:#91dbf6}
html[data-theme="dark"] .calendar-tabs button:hover:not([aria-selected="true"]){background:#2f3a50;color:#dfe4ee}
html[data-theme="dark"] .auth-card input:disabled{background:#28303f}
html[data-theme="dark"] #toast{background:#91dbf6;color:#131d30}
html[data-theme="dark"] dialog::backdrop{background:#0009}
@media(max-width:600px){.brand-name{font-size:17px}.brand-logo{width:35px;height:35px}#theme-toggle{font-size:11px;padding:8px 10px}.topbar{gap:12px}.workspace-tabs button{flex:0 0 auto}.brand-name small{font-size:9px}.auth-identity{margin-bottom:23px}}