.interface-preferences { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.interface-preferences .field { min-width: 0; }
.interface-preferences label { display: block; margin-bottom: 10px; font-size: 16px; color: var(--muted); }
.interface-preferences select { width: 100%; min-width: 0; min-height: 54px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; font-size: 16px; background: #f7f9fb; color: var(--ink); }
.interface-preferences select:focus-visible { outline: 3px solid #92bbff; outline-offset: 2px; }
.interface-preferences-note { margin-top: 22px; color: var(--muted); font-size: 14px; line-height: 1.5; }
@media(max-width:900px) { .interface-preferences { grid-template-columns: 1fr; gap: 20px; } }

/* The operational TV display has its own contrast and is independent of this preference. */
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) {
  color-scheme: dark; --ink:#edf3fc; --muted:#acbbcf; --line:#34445a;
  --paper:#101923; --panel:#192535; --teal-soft:#203d65; --charcoal:#edf3fc;
  --shadow:0 20px 60px rgba(0,0,0,.25); background:#101923; color:#edf3fc;
}
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) body { background:#101923; color:#edf3fc; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(.screen-card,.app-sidebar,.app-header,.topbar,.workspace-card,.panel,.monthly-kpi,.monthly-insights,.weekly-panel,.weekly-calendar-scroll,.notification-panel,.notification-item,.settings-workspace,.settings-content,.billing-settings-card,.settings-item,.collaborator-form-section,.person,.metric,.routine,.empty,.confirm-dialog,.account-menu-popover,.task-notification-toast,.tv-device-row,.process-metric,.process-workspace,.process-template-card,.process-execution-row,.process-step-edit-row,.sw-onboarding-panel,.sw-onboarding-toggle,.sw-onboarding-support) {
  background:#192535; color:#edf3fc; border-color:#34445a;
}
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(.settings-navigation,.subscription-summary,.week-days-head,.week-hours,.check-row,.recurrence-panel,.collaborator-table thead th,.calendar-day.outside,.routine.is-complete,.process-tabs,.process-run-step.is-complete,.analytics-consent,.analytics-consent-secondary) { background:#14202e; color:#c6d2e2; border-color:#34445a; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(input,select,textarea,.multi-picker-toggle,.multi-picker-options,.picker-quick-add,.calendar-day,.weekday-button,.icon-btn,.btn,.notification-button,.sidebar-toggle,.sector-menu-list button,.process-step-check) { background:#202e40; color:#edf3fc; border-color:#43546c; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(input,textarea)::placeholder { color:#a2b1c5; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(h1,h2,h3,h4,.section-title,.field label,.routine-title,.person-name,.user-chip strong,.collaborator-table td,.collaborator-table strong,.settings-content-header h2,.metric strong,.monthly-kpi strong,.account-menu-popover button,.sw-onboarding-step,.sw-onboarding-dismiss) { color:#edf3fc; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(.app-sidebar .nav button,.settings-nav button,.settings-nav button svg,.settings-nav-label,.sidebar-section-label,.user-chip span,.metric span,.analytics-consent p,.collaborator-table th,.collaborator-table small,.sw-onboarding-step.is-complete) { color:#b4c3d7; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(.app-sidebar .nav button.active,.settings-nav button.active,.app-sidebar .nav .tv-nav,.selected-date,.billing-plan-badge,.tag,.user-avatar,.process-tab[aria-selected="true"]) { background:#203d65; color:#a9cdff; border-color:#395f91; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(.btn.primary,.settings-nav-quick-pair,.calendar-day.selected,.weekday-button.active) { background:#0866ff; color:#fff; border-color:#0866ff; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) .btn.danger { background:#8e3434; color:#fff; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(.settings-nav button:hover,.app-sidebar .nav button:hover,.calendar-day:hover,.account-menu-popover button:hover,.notification-item:hover,.collaborator-table tbody tr:hover) { background:#283d56; color:#fff; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) :is(.settings-content-header,.settings-section,.collaborator-table td,.collaborator-table th,.weekly-calendar-scroll,.week-grid,.week-day,.week-hour,.user-menu,.settings-navigation,.sw-onboarding-step) { border-color:#34445a; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) .sidebar-brand .brand-logo img { content:url('/syncwall-logo-tv.png'); }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) #authLoadingScreen { background:#101923; color:#edf3fc; }
html[data-interface-theme="dark"]:not([data-display-mode="tv"]) .sw-onboarding-progress { color:#edf3fc; background:#203d65; }