/* Theme is initialized before paint. First visit uses dark; saved choices win. */
:root{color-scheme:dark;--page:#111214;--surface:#1b1c20;--raised:#232429;--field:#16171a;--border:#33343a;--text:#ececef;--muted:#a5a5ae;--link:#b5a7fa;--soft:#29253a;--hover:#26272d;--positive:#80e0b2;--positive-bg:#163329;--warning:#f6c578;--warning-bg:#382c18;--negative:#ff9daa;--negative-bg:#3d2029;--insight:#121317;--insight-grid:#2d3039;--tab-active:#f3f4f8;--tab-text:#15161a}
:root[data-theme=light]{color-scheme:light;--page:#f6f6fb;--surface:#fff;--raised:#faf9fd;--field:#fdfcfe;--border:#e2deea;--text:#232238;--muted:#716a83;--link:#6250d8;--soft:#f0edff;--hover:#f3f0ff;--positive:#167346;--positive-bg:#e9f8ef;--warning:#886218;--warning-bg:#fff3dd;--negative:#b53549;--negative-bg:#ffecee;--insight:#fff;--insight-grid:#e7e5ee;--tab-active:#272234;--tab-text:#fff}
html body{background:var(--page);color:var(--text)}html a{color:var(--link)}html .brand{color:var(--text)}html .sidebar,html .panel,html .stat,html .feature,html .floating-card,html .notification-dropdown,html .notification-menu>summary,html .insight-admin>summary{background:var(--surface);border-color:var(--border);color:var(--text)}html .sidebar{border-color:var(--border)}html .sidebar nav a{color:var(--muted)}html .sidebar nav a:hover{background:var(--hover)}html .sidebar nav a.active{background:var(--soft);color:var(--link)}html .hint,html small,html .eyebrow,html .workspace,html label,html .sidebar-bottom a,html .stat span,html .notification-item small,html .metadata dt,html .steps,html .reset summary,html .empty p,html .feature p,html .hero-copy>p,html .prose p,html .auth-intro p,html .release-hero p{color:var(--muted)}html .stat.accent{background:#6856e8;border-color:#6856e8;color:#fff}html .stat.accent span,html .stat.accent small{color:#e5deff}html .stat.accent a{color:#fff}html .welcome-banner,html .home-note,html .hero-art{background:var(--soft);border-color:var(--border)}html .welcome-banner p,html .home-note p,html .art-caption{color:var(--muted)}html .track-editor{background:var(--raised);border-color:var(--border)}html input,html select,html textarea{background:var(--field);color:var(--text);border-color:var(--border)}html input:disabled,html select:disabled,html textarea:disabled{background:var(--raised);color:var(--muted)}html input[type=file]{background:var(--field)}html input[type=file]::file-selector-button{background:var(--soft);color:var(--link)}html .secondary,html .theme-toggle{background:var(--surface);color:var(--text);border-color:var(--border)}html .secondary:hover,html .theme-toggle:hover{background:var(--hover);border-color:var(--link)}html .button:not(.secondary),html button:not(.secondary):not(.link):not(.theme-toggle){color:#fff}html .link,html .policy-checks a{color:var(--link)}html .danger{color:var(--negative)}html th{color:var(--muted)}html td,html th,html .metadata>div,html .track-row,html .notification,html .artist-card,html .public-footer,html .ownership,html .policy-checks{border-color:var(--border)}html .timeline article{border-color:var(--border)}html .public-footer{color:var(--muted)}html .notification-item{color:var(--text);border-color:var(--border)}html .notification-item.unread,html .notification.unread{background:var(--soft)}html .notification-count{border-color:var(--surface);color:#fff}html .store-grid .check{background:var(--surface);border-color:var(--border)}html .store-grid .check:has(input:checked){background:var(--soft);border-color:var(--link)}html .notice,html .import-preview{background:var(--soft);border-color:var(--border);color:var(--text)}html .pill,html .empty-icon,html .avatar,html .user-chip>span,html .cover-placeholder{background:var(--soft);color:var(--link)}html .badge{background:var(--raised);color:var(--muted)}html .badge.approved,html .badge.live,html .badge.delivered,html .badge.paid,html .alert.success{background:var(--positive-bg);color:var(--positive);border-color:var(--positive-bg)}html .badge.submitted{background:var(--soft);color:var(--link)}html .badge.changes,html .badge.takedown_requested{background:var(--warning-bg);color:var(--warning)}html .badge.rejected,html .badge.taken_down,html .alert.error{background:var(--negative-bg);color:var(--negative);border-color:var(--negative-bg)}html .chart-grid{stroke:var(--border)}html .chart-axis{fill:var(--muted)}html audio{color-scheme:inherit}
/* Insights shares the selected theme with every other screen. */
html .insights{background:var(--insight);color:var(--text);border-color:var(--border)}html .insight-header h2,html .insights h3,html .insight-headline>strong,html .insight-headline p,html .insights table,html .insights table a{color:var(--text)}html .insight-kicker,html .insight-source,html .insight-tabs a,html .insight-periods a,html .insight-headline>span,html .insights .insight-muted,html .insight-metrics span,html .insight-empty,html .insights table small{color:var(--muted)}html .insight-tabs,html .insight-periods,html .insight-metrics,html .insight-ranking,html .insight-empty,html .insights td,html .insights th{border-color:var(--border)}html .insight-tabs a.active{background:var(--tab-active);color:var(--tab-text)}html .insight-periods a.active{color:var(--text);border-color:var(--text)}html .insight-filters input,html .insight-filters select{background:var(--field);color:var(--text);border-color:var(--border);color-scheme:inherit}html .insight-filters button{background:var(--tab-active);color:var(--tab-text)!important;border-color:var(--tab-active)}html .insights th{background:var(--raised);color:var(--muted)}html .insight-axis{fill:var(--muted)}html .insight-grid{stroke:var(--insight-grid)}html .insight-bar-bg{fill:var(--raised)}html .insights .insight-down{color:var(--negative)}html .insights .insight-up{color:var(--positive)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:44px;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:600}.theme-toggle svg{width:20px;height:20px;flex-shrink:0}.theme-moon{display:none}:root[data-theme=light] .theme-sun{display:none}:root[data-theme=light] .theme-moon{display:block}
@media(max-width:700px){.theme-toggle{width:40px;min-height:40px;padding:9px}.theme-label{display:none}.public-header nav{gap:8px}.topbar{gap:10px}.topbar-actions{gap:8px}.public-header .brand{font-size:17px}.topbar h1{overflow-wrap:anywhere}}
