/* ── Dark mode overrides ── */
html.dark .auth-screen { background: var(--paper); }
html.dark .auth-card { background: var(--surface); border-color: var(--paper-3); box-shadow: 0 24px 80px rgba(0,0,0,0.4); }
html.dark .field-input { background: var(--paper-2); border-color: var(--paper-3); color: var(--ink); }
html.dark .field-input:focus { background: var(--paper); border-color: var(--ink-4); box-shadow: 0 0 0 3px rgba(255,255,255,0.04); }
html.dark .btn-ghost { border-color: var(--paper-3); color: var(--ink-3); }
html.dark .btn-ghost:hover { background: var(--paper-2); border-color: var(--ink-4); color: var(--ink-2); }
html.dark .btn-ink { background: var(--ink-2); border-color: var(--ink-2); color: var(--paper); }
html.dark .stat-card { background: var(--surface); border-color: var(--paper-3); }
html.dark .panel { background: var(--surface); border-color: var(--paper-3); }
html.dark .panel-header { background: var(--paper-2); border-color: var(--paper-3); }
html.dark .panel-body { background: var(--surface); }
html.dark .detail-panel { background: var(--surface); border-color: var(--paper-3); }
html.dark .coach-item { border-color: var(--paper-3); }
html.dark .coach-item:hover { background: var(--paper-2); border-color: var(--ink-4); }
html.dark .coach-item.active { background: var(--paper-2); border-color: var(--blue); }
html.dark .client-chip { background: var(--surface); border-color: var(--paper-3); }
html.dark .client-chip.active { background: var(--blue); border-color: var(--blue); color: #fff; }
html.dark .ex-card { background: var(--surface); border-color: var(--paper-3); }
html.dark .ex-card:hover { border-color: var(--ink-4); }
html.dark .ex-card.done { border-color: rgba(63,185,80,0.35); }
html.dark .set-input { background: var(--paper-2); border-color: var(--paper-3); color: var(--ink); }
html.dark .set-input:focus { background: var(--paper); border-color: var(--ink-4); }
html.dark .set-input.filled { background: var(--green-light); border-color: rgba(63,185,80,0.4); color: var(--green); }
html.dark .day-strip { background: var(--paper-2); }
html.dark .day-slider { background: var(--paper-3); }
html.dark .modal { background: var(--surface); border-color: var(--paper-3); }
html.dark .modal-overlay { background: rgba(1,4,9,0.85); }
html.dark .focus-overlay { background: rgba(1,4,9,0.92); }
html.dark .focus-panel { background: var(--surface); border-color: var(--paper-3); }
html.dark .focus-set-row { background: var(--paper-2); border-color: var(--paper-3); }
html.dark .history-panel { background: var(--surface); border-color: var(--paper-3); }
html.dark .history-item { border-color: var(--paper-3); }
html.dark .history-item:hover { background: var(--paper-2); border-color: var(--ink-4); }
html.dark .exo-list { border-color: var(--paper-3); }
html.dark .exo-list-item { border-color: var(--paper-3); }
html.dark .exo-list-item:hover { background: var(--paper-2); }
html.dark .session-pill { border-color: var(--paper-3); color: var(--ink-3); }
html.dark .session-pill.active { background: var(--ink-2); border-color: var(--ink-2); color: var(--paper); }
html.dark .week-btn { border-color: var(--paper-3); color: var(--ink-3); }
html.dark .week-btn:hover { background: var(--paper-2); border-color: var(--ink-4); }
html.dark .auth-tabs { background: var(--paper-2); }
html.dark .auth-tab.active { background: var(--surface); }
html.dark .client-selector { background: var(--paper-2); border-color: var(--paper-3); }
html.dark #loadingScreen { background: var(--paper); }
html.dark .loading-bar-track { background: var(--paper-3); }
html.dark .toast { background: var(--paper-2); color: var(--ink); border: 1.5px solid var(--paper-3); }
html.dark #confirmDeleteBanner { background: rgba(247,129,102,0.07); border-color: rgba(247,129,102,0.18); }
html.dark #confirmDeleteIcon { background: rgba(247,129,102,0.12); }
html.dark #confirmDeleteWarning { background: rgba(247,129,102,0.06); border-color: rgba(247,129,102,0.18); }
html.dark .auth-invite-banner { background: var(--paper-2); border-color: var(--blue); }
html.dark .add-set-btn { border-color: var(--paper-3); color: var(--ink-4); }
html.dark .add-set-btn:hover { background: var(--paper-2); border-color: var(--ink-3); }
html.dark .selected-exos-list { background: var(--paper-2); border-color: var(--paper-3); }
html.dark .muscle-bar-track { background: var(--paper-3); }
html.dark header { border-bottom-color: var(--paper-3); }
html.dark .user-chip { background: var(--paper-2); }