/* Signal: a responsive control-room theme. */
:root{color-scheme:dark;--bg:#070c19;--surface:#10192c;--ink:#e6edf9;--muted:#9aabc5;--line:#26354e;--green:#63e3ef;--green-light:#123541;--sidebar:#0b1223;--font:"Segoe UI",Arial,sans-serif}
body{background:radial-gradient(ellipse at 82% 0,#25336340,transparent 50%),linear-gradient(#070c19ee,#070c19ee),repeating-linear-gradient(0deg,transparent 0 47px,#233553 48px);font-size:14px;min-height:100vh}
::selection{background:#65e5f5;color:#07121b}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #76e7f2;outline-offset:4px}
h1{font-size:32px;letter-spacing:-1.2px}h2,h3{color:#edf3ff}.eyebrow{color:#72cbdc;letter-spacing:2px;font-size:10px}.main{padding-top:34px}.page-heading{margin-bottom:30px}.page-heading p{font-size:13px;color:#9aabc5}
.sidebar{background:linear-gradient(180deg,#0f192e,#090f1e);border-right:1px solid #26364d;padding-top:27px}.brand{font-size:19px;letter-spacing:-.6px;min-width:0}.brand>span:last-child{overflow-wrap:anywhere;min-width:0}.brand-icon{background:linear-gradient(140deg,#67e7ef,#8493ff);color:#0a1730;box-shadow:0 0 24px #62d9f124;width:36px;height:36px;border-radius:11px;letter-spacing:0;padding:0;flex-shrink:0}.brand-logo{width:38px;height:38px;object-fit:contain;flex-shrink:0}.brand-dot{display:none}.workspace{background:#ffffff03;border-color:#283750;border-radius:12px;margin-top:28px}.workspace>div{min-width:0;overflow-wrap:anywhere}.workspace-icon{background:#253149;color:#a7bbef}.workspace small{color:#91a2bb}.nav-label{color:#899bb9;font-size:9px}.nav-item{border:1px solid transparent;padding:12px;font-size:12px;border-radius:9px}.nav-item:hover{background:#1b2a43;color:#e7f3ff}.nav-item.active{background:linear-gradient(90deg,#163340,#1b243e);color:#83edf5;border-color:#315361;box-shadow:inset 3px 0 #6de6ef}.nav-dot,.tiny-dot{background:#6de6ef;box-shadow:0 0 9px #6de6ef55}.profile{border-color:var(--line)}.profile small,.version,.version>span:last-child{color:#98aac5}.avatar{color:#c2d9ff;background:#293851;border:1px solid #455a7a}.logout{color:#a8c2de}
.topbar{background:#0c1426e8;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.breadcrumb,.self-hosted{color:#a7b8d0}.breadcrumb strong{color:#dce8fc}.top-right .self-hosted{border:1px solid #2c4059;border-radius:20px;padding:5px 11px;font-size:10px}.date-label{color:#a5b8d1}.divider{background:#32405c}
.button{background:linear-gradient(120deg,#67e5ec,#89bbff);color:#091426;border:1px solid #95edfa;border-radius:8px;box-shadow:0 3px 16px #5ad0f312;font-size:12px;min-height:40px;padding:10px 16px;transition:filter .15s,transform .15s}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.button.secondary{background:#17243b;border-color:#3d506f;color:#d2e2f7;box-shadow:none}.button.danger{background:#351c30;border-color:#78415c;color:#ffb6cc;box-shadow:none}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.full{justify-content:space-between;font-size:13px;min-height:47px}
.status-banner{background:linear-gradient(110deg,#142d3b,#162039 75%);border-color:#315364;border-radius:13px;padding:22px}.status-banner strong{color:#d6f7fc;font-size:13px}.status-banner p{color:#a2b7ca;font-size:11px}.status-banner>a{color:#8fe6ed;font-size:11px}.status-icon{background:#173e4a;border-color:#387081;color:#85eaf3}.badge{color:#bbcce5;background:#1a2941;border-color:#354b67;border-radius:6px}.badge.green{color:#91f2cf;background:#163b35;border-color:#2a6153}.badge.amber{color:#f6d490;background:#3b3020;border-color:#665233}
.metric,.panel{background:linear-gradient(135deg,#142038e8,#10192cef);border-color:#293a56;border-radius:13px;box-shadow:0 10px 25px #00000012}.metric{position:relative;overflow:hidden;padding:22px}.metric:before{content:"";position:absolute;top:0;left:22px;width:45px;height:2px;background:linear-gradient(90deg,#6be3eb,#9994ff)}.metric>div{color:#b0c1da;font-size:12px}.metric strong{color:#f0f6ff;font-size:36px}.metric small{color:#98acc8;font-size:11px}.metric-icon{color:#8ce2ed;background:#20314a;border:1px solid #334965}.panel-header h2{font-size:14px}.panel-header p{font-size:11px}.panel-header{padding:22px}.table-link{color:#83e2f1}.count{background:#283852;color:#b2d3f6}.table-wrap{border-color:var(--line)}table th{background:#0d172a;color:#99b1cf;border-color:#2a3a54}table td{color:#c4d1e6;border-color:#26354d}tbody tr:hover{background:#1c2a42}table small,.stream-name small{color:#98afca}.stream-name{color:#e2edff}.stream-avatar{background:#20374b;color:#83dbe9;border-color:#35536d}.record-dot{background:#60728e}.record-dot.on{background:#74e4d5}
.quick-start>a{color:#d7e4f7}.quick-start>a:hover{background:#203049}.quick-start small{color:#9dafc8;font-size:10px}.step{background:#1c2a43;border-color:#435772;color:#c4d5ed}.step.done{background:#163e3c;border-color:#35655d;color:#91eada}.tip{background:#122d35;border-color:#284f58;color:#a2c3cb}.tip strong{color:#a6e1df}.chart-grid{opacity:.15}.chart-empty>div:nth-child(2){background:#121d32e8;border-radius:12px}.chart-empty p{color:#9dafc9}.chart-symbol{color:#6cdce9}.chart-legend{color:#a0b7d0}.activity-row{border-color:#263650}.activity-row strong{color:#d5e3f7}.activity-row small,.activity-row time{color:#a2b4ce}.activity-dot{background:#65dce8;box-shadow:0 0 12px #60d9e755}.infrastructure>div:not(.panel-header){border-color:#28394f;color:#a4b7d1}.status-text{color:#89e5cb}.empty h3{color:#d8e7fc}.empty-icon{color:#8fc1ee;background:#1d304b}.empty p{color:#9eb0c9}
input,select,textarea{background:#0b1426!important;color:#e4edfc!important;border:1px solid #3a4d6b!important;border-radius:8px!important;min-height:43px}input::placeholder{color:#8295b1;opacity:1}input:focus,select:focus,textarea:focus{border-color:#6ee2ed!important;box-shadow:0 0 0 3px #65d9ef16}label{color:#bfcde2;font-size:12px}input[type=checkbox]{min-height:auto;accent-color:#69dfef}input[type=file]{padding:9px;width:100%;font-size:11px}input::file-selector-button{background:#253956;border:0;border-radius:5px;color:#d5e7ff;padding:6px 9px;margin-right:9px;cursor:pointer}option{background:#101c30}.form-panel{padding:25px}.form-panel>h2{font-size:19px;margin-bottom:8px}.form-panel>p{font-size:12px}.details dt{color:#91a7c4}.details dd{color:#d9e7f9;overflow-wrap:anywhere}.copy-field button{background:#21334d;color:#b8d9ef;border-color:#3a4d6b}.notice{border-radius:9px;color:#aeeade;background:#123630;border:1px solid #2e5e55}.notice.error{color:#ffc4d1;background:#391c2c;border-color:#764158}.notice.warning{color:#f4d59f;background:#392f22;border-color:#685335}.notice.info{color:#b5d8fc;background:#182e48;border-color:#385676}.error-text{color:#ffacc5}.muted{color:var(--muted)}.video-card{background:#121f35;border-color:#30445f}.video-card h3{color:#e3edfd}.video-placeholder{background:#1b2a42;color:#a3b8d8}.toast{background:#173c3f;color:#c0fff0;border:1px solid #4a7e79}.menu-toggle{color:#9de8f0}footer{border-color:#28364f;color:#99acc7}footer span{color:#94a8c3}pre{background:#0a1424;border:1px solid #2e435d}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form label{margin:0;min-width:0}.settings-form input,.settings-form select{margin:7px 0 0;width:100%}.settings-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.settings-form .button{align-self:start}.settings-form .button.full{align-self:stretch}.settings-form .check-label,.check-label{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.settings-form .check-label input,.check-label input{width:16px;flex-shrink:0;margin:0}.field-hint{font-size:11px;line-height:1.7;color:#9eafc9;margin:0}.brand-preview{display:flex;gap:15px;align-items:center;padding:18px;background:#0b1529;border:1px dashed #3a5575;border-radius:11px;margin:20px 0}.brand-preview strong{font-size:17px;overflow-wrap:anywhere}.brand-preview small{display:block;color:#95abc8;margin-top:4px;overflow-wrap:anywhere}.brand-preview .brand-logo,.brand-preview .brand-icon{width:48px;height:48px;font-size:25px}.smtp-test{display:flex;align-items:flex-start;flex-direction:column;gap:9px;border-top:1px solid #2c3d58;margin-top:22px;padding-top:22px}.smtp-test small{font-size:11px;color:#a0b4cf}.favicon-preview{display:flex;align-items:center;gap:12px}.favicon-preview img{width:32px;height:32px;object-fit:contain}
.auth-page{display:flex;align-items:center;justify-content:center;padding:45px 30px;background:radial-gradient(ellipse at 14% 18%,#16435b60,transparent 45%),radial-gradient(ellipse at 88% 92%,#36255a55,transparent 50%),#070d1a;min-height:100vh}.auth-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);width:1060px;max-width:100%;border:1px solid #30425c;border-radius:24px;overflow:hidden;box-shadow:0 35px 100px #0006;background:#0c1528}.auth-story{position:relative;padding:40px 45px;background:radial-gradient(circle at 50% 40%,#263b6140,transparent 55%),linear-gradient(135deg,#11293a,#141a36);overflow:hidden}.auth-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#85cfe209 1px,transparent 1px),linear-gradient(90deg,#85cfe209 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.auth-story>*{position:relative}.auth-story h1{font-size:38px;line-height:1.14;letter-spacing:-1.5px;max-width:420px;margin:13px 0 18px;overflow-wrap:anywhere}.auth-story p{font-size:13px;max-width:350px;color:#a7b9d4;line-height:1.8}.auth-story .eyebrow{font-size:9px}.auth-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.auth-chips span{font:8px Consolas,monospace;letter-spacing:1px;border:1px solid #3b506d;border-radius:20px;padding:7px 10px;color:#a5c3d9;background:#0c17264d}.auth-card{width:auto;max-width:none;background:linear-gradient(150deg,#131e33,#0c1426);border:0;border-radius:0;box-shadow:none;padding:68px 40px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:29px;letter-spacing:-1px;margin:8px 0 10px}.auth-card>p{font-size:13px;color:#a1b4d0;margin-bottom:30px}.auth-card .eyebrow{color:#9cabe1;font-size:9px}.auth-card label{font-size:12px}.auth-card input{min-height:47px}.auth-card .button{margin-top:9px}.forgot-link{font-size:12px;color:#91dfee;align-self:end;margin-top:-5px}.auth-back{color:#9dcee7;margin-top:20px;font-size:12px}.auth-foot{display:flex;align-items:center;color:#97acc8;font-size:10px;border-top:1px solid #2b3a53;margin-top:35px;padding-top:20px;gap:4px}.auth-foot>span:last-child{margin-left:auto;font:8px Consolas,monospace;letter-spacing:1px;color:#a2b3d3}.orbital-art{height:240px;display:grid;place-items:center;margin:5px 0 15px}.orbit{position:absolute;border:1px solid #79dded55;border-radius:50%;width:200px;height:200px;box-shadow:0 0 22px #54dced08,inset 0 0 22px #54dced08;transform:rotate(-25deg) scaleY(.65)}.orbit-two{width:240px;height:240px;border-color:#a295f955;transform:rotate(48deg) scaleY(.65)}.orbit-core{width:108px;height:108px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#234862,#293658);border:1px solid #8be4f59e;box-shadow:0 0 65px #63daf32b,inset 0 0 25px #78cef313;transform:rotate(-9deg)}.orbit-core svg{width:70px;height:70px;color:#9df1fb;filter:drop-shadow(0 0 9px #6fe7f566);transform:rotate(9deg)}.orbit-label{position:absolute;bottom:10px;font:8px Consolas,monospace;letter-spacing:3px;color:#92bcd2}
@media(min-width:1500px){.main{padding-top:40px}.metric{padding:26px}}
@media(max-width:1100px){.settings-grid{grid-template-columns:1fr}.auth-story{padding:35px}.auth-card{padding:50px 30px}.auth-story h1{font-size:34px}}
@media(max-width:800px){.main{padding:25px 18px}.sidebar{width:245px}.auth-page{padding:25px 16px}.auth-stage{grid-template-columns:1fr;max-width:500px;border-radius:18px}.auth-story{padding:26px 30px}.auth-story h1{font-size:25px;margin:24px 0 8px}.auth-story>.eyebrow,.auth-story>p,.orbital-art,.auth-chips{display:none}.auth-card{padding:30px}.auth-card h2{font-size:26px}.auth-foot{margin-top:28px}}
@media(max-width:480px){.main{padding:22px 12px}.settings-form .form-grid{grid-template-columns:1fr}.form-panel{padding:20px}.auth-card,.auth-story{padding:25px}.auth-story h1{font-size:23px}.auth-foot>span:last-child{font-size:7px;letter-spacing:.5px}.metric strong{font-size:29px}.status-banner{padding:18px}.brand{font-size:17px}.settings-form .button{width:100%}}
.auth-page>.auth-card{width:100%;max-width:700px;border:1px solid #30425c;border-radius:20px}.auth-card .brand{color:#e3efff}.player-toolbar button.selected{background:#224252;color:#a8eff7;border-color:#6ec6dc}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}