/* Display controls shared by both palettes. */
.theme-toggle{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.theme-toggle-track{position:relative;display:block;width:34px;height:20px;border-radius:20px;background:#8090a6;flex-shrink:0}.theme-toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.theme-toggle[aria-checked=true] .theme-toggle-track{background:#218496}.theme-toggle[aria-checked=true] .theme-toggle-track:after{transform:translateX(14px)}.system-clock{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.4}.system-clock time{font-size:12px;color:var(--ink)}.system-clock small{display:block;font-size:9px;color:var(--muted)}.auth-display-controls{display:flex;justify-content:flex-end;margin-bottom:22px}.player-display-controls{display:flex;justify-content:flex-end;margin-bottom:14px}
:root[data-theme=light]{color-scheme:light;--bg:#f0f5fb;--surface:#fff;--ink:#182c49;--muted:#556a83;--line:#ccd9e7;--green:#096979;--green-light:#dff3f3;--sidebar:#eaf1f9}
[data-theme=light] :focus-visible{outline-color:#226887}
[data-theme=light] body{background:radial-gradient(ellipse at 80% 0,#d7e4ff70,transparent 55%),#f0f5fb;color:var(--ink)}
[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{color:#192d4a}
[data-theme=light] .eyebrow{color:#32667e}[data-theme=light] .page-heading p,[data-theme=light] p{color:#556a83}
[data-theme=light] .sidebar{background:linear-gradient(180deg,#f9fcff,#eaf1fa);border-color:#c9d8e8;color:#435c7b}
[data-theme=light] .brand,[data-theme=light] .auth-card .brand{color:#1a3555}[data-theme=light] .brand-icon{color:#123553;box-shadow:0 0 18px #2b98d31a}
[data-theme=light] .workspace{background:#fff9;border-color:#cbd9e8;color:#263e5d}[data-theme=light] .workspace-icon{background:#dbe7f6;color:#365472}
[data-theme=light] .workspace small,[data-theme=light] .nav-label,[data-theme=light] .profile small,[data-theme=light] .version,[data-theme=light] .version>span:last-child{color:#536b89}
[data-theme=light] .nav-item:hover{background:#dde9f6;color:#173c5c}[data-theme=light] .nav-item.active{background:linear-gradient(90deg,#d4eef1,#e2eafb);color:#12586b;border-color:#accdd9;box-shadow:inset 3px 0 #228d9b}
[data-theme=light] .nav-dot,[data-theme=light] .tiny-dot{background:#138476;box-shadow:0 0 8px #18877922}[data-theme=light] .profile{border-color:#c7d6e5;color:#264465}[data-theme=light] .avatar{color:#234b73;background:#d9e7f9;border-color:#b8cfe6}[data-theme=light] .logout{color:#3a6281}
[data-theme=light] .topbar{background:#fafffff0;border-color:#cfdae8}[data-theme=light] .breadcrumb,[data-theme=light] .self-hosted{color:#49617e}[data-theme=light] .breadcrumb strong{color:#1e3d5d}[data-theme=light] .top-right .self-hosted{border-color:#c8d9e7}[data-theme=light] .divider{background:#c9d8e6}[data-theme=light] .date-label{color:#516c85}[data-theme=light] .menu-toggle{color:#226477}
[data-theme=light] .button{background:linear-gradient(120deg,#126978,#3e5cb1);color:#fff;border-color:#2d718c;box-shadow:0 3px 12px #18668716}
[data-theme=light] .button.secondary{background:#f6faff;border-color:#b5c9df;color:#244e71;box-shadow:none}[data-theme=light] .button.danger{background:#fff1f4;border-color:#d8a2b0;color:#96364d}
[data-theme=light] .status-banner{background:linear-gradient(110deg,#e0f1f4,#eaf0fd);border-color:#b6d3df}[data-theme=light] .status-banner strong{color:#225269}[data-theme=light] .status-banner p{color:#486a7c}[data-theme=light] .status-banner>a{color:#165d76}[data-theme=light] .status-icon{background:#d4eaf0;border-color:#aecfd9;color:#28697c}
[data-theme=light] .badge{background:#eaf0f8;color:#435d7a;border-color:#bdcee1}[data-theme=light] .badge.green{background:#e0f4eb;color:#21644f;border-color:#aad6c3}[data-theme=light] .badge.amber{background:#fff4dc;color:#775418;border-color:#e5cf99}
[data-theme=light] .metric,[data-theme=light] .panel{background:linear-gradient(135deg,#fff,#f8fbff);border-color:#cbd9e8;box-shadow:0 8px 22px #244d7510}[data-theme=light] .metric:before{background:linear-gradient(90deg,#27899d,#7886cb)}[data-theme=light] .metric>div{color:#4b6381}[data-theme=light] .metric strong{color:#17324f}[data-theme=light] .metric small{color:#576d87}[data-theme=light] .metric-icon{color:#326c86;background:#e6eff8;border-color:#c4d7e7}
[data-theme=light] .table-link{color:#14647c}[data-theme=light] .count{color:#3e6086;background:#e1ebf7}[data-theme=light] table th{background:#edf3fa;color:#4e6785;border-color:#c8d7e7}[data-theme=light] table td{color:#354e6b;border-color:#d6e1ee}[data-theme=light] tbody tr:hover{background:#edf5fc}[data-theme=light] table small,[data-theme=light] .stream-name small{color:#56718c}[data-theme=light] .stream-name{color:#244866}[data-theme=light] .stream-avatar{background:#dcecf5;color:#2a6b85;border-color:#b8d3e5}[data-theme=light] .record-dot.on{background:#258673}
[data-theme=light] .quick-start>a{color:#355373}[data-theme=light] .quick-start>a:hover{background:#eaf3fa}[data-theme=light] .quick-start small{color:#536d88}[data-theme=light] .step{background:#e9f0f9;border-color:#bdcde1;color:#476583}[data-theme=light] .step.done{background:#dcf2e9;border-color:#abd4c3;color:#236c56}[data-theme=light] .tip{background:#e7f2f3;border-color:#c2dbdf;color:#426d78}[data-theme=light] .tip strong{color:#2b5e64}
[data-theme=light] .chart-empty>div:nth-child(2){background:#f8fbfff0}[data-theme=light] .chart-empty p,[data-theme=light] .chart-legend{color:#56708c}[data-theme=light] .chart-symbol{color:#37859a}[data-theme=light] .activity-row{border-color:#d4dfeb}[data-theme=light] .activity-row strong{color:#2d4f6d}[data-theme=light] .activity-row small,[data-theme=light] .activity-row time{color:#5b728b}[data-theme=light] .activity-dot{background:#268c9b}[data-theme=light] .infrastructure>div:not(.panel-header){border-color:#cedce9;color:#4d6782}[data-theme=light] .status-text{color:#24745a}
[data-theme=light] .empty h3{color:#31546f}[data-theme=light] .empty-icon{background:#e1eef6;color:#427b97}[data-theme=light] .empty p{color:#57718a}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fbfdff!important;color:#213f5b!important;border-color:#b2c7de!important}[data-theme=light] input::placeholder{color:#657b94}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#297e9b!important;box-shadow:0 0 0 3px #3288aa1a}[data-theme=light] label{color:#35536f}[data-theme=light] input::file-selector-button{background:#dceaf8;color:#294c72}[data-theme=light] option{background:#fff}
[data-theme=light] .details dt,[data-theme=light] .field-hint,[data-theme=light] .smtp-test small{color:#58728b}[data-theme=light] .details dd{color:#274666}[data-theme=light] .copy-field button{background:#e5f0fa;border-color:#b3cbe0;color:#2c6280}
[data-theme=light] .notice{color:#285e50;background:#e4f5ee;border-color:#badacd}[data-theme=light] .notice.error{color:#8d314d;background:#ffedf2;border-color:#e4b5c5}[data-theme=light] .notice.warning{color:#7b571d;background:#fff6e4;border-color:#e6d2aa}[data-theme=light] .notice.info{color:#2c567d;background:#e8f2ff;border-color:#b8d0eb}[data-theme=light] .error-text{color:#9d3651}
[data-theme=light] .video-card{background:#f7fbff;border-color:#c4d6e7}[data-theme=light] .video-card h3{color:#294b6b}[data-theme=light] .video-placeholder{background:#e3edf9;color:#416888}[data-theme=light] .toast{background:#e5f6f0;color:#255d50;border-color:#a4ccbd}[data-theme=light] footer{border-color:#c9d8e7;color:#526e86}[data-theme=light] footer span{color:#58758e}[data-theme=light] pre{background:#eaf2fb;border-color:#c2d5e8}
[data-theme=light] .brand-preview{background:#edf5ff;border-color:#a6c2df}[data-theme=light] .brand-preview small{color:#52708e}[data-theme=light] .smtp-test{border-color:#c3d4e6}
[data-theme=light] .auth-page{background:radial-gradient(ellipse at 14% 18%,#bce6ec70,transparent 45%),radial-gradient(ellipse at 88% 92%,#d7d6fb70,transparent 50%),#f0f5fb}[data-theme=light] .auth-stage{background:#fff;border-color:#b8cde0;box-shadow:0 30px 90px #31597920}[data-theme=light] .auth-story{background:radial-gradient(circle at 50% 40%,#b1dce550,transparent 55%),linear-gradient(135deg,#e0f2f6,#e4eafb)}[data-theme=light] .auth-story:before{background-image:linear-gradient(#4567810a 1px,transparent 1px),linear-gradient(90deg,#4567810a 1px,transparent 1px)}[data-theme=light] .auth-story p{color:#4a6681}[data-theme=light] .auth-chips span{border-color:#adcadc;color:#3b607c;background:#ffffff66}
[data-theme=light] .auth-card{background:linear-gradient(150deg,#fff,#f4f8ff)}[data-theme=light] .auth-card>p{color:#536d89}[data-theme=light] .auth-card .eyebrow{color:#526797}[data-theme=light] .forgot-link,[data-theme=light] .auth-back{color:#296d88}[data-theme=light] .auth-foot{color:#536e89;border-color:#c5d7e8}[data-theme=light] .auth-foot>span:last-child{color:#556d90}[data-theme=light] .orbit{border-color:#3889a45e}[data-theme=light] .orbit-two{border-color:#727ac576}[data-theme=light] .orbit-core{background:linear-gradient(135deg,#c2e3ee,#c6d6f4);border-color:#75adca;box-shadow:0 0 55px #4e91b52b}[data-theme=light] .orbit-core svg{color:#347d9d}[data-theme=light] .orbit-label{color:#426f86}[data-theme=light] .player-page{background:#eef5ff;color:#213f61}[data-theme=light] .player-toolbar button.selected{background:#d5edf2;color:#1d6176;border-color:#7db5c9}
/* Keep the navigation dark in both themes, including its nested controls. */
:root .sidebar{color-scheme:dark;background:linear-gradient(180deg,#0f192e,#090f1e);border-color:#26364d;color:#a4b3be}
:root .sidebar .brand{color:#f5fafc}:root .sidebar .brand-icon{color:#0a1730;box-shadow:0 0 24px #62d9f124}
:root .sidebar .workspace{background:#ffffff03;border-color:#283750;color:#e5ecf0}:root .sidebar .workspace-icon{background:#253149;color:#a7bbef}:root .sidebar .workspace small{color:#91a2bb}
:root .sidebar .nav-label{color:#899bb9}:root .sidebar .nav-item:hover{background:#1b2a43;color:#e7f3ff}:root .sidebar .nav-item.active{background:linear-gradient(90deg,#163340,#1b243e);color:#83edf5;border-color:#315361;box-shadow:inset 3px 0 #6de6ef}
:root .sidebar .nav-dot,:root .sidebar .tiny-dot{background:#6de6ef;box-shadow:0 0 9px #6de6ef55}:root .sidebar .profile{border-color:#26354e;color:#dee8ee}
:root .sidebar .profile small,:root .sidebar .version,:root .sidebar .version>span:last-child{color:#98aac5}:root .sidebar .avatar{color:#c2d9ff;background:#293851;border-color:#455a7a}:root .sidebar .logout{color:#a8c2de}:root .sidebar .muted{color:#9aabc5}:root .sidebar :focus-visible{outline-color:#76e7f2}
@media(max-width:1100px){.top-right{gap:12px}.top-right .self-hosted,.top-right .divider{display:none}}
@media(max-width:800px){.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.top-right{gap:10px}.system-clock time{font-size:11px}.system-clock small{font-size:8px}.topbar .avatar.small{display:none}}
@media(max-width:480px){.topbar .breadcrumb{flex:1}.top-right{width:100%;justify-content:space-between}.system-clock{text-align:left}.auth-display-controls{margin-bottom:15px}}