/* Shared custom-admin surfaces follow Django's light, dark and system modes. */
:root, html[data-theme="light"] {
  --nz-admin-panel:#ffffff; --nz-admin-soft:#f0f5fa; --nz-admin-row:#f5f8fc;
  --nz-admin-text:#172d42; --nz-admin-muted:#49657b; --nz-admin-border:#b9cede;
  --nz-admin-input:#ffffff; --nz-admin-link:#075cba; --nz-admin-grid:#ccdae6;
  --nz-admin-warning:#fff2ce; --nz-admin-warning-text:#614100;
}
html[data-theme="dark"] {
  --nz-admin-panel:#0b2138; --nz-admin-soft:#07192b; --nz-admin-row:#102c47;
  --nz-admin-text:#edf6ff; --nz-admin-muted:#afc7dd; --nz-admin-border:#345d80;
  --nz-admin-input:#07192b; --nz-admin-link:#70d5ff; --nz-admin-grid:#34516d;
  --nz-admin-warning:#3b2c09; --nz-admin-warning-text:#ffe0a1;
}
@media (prefers-color-scheme:dark) {
  html[data-theme="auto"] {
    --nz-admin-panel:#0b2138; --nz-admin-soft:#07192b; --nz-admin-row:#102c47;
    --nz-admin-text:#edf6ff; --nz-admin-muted:#afc7dd; --nz-admin-border:#345d80;
    --nz-admin-input:#07192b; --nz-admin-link:#70d5ff; --nz-admin-grid:#34516d;
    --nz-admin-warning:#3b2c09; --nz-admin-warning-text:#ffe0a1;
  }
}
html[data-theme] {--link-fg:var(--nz-admin-link); --link-selected-fg:var(--nz-admin-link); --link-hover-color:var(--nz-admin-link)}
#header {flex-wrap:wrap;gap:12px;background:linear-gradient(100deg,#071B35,#0b3970)}
#header #site-name a {color:#fff}
#header .nz-server-clock {margin-left:auto;background:#061a30;color:#edf6ff;border-color:#3c6385;min-width:235px}
#header .nz-clock-label,#header [data-clock-status] {color:#b9d2e9}
.nz-server-clock {box-sizing:border-box;border:1px solid var(--nz-admin-border);border-radius:10px;padding:9px 12px;background:var(--nz-admin-panel);color:var(--nz-admin-text);font-variant-numeric:tabular-nums}
.nz-clock-label {display:block;font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--nz-admin-muted)}
.nz-server-clock time {display:block;font-size:12px;font-weight:700;margin-top:4px}
.nz-server-clock small {display:block;font-size:10px;color:var(--nz-admin-muted);margin-top:3px}
#nav-sidebar .nz-server-clock {margin:12px 8px}
#content :is(.analytics-card,.setup-card,.studio-grid>.card,.editor-card,.backup-card,.mhb-card,.report-form,.nz-modal-card,.nz-time-panel) {
  background:var(--nz-admin-panel)!important;color:var(--nz-admin-text)!important;border-color:var(--nz-admin-border)!important;min-width:0;
}
#content :is(.analytics-card,.setup-card,.studio-grid>.card,.editor-card,.backup-card,.mhb-card,.nz-modal-card,.nz-time-panel) :is(h1,h2,h3,p,label,td,th,strong,b) {color:var(--nz-admin-text)!important}
#content :is(.analytics-card,.setup-card,.studio-grid>.card,.editor-card,.backup-card,.mhb-card,.report-form,.nz-modal-card) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  color:var(--nz-admin-text)!important;background:var(--nz-admin-input)!important;border-color:var(--nz-admin-border)!important;max-width:100%;box-sizing:border-box;
}
#content :is(.interest-table,.data-table,.backup-table,.mhb-table) {color:var(--nz-admin-text);border-color:var(--nz-admin-border)}
#content :is(.interest-table,.data-table,.backup-table,.mhb-table) :is(thead,th) {background:var(--nz-admin-soft)!important;color:var(--nz-admin-muted)!important}
#content :is(.interest-table,.data-table,.backup-table,.mhb-table) :is(tbody,tr,td) {background:var(--nz-admin-panel);color:var(--nz-admin-text)!important;border-color:var(--nz-admin-border)!important}
#content :is(.interest-table,.data-table,.backup-table,.mhb-table) tbody tr:nth-child(even) :is(td,th) {background:var(--nz-admin-row)!important}
#content :is(.interest-table,.data-table) :is(th,td) {font-size:11px}
#content :is(.bar-row,.legend,.analytics-card) :is(label,b),#content :is(.help,.archive-name,.restore-note,.empty,.section-label-admin),#content :is(.editor-card,.studio-grid>.card,.schedule-card) small {color:var(--nz-admin-muted)!important}
#content :is(.legend,.analytics-card>p) {color:var(--nz-admin-muted)!important}
#content :is(.bar-track,.post-draft,.schedule-card,.api-code) {background:var(--nz-admin-soft)!important;border-color:var(--nz-admin-border)!important;color:var(--nz-admin-text)!important}
#content .schedule-card strong {color:var(--nz-admin-text)!important}
#content :is(.warning,.warning-box) {background:var(--nz-admin-warning)!important;color:var(--nz-admin-warning-text)!important;border-color:#997118!important}
#content .profile-preview {background:#071B35;color:#edf6ff}
#content .setup-card .profile-preview p {color:#edf6ff!important}
#content .setup-card .profile-preview strong {color:#70d5ff!important}
#content .backup-row {border-color:var(--nz-admin-border)}
#content .setup-card input:not([type=checkbox]):not([type=radio]) {display:block;width:100%;margin-top:6px;padding:11px;border:1px solid;border-radius:9px;height:44px}
.nz-time-panel {border:1px solid var(--nz-admin-border);border-radius:12px;padding:16px;margin:0 0 18px}
.nz-time-panel h2 {margin:0 0 12px;font-size:17px;background:transparent;padding:0}
.nz-time-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nz-time-grid>div {border:1px solid var(--nz-admin-border);background:var(--nz-admin-soft);border-radius:9px;padding:12px}
.nz-time-grid span {display:block;color:var(--nz-admin-muted);font-size:12px}
.nz-time-grid time {display:block;font-weight:700;font-size:14px;margin-top:6px;font-variant-numeric:tabular-nums}
#content .nz-time-panel p {font-size:12px;line-height:1.6;margin:12px 0 0;color:var(--nz-admin-muted)!important}
.nz-time-panel.has-error {border-color:#c24a4a!important}
.nz-local-time {display:block;margin-top:5px;font-size:11px;color:var(--nz-admin-muted)}
.nz-color-field {display:flex;align-items:center;gap:10px;margin-top:6px}
#content .nz-color-field input {margin-top:0!important;min-width:0;font-family:monospace}
.nz-color-swatch {width:24px;height:24px;box-sizing:border-box;border-radius:50%;border:2px solid var(--nz-admin-text);box-shadow:0 0 0 2px var(--nz-admin-panel);flex:0 0 24px}
.nz-color-swatch.invalid {background:linear-gradient(135deg,transparent 44%,#ce4c4c 44%,#ce4c4c 56%,transparent 56%)!important}
.nz-color-hint {display:block;min-height:16px;font-weight:400;font-size:11px;margin-top:4px;color:var(--nz-admin-muted)}
@media(max-width:900px) {#header .nz-server-clock{margin-left:0}.nz-time-grid{grid-template-columns:1fr}.setup-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px) {#content .colors{grid-template-columns:1fr}.control-strip,.setup-hero,.backup-hero,.studio-hero,.mhb-hero{flex-wrap:wrap}.analytics-grid,.backup-grid,.mhb-grid,.studio-grid{grid-template-columns:minmax(0,1fr)}.interest-table,.data-table,.mhb-table{display:block;overflow-x:auto}.nz-server-clock{max-width:100%}}

#content :is(.login-card,.security-check-admin){background:var(--nz-admin-panel);border-color:var(--nz-admin-border);color:var(--nz-admin-text)}
#content :is(.login-card,.security-check-admin) :is(h1,label,p,strong,span,[data-challenge-question]){color:var(--nz-admin-text)}
#content .login-card .form-row input{background:var(--nz-admin-input);color:var(--nz-admin-text)}
#content .security-check-admin [data-challenge-options] button{background:var(--nz-admin-soft);color:var(--nz-admin-text);border-color:var(--nz-admin-border)}
#content :is(.backup-card,.setup-card,.nz-modal-card) :is(p.warning,p.warning-box,div.warning){color:var(--nz-admin-warning-text)!important}