/* Shared After Hours palette, typography, outline icons and calm surfaces. */
html[data-admin-theme="light"] {background:#fff1db;color-scheme:light}
html[data-admin-theme="light"] body {--bg:#fff1db;--surface:#fff8eb;--surface2:#f5dcb7;--cream:#2c241b;--gold:#81542c;--muted:#705b45;--line:#b78a5680;--nav-bg:#fff1db;--nav-line:#b78a56;--nav-active:#f5dcb7;--theme-color-focus:#81542c;background:var(--bg);color:var(--cream)}
html[data-admin-theme="light"] :is(input,select,textarea,.more-drawer,.account-menu,.operation-stat,#systemHealthCard,.dash-card,.release-note) {background:var(--surface)!important;color:var(--cream)!important}
html[data-admin-theme="light"] button {color:var(--bg)}
html[data-admin-theme="light"] :is(.secondary,.quiet,.more-item,.account-chip,.account-menu button,.dash-nav button,.change-card,.operation-stat,.dashboard-action,.theme-toggle) {color:var(--cream)}
body #dashboard {max-width:760px;padding:calc(22px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(112px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
#dashboard .dash-top {display:grid;grid-template-columns:48px minmax(0,1fr) 44px;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--gold)}
#dashboard .dash-logo {width:48px;height:48px;object-fit:contain;border-radius:50%;margin:0}
#dashboard .dash-title {font:italic 700 clamp(19px,4.8vw,29px)/1.12 Georgia,serif;color:var(--gold)}
#dashboard .dash-sub {font-size:12px;line-height:1.5}
#dashVersion {text-transform:uppercase;font-size:10px;letter-spacing:.12em}
.theme-toggle {width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold);margin:0}
.theme-toggle svg,.dash-nav svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
#dashboard .dash-nav button {font-family:inherit}
#dashHome {display:grid;gap:16px}
#dashHome[hidden] {display:none}
#dashHome .dash-card {margin:0;padding:20px;border-color:var(--line);box-shadow:none}
.dashboard-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.dashboard-heading h2 {font:500 23px/1.2 Georgia,serif;margin:0}
#dashboard .dashboard-action {width:auto;min-height:44px;margin:0;padding:10px 12px;background:transparent;border:1px solid var(--line);color:var(--gold);font-size:12px;box-shadow:none}
.change-list {display:grid;gap:10px}
#dashboard .change-card {width:100%;margin:0;text-align:left;display:grid;gap:6px;padding:14px;background:var(--bg);color:var(--cream);border:1px solid var(--line);border-radius:14px;box-shadow:none;font-weight:400}
.change-card strong {font:600 17px/1.3 Georgia,serif}
.change-card :is(small,span) {font-size:12px;line-height:1.5;color:var(--muted)}
.change-card .change-more {color:var(--gold);font-weight:700}
.dashboard-details {margin-top:12px;color:var(--muted);font-size:12px}
.dashboard-details summary {min-height:44px;padding:12px 0;cursor:pointer}
.dashboard-details .check {font-size:12px}
#dashOperationMetrics {gap:10px;margin-top:16px}
#dashboard .operation-stat {display:grid;gap:7px;margin:0;text-align:left;min-height:88px;background:var(--bg);color:var(--cream);border:1px solid var(--line);box-shadow:none}
.operation-stat strong {font:500 28px/1 Georgia,serif;color:var(--gold)}
.operation-stat span {font-size:12px;color:var(--muted)}
.activity-list {list-style:none;margin:0;padding:0;display:grid}
.activity-list li {display:grid;gap:5px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.activity-list li:last-child {border:0}
.activity-list small {color:var(--muted);font-size:11px}
.usage-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.usage-grid[hidden] {display:none}
.usage-card {background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px;min-width:0}
.usage-card h3 {font:500 17px/1.2 Georgia,serif;margin:0 0 10px}
.usage-card strong {font-size:23px;font-weight:500;color:var(--gold)}
.usage-card :is(p,small) {font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.usage-warning {border-color:#bd6d37}.usage-alert {color:var(--cream)!important;font-weight:700}
.dashboard-dialog {width:min(680px,calc(100% - 24px));max-height:85dvh;overflow:auto;background:var(--surface);color:var(--cream);border:1px solid var(--gold);border-radius:22px;padding:20px}
.dashboard-dialog::backdrop {background:#0009}
.dashboard-dialog header {display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;background:var(--surface);padding:14px 0;z-index:1}
.dashboard-dialog h2 {font:500 25px/1.2 Georgia,serif;margin:0}
.dashboard-dialog button {width:auto;min-height:44px;margin:0}
.release-note {padding:16px 0;border-top:1px solid var(--line);scroll-margin-top:70px;overflow-wrap:anywhere}
.release-note small {color:var(--gold)}.release-note h3 {font:500 21px/1.3 Georgia,serif}
.release-note li {font-size:14px;line-height:1.65;margin:8px 0}
.admin-build-footer {text-align:center;margin:28px 0 6px;font-size:10px;color:var(--muted);letter-spacing:.06em}
html[data-admin-theme="light"] #buildText {color:var(--muted)!important}
#updateDebug {display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;color:inherit;position:static;pointer-events:none}
#dashboard .dash-nav {width:calc(100% - 24px);max-width:700px;left:50%;right:auto;bottom:calc(8px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:7px;border:1px solid var(--gold);border-radius:24px;background:var(--bg);box-shadow:none;min-height:78px}
#dashboard .dash-nav:before,#dashboard .dash-nav:after {display:none}
#dashboard .dash-nav button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:62px;width:auto;height:auto;margin:0;padding:7px 2px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--muted);font-size:10px;line-height:1.2;letter-spacing:0;box-shadow:none;transform:none;position:static}
#dashboard .dash-nav button.active {background:var(--surface2);border-color:var(--line);color:var(--gold)}
#dashboard .dash-nav button span {display:block}
#dashboard .dash-nav :is(.nav-home,.nav-quick) {width:100%;border-radius:16px;align-self:stretch;justify-self:stretch;font-size:10px}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:440px){.usage-grid {grid-template-columns:1fr}#dashHome .dash-card {padding:16px}.dashboard-heading h2 {font-size:21px}#dashboard .dash-top {gap:9px;grid-template-columns:44px minmax(0,1fr) 44px}#dashboard .dash-logo {width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto!important}* {animation-duration:.01ms!important;transition:none!important}}