:root{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
.mode-picker{border:0;padding:0;margin:24px 0;min-width:0}
.mode-picker legend{font-size:13px;font-weight:600;margin-bottom:12px}
.mode-buttons{display:flex;gap:12px}
.mode-buttons button{flex:1;min-height:48px;padding:12px 16px;border:2px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--ink);font-weight:600}
.mode-buttons button[aria-pressed=true]{border-color:var(--accent,#22664d);background:var(--soft,#edf3e7)}
:root[data-theme=dark] :is(.sidebar,.card,.stat,dialog,.auth-panel,.theme-swatch,.admin-tabs button){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] :is(input,select,textarea,.record-filters input){background:var(--input-bg);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] :is(.secondary,.tag,td){border-color:var(--line)}
:root[data-theme=dark] :is(.secondary:hover,.row-action:hover){background:var(--soft)}
:root[data-theme=dark] .primary:hover{background:var(--accent);filter:brightness(1.15)}
:root[data-theme=dark] :is(.banner,.security-tip,.policy-item,.totp-secret,.avatar,.pill,.admin-actions button,.badge){background:var(--soft);color:var(--ink)}
:root[data-theme=dark] :is(.admin-tabs button.active,nav button.active){background:var(--soft);color:var(--ink)}
:root[data-theme=dark] :is(nav button,.nav-label,.profile small,.profile button,header .eyebrow,.toolbar,.inline,.stat-top,.stat-foot,.stat-value small,.card-heading .eyebrow,.consistency .eyebrow,.chart-caption,.calendar-key,.consistency-bottom span,.tag,th,td,td small,.row-action,.all-records,.empty,.empty span,.side-note p,.security-line p,.policy-item p,.modal-heading .eyebrow,.icon-btn,.mobile-exit,footer,.password-rules){color:var(--muted)}
:root[data-theme=dark] :is(.banner button,.password-rules .passed){color:var(--green)}
:root[data-theme=dark] :is(.error,#adminError){color:#ffaba3}
:root[data-theme=dark] :is(.badge.blocked,.admin-actions button.danger){background:#482a29;color:#ffbbb0}
:root[data-theme=dark] :is(.badge.pending,.phase-warmup){background:#46391e;color:#f5d998}
:root[data-theme=dark] .phase-rampup{background:#29334c;color:#c4d1ff}
:root[data-theme=dark] .calendar-cell{background:var(--line)}
:root[data-theme=dark] .calendar-cell.filled{background:var(--chart-color)}
:root[data-theme=dark] #toast{background:#e0ede5;color:#16261d}
:root[data-theme=dark] dialog::backdrop{background:#000b}