/* VoiceIQ theme bridge.
   Colour tokens for light and dark mode live in voiceiq-ui.css (html[data-theme="dark"] overrides).
   This file keeps the dark-mode toggle and a handful of surface rules that older feature scripts
   and the test-suite rely on. Everything else is derived from tokens. */

html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}

/* Staff surfaces (admin / owner) — dark values match the --surface / --surface-2 tokens. */
html[data-theme="dark"] .admin-tabs{background:#11141b!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] .admin-tabs button{color:var(--muted)!important}
html[data-theme="dark"] .admin-tabs button:hover{color:var(--text)!important}
html[data-theme="dark"] .admin-tabs button.active{background:#242833!important;color:var(--text)!important;border-color:var(--line-strong)!important}
html[data-theme="dark"] .audit-row{background:#171a22!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme="dark"] .audit-row:hover{background:var(--surface-2)!important;border-color:var(--line-strong)!important}
html[data-theme="dark"] .modal{background:#171a22!important;border-color:var(--line)!important;color:var(--text)!important}

/* Dashboard surfaces. */
html[data-theme="dark"] body[data-page="dashboard"] .dashboard-stat{background:#171a22!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme="dark"] body[data-page="dashboard"] .dashboard-model-row{background:#171a22!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme="dark"] body[data-page="dashboard"] .dashboard-model-row:hover{background:var(--surface-2)!important;border-color:var(--line-strong)!important}
html[data-theme="dark"] body[data-page="dashboard"] .dashboard-side-card,html[data-theme="dark"] body[data-page="dashboard"] .dashboard-recent-card{background:var(--surface)!important;border-color:var(--line)!important}
html[data-theme="dark"] body[data-page="dashboard"] .dashboard-action-row{border-color:var(--line)!important;color:var(--text)!important}

/* Native controls follow the theme. */
html[data-theme="dark"] audio{color-scheme:dark}
html[data-theme="dark"] input:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px var(--surface) inset!important}

/* Verified-email mark and disabled verification buttons. */
.verified-email-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:5px;color:var(--success)!important;-webkit-text-fill-color:var(--success)!important;font:700 13px/1 var(--font-body);vertical-align:middle}
#viewProfileName:has(+ .verified-email-mark){display:inline-block}.profile-copy>.verified-email-mark{vertical-align:baseline;margin-left:7px}
html body button.verification-required:disabled{background:var(--surface-2)!important;color:var(--faint)!important;border:1px solid var(--line)!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed!important}
.brand-link{display:inline-flex;align-items:center}