/* VoiceTracker.net v0.5.98 — permanent dark website theme.
 * Loaded after v0.5.97 branding; cosmetic only. No layout-grid, recording,
 * VT-server, timed-event, workflow, or permission changes.
 */
html { color-scheme:dark; }
html[data-theme="dark"] {
  --spl-blue:#64b2ff; --select:#2787eb;
  --text:#eef5ff; --muted:#aec3dc;
  --chrome:#0e1a2c; --chrome2:#152640; --panel:#14253c;
  --white:#14253c; --line:#29415e; --line-dark:#456380;
  --vt-surface:#172a45; --vt-field:#0e1c30; --vt-stroke:#34516f;
  --vt-hover:#1e3a5b; --vt-heading:#f4f8ff;
  --shadow:0 10px 28px rgba(0,0,0,.18);
}
html[data-theme="dark"],html[data-theme="dark"] body,
html[data-theme="dark"] #app, html[data-theme="dark"] main {background:#0b1628;color:#eef5ff}
/* Website header, navigation and new white broadcast-wave wordmark. */
html[data-theme="dark"] .app-header{background:#0c1627;border-color:#233750;box-shadow:none}
html[data-theme="dark"] .brand-row{background:#0c1627;border-color:#233750}
html[data-theme="dark"] .menu-strip{background:#101e32;border-color:#243a56}
html[data-theme="dark"] .menu-btn{color:#c5d6e9}
html[data-theme="dark"] .menu-btn:hover{background:#203c60;color:#fff}
html[data-theme="dark"] .menu-btn.active{background:#1478df;border-color:#248bf5;color:#fff;box-shadow:none}
html[data-theme="dark"] .brand-descriptor,html[data-theme="dark"] .brand-row .compact-label {color:#b7cbe3}
html[data-theme="dark"] .app-version{background:#182b45;color:#bcd8f4;border-color:#355375}
/* Entire app uses website navy-on-navy panels, not white sheets. */
html[data-theme="dark"] .spl-panel, html[data-theme="dark"] .spl-window,
html[data-theme="dark"] .modal-card,html[data-theme="dark"] .site-dialog-card,
html[data-theme="dark"] .vt-settings-dialog{background:#14243a;border-color:#304865;box-shadow:0 10px 30px rgba(0,0,0,.20)}
html[data-theme="dark"] .panel-caption,html[data-theme="dark"] .window-title,
html[data-theme="dark"] .modal-titlebar,html[data-theme="dark"] .tracker-titlebar,
html[data-theme="dark"] .vt-settings-dialog > .modal-titlebar{background:#1b304c;border-color:#2d4663;color:#f3f8ff}
html[data-theme="dark"] .page-toolbar h1{color:#f6f9ff}
html[data-theme="dark"] .page-toolbar p,html[data-theme="dark"] .toolbar-info,
html[data-theme="dark"] .caption-meta,html[data-theme="dark"] .billing-note,
html[data-theme="dark"] .empty-list,html[data-theme="dark"] .empty-state {color:#acc1db}
html[data-theme="dark"] .log-editor-list,html[data-theme="dark"] .log-library-list,
html[data-theme="dark"] .library-list,html[data-theme="dark"] .slot-list,
html[data-theme="dark"] .admin-table,html[data-theme="dark"] .billing-station-list,
html[data-theme="dark"] .billing-user-list{background:#102038;border-color:#2c4462}
html[data-theme="dark"] .log-editor-header,html[data-theme="dark"] .log-header,
html[data-theme="dark"] .log-editor-footer,html[data-theme="dark"] .billing-team-toolbar,
html[data-theme="dark"] .billing-station-create,html[data-theme="dark"] .admin-list-toolbar,
html[data-theme="dark"] .log-library-browser,html[data-theme="dark"] .log-library-search,
html[data-theme="dark"] .library-meta,html[data-theme="dark"] .admin-actions,
html[data-theme="dark"] .modal-actions,html[data-theme="dark"] .vt-settings-dialog-footer,
html[data-theme="dark"] .lane-meta,html[data-theme="dark"] .record-status-line,
html[data-theme="dark"] .vt-action-bar,html[data-theme="dark"] .recorder-controls,
html[data-theme="dark"] .out-wave-tools,html[data-theme="dark"] .in-wave-tools,
html[data-theme="dark"] .vt-wave-tools,html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .app-legal{background:#1a304c;border-color:#304b6b;color:#c5d8ed}
html[data-theme="dark"] .log-edit-row,html[data-theme="dark"] .billing-user-row,
html[data-theme="dark"] .billing-station-row,html[data-theme="dark"] .admin-row,
html[data-theme="dark"] .slot,html[data-theme="dark"] .library-row {border-bottom-color:#2d435e;color:#e5f0ff}
html[data-theme="dark"] .log-edit-row{background:#172a43}
/* Preserve readable song, VT, timed-event, and marker distinctions. */
html[data-theme="dark"] .log-edit-row.log-type-song{background:#19362f;border-left-color:#38b978}
html[data-theme="dark"] .log-edit-row.log-type-voicetrack{background:#193b5d;border-left-color:#3c9dff}
html[data-theme="dark"] .log-edit-row.log-type-audio,
html[data-theme="dark"] .log-edit-row.log-type-spot,
html[data-theme="dark"] .log-edit-row.log-has-timed-event{background:#40311e;border-left-color:#f0b448}
html[data-theme="dark"] .log-edit-row.log-type-marker{background:#2f2b48;border-left-color:#af91ee}
html[data-theme="dark"] .log-edit-row.log-selected{background:#15518b;color:#fff}
/* Forms, buttons and small tools. */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .brand-row .compact-label select,
html[data-theme="dark"] #stationSelect{background:#10243c;color:#edf6ff;border-color:#3d5978}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#91a8c2}
html[data-theme="dark"] .spl-btn,html[data-theme="dark"] .log-mini-btn,
html[data-theme="dark"] .mini-media,html[data-theme="dark"] .wave-more-btn{background:#203a58;border-color:#476585;color:#edf5ff;box-shadow:none}
html[data-theme="dark"] .spl-btn:hover:not(:disabled),html[data-theme="dark"] .log-mini-btn:hover,
html[data-theme="dark"] .mini-media:hover:not(:disabled),html[data-theme="dark"] .wave-more-btn:hover:not(:disabled){background:#2b5177;border-color:#65affb;color:#fff}
html[data-theme="dark"] .spl-btn.primary,html[data-theme="dark"] .spl-btn.primary:not(:disabled),
html[data-theme="dark"] .billing-user-actions .spl-btn.team-login{background:#167ae3;border-color:#2489f5;color:#fff;box-shadow:none}
html[data-theme="dark"] .spl-btn.primary:hover:not(:disabled),
html[data-theme="dark"] .billing-user-actions .spl-btn.team-login:hover:not(:disabled){background:#2995fa;border-color:#64b2ff;color:#fff}
html[data-theme="dark"] .spl-btn.danger{background:#592b3c;border-color:#a45c72;color:#ffccd5}
html[data-theme="dark"] .spl-btn.record.live{background:#642d41;color:#ffced9;border-color:#bb5b78}
html[data-theme="dark"] input[type="checkbox"],html[data-theme="dark"] input[type="radio"],html[data-theme="dark"] input[type="range"]{accent-color:#278bf5}
/* Compact user editor: discard leftover grey styling from the prior theme. */
html[data-theme="dark"] #teamUserModal .team-edit-section{background:#152841;border-color:#375372}
html[data-theme="dark"] #teamUserModal .team-permission-item{background:#1b304a;border-color:#355270;color:#e6f2ff}
html[data-theme="dark"] #teamUserModal .team-edit-heading,
html[data-theme="dark"] #teamUserModal .team-schedule summary{color:#e8f4ff}
html[data-theme="dark"] #teamUserModal .team-edit-heading .check-line{color:#cfdef0}
html[data-theme="dark"] #teamUserModal .team-permission-item small,
html[data-theme="dark"] #teamUserModal .team-schedule-summary{color:#b6c9df}
html[data-theme="dark"] #teamUserModal .team-schedule-content{border-color:#34506e}
html[data-theme="dark"] #teamUserModal .team-edit-actions{background:#192d46;border-color:#36536e}
html[data-theme="dark"] .hour-check-grid{background:#132740;border-color:#3a5473}
html[data-theme="dark"] .hour-check-grid label{background:#1b3049;border-color:#3d5675;color:#e9f2ff}
html[data-theme="dark"] .hour-access-summary{color:#acc1db}
/* Website-style navy login (not a white form inside dark chrome). */
html[data-theme="dark"] .login-view{background:#0b1628}
html[data-theme="dark"] .login-window{background:#14243a;border-color:#335273;box-shadow:0 25px 65px rgba(0,0,0,.35)}
html[data-theme="dark"] .login-window .login-titlebar{background:#182d48;border-color:#334c6b}
html[data-theme="dark"] .login-body{background:#14243a;color:#e6f2ff}
html[data-theme="dark"] .login-body > p{color:#b1c7e0}
html[data-theme="dark"] .login-brand{background:#0c1627;border-color:#2a415e}
html[data-theme="dark"] .legal-disclaimer{color:#8da8c6}
html[data-theme="dark"] .legal-disclaimer>div:first-child{color:#c4d9f0}
/* Status banner remains visible only when an admin/owner logs in as a DJ. */
html[data-theme="dark"] #loginAsBanner:not(.hidden){background:#40331a!important;border-color:#8d6a2b!important;color:#ffe2a4!important}
/* The light/dark mode control is retired, even if a cached old page inserts it. */
.theme-toggle,#themeToggle{display:none!important}
