:root{color-scheme:dark;--bg:#0b1017;--panel:#111923;--line:#24303d;--muted:#8c9bad;--text:#e8eef6;--mint:#74ebc0;--amber:#efc47a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Segoe UI',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}.sidebar{position:fixed;width:238px;inset:0 auto 0 0;background:#0e151f;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:750;letter-spacing:1px;display:flex;align-items:center;gap:10px}.brand-icon{background:var(--mint);color:#10271f;border-radius:10px;padding:0 9px;transform:skew(-7deg)}.brand small{font-size:9px;letter-spacing:1.5px;color:var(--muted);align-self:end;margin-bottom:5px}.workspace{border:1px solid var(--line);border-radius:9px;padding:13px 10px;margin:30px 0;font-size:12px}.workspace small{display:block;color:var(--muted);padding-left:16px;margin-top:4px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:5px}.nav-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}nav button{display:flex;gap:13px;align-items:center;width:100%;text-align:left;border:0;color:#94a3b5;background:transparent;padding:12px 14px;border-radius:7px;margin:4px 0}nav button.active{color:var(--mint);background:#17322e}nav button:hover{background:#1a2531}.sidebar-bottom{margin-top:auto}.version{font:10px monospace;letter-spacing:2px;color:var(--mint)}.sidebar-bottom p{font-size:22px;line-height:1.4}.sidebar-bottom small{color:var(--muted);font-size:10px}main{margin-left:238px}header{height:72px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.environment{font-size:10px;letter-spacing:1.5px}.page{padding:30px 38px 50px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:7px 0 10px;font-weight:650}h2{font-size:17px;font-weight:600;margin:0}h3{font-size:15px;margin:0}.page-heading p:last-child{color:var(--muted);margin:0}.primary{background:var(--mint);border:1px solid var(--mint);color:#09251b;padding:10px 17px;border-radius:7px;font-weight:650;white-space:nowrap}.primary:hover{background:#a6f5d8}.notice{border:1px solid #48402c;border-radius:7px;background:#201e18;padding:11px 15px;font:10px/1.6 monospace;color:var(--amber);margin-bottom:24px}.notice span{font:12px 'Segoe UI',sans-serif;color:#c5bcaa;margin-left:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:20px}.stat .label{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:34px;font-weight:600;letter-spacing:-1px;margin:8px 0}.stat small{color:var(--muted);font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.two-col{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:22px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:23px;margin-top:22px}.two-col .panel{margin-top:0}.tag{display:inline-block;padding:4px 9px;border-radius:5px;font:10px/1.5 monospace;letter-spacing:.4px;color:var(--mint);background:#18382e}.tag.amber{background:#3a3020;color:var(--amber)}.tag.muted{background:#222e3c;color:#aebbc9}.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.architecture .tier{border:1px solid #375449;border-radius:8px;padding:20px 10px;text-align:center;background:linear-gradient(160deg,#172b29,#121b23)}.architecture strong{display:block;font-size:12px;margin:10px 0 6px}.architecture small{color:var(--muted);font-size:10px}.architecture .symbol{font-size:27px;color:var(--mint)}.subtle{font-size:12px;color:var(--muted)}.readiness{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:12px}.readiness:last-child{border:0}.readiness span:last-child{color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:var(--muted);letter-spacing:1px;font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:17px 14px;border-bottom:1px solid #202b38}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}tr:last-child td{border-bottom:0}.secondary{background:#192430;color:var(--text);border:1px solid #344356;border-radius:6px;padding:7px 12px}.secondary:hover{border-color:var(--mint)}.toolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.toolbar input{max-width:400px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:var(--muted);font-size:12px}.pagination button{margin-left:8px}.nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.node-card{border:1px solid var(--line);border-radius:9px;padding:20px;background:var(--panel)}.node-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.node-card p{margin:6px 0;color:var(--muted);font-size:12px}.node-card button{margin-top:15px}.node-icon{color:var(--mint);font-size:24px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.failure-option{padding:12px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:12px;margin-bottom:8px;cursor:pointer}.failure-option small{color:var(--muted);display:block;font-size:10px}.failure-option input{width:16px;accent-color:var(--amber)}.lab-result{border:1px solid #375449;background:#122520;border-radius:9px;padding:25px;align-self:start}.lab-result.degraded{background:#2a2218;border-color:#665437}.lab-result strong{display:block;font-size:30px;margin:12px 0}.lab-result p{color:#adbbbc;font-size:13px}.metric-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #34483e}.metric-row b{color:var(--mint)}.error{color:#ffb0a5;font-size:12px}.empty{text-align:center;padding:40px;color:var(--muted)}input,textarea,select{display:block;width:100%;background:#0c131d;color:var(--text);border:1px solid #344356;border-radius:6px;padding:10px 12px;margin-top:6px}input:focus,textarea:focus,select:focus{border-color:var(--mint)}label{display:block;font-size:12px;margin:15px 0}dialog{background:#111b27;color:var(--text);border:1px solid #3e5065;border-radius:12px;width:570px;max-width:calc(100% - 28px);padding:27px;max-height:90vh}dialog::backdrop{background:#03070dc9;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .eyebrow{margin:0 0 5px}.icon-button{background:none;border:0;color:var(--muted);font-size:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hint{font-size:11px;color:var(--muted)}fieldset{border:1px solid var(--line);border-radius:6px;margin:20px 0}legend{font-size:12px;color:var(--muted)}#assignment-options{display:grid;grid-template-columns:1fr 1fr}#assignment-options label{display:flex;gap:8px;align-items:center}#assignment-options input{width:auto;margin:0;accent-color:var(--mint)}.full{width:100%}#toast{position:fixed;right:30px;bottom:25px;background:#223d33;color:#b4f5d7;border:1px solid #47715d;border-radius:8px;padding:14px 22px;box-shadow:0 10px 40px #0008;max-width:450px}.source-note{margin:12px 0 22px;font-size:11px;color:var(--muted)}.node-edit{display:flex;gap:8px;flex-wrap:wrap}.node-edit input{flex:1;min-width:130px}button:focus-visible{outline:2px solid var(--mint)}@media(max-width:1100px){.sidebar{width:200px;padding:25px 15px}main{margin-left:200px}.page{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.nodes{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:15px}.brand{font-size:21px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;margin-top:15px;overflow:auto}nav button{width:auto;white-space:nowrap;padding:10px}main{margin:0}header{height:50px;padding:0 18px}.page{padding:20px 15px}.page-heading{align-items:start}h1{font-size:25px}.page-heading .primary{font-size:11px;padding:9px}.notice span{display:block;margin:4px 0}.stat{padding:15px}.stat strong{font-size:27px}.nodes,.lab-grid{grid-template-columns:1fr}.architecture{gap:6px}.panel{padding:16px}.environment{font-size:8px}}

#test-video{display:block;width:100%;max-height:520px;aspect-ratio:16/9;background:#050809;border-radius:12px;margin:18px 0}#video-quality{margin-left:10px;padding:10px;background:#14252b;color:#eef9f8;border:1px solid #365057;border-radius:8px}#media-state{color:#74ddbd}#playlist-link{color:#74ddbd}

.backup-source-row{display:flex;gap:12px;align-items:end;margin-bottom:14px}.backup-source-row label{flex:1;min-width:0}.backup-source-row button{margin-bottom:0}#replace-backups-label{display:flex;gap:10px;align-items:center;margin-top:14px}#replace-backups-label[hidden]{display:none}#replace-backups-label input{width:auto;margin:0}

.saved-source{padding:12px 0;border-bottom:1px solid #29363f}.saved-source small{display:block;margin:6px 0;color:#a8bac4}.saved-source summary{cursor:pointer;color:#73dfbb}.saved-source textarea{width:100%;overflow-wrap:anywhere}.backup-source-row{flex-wrap:wrap}.backup-source-row label{flex-basis:100%}.provider-picker{width:min(850px,94vw)}#provider-import{max-width:650px}#provider-import [hidden]{display:none}

.account-dialog{width:min(520px,94vw)} .account-dialog input{width:100%;box-sizing:border-box} .account-dialog details{margin-top:20px} .account-dialog label{display:block;margin:12px 0}

.source-actions{display:flex;flex-wrap:wrap;gap:8px}.saved-source input{box-sizing:border-box;width:100%} #test-channel-dialog{width:min(760px,94vw)}

.channel-group-options{min-width:0;border:1px solid #35475a;border-radius:10px;padding:12px}.channel-group-options legend{padding:0 6px}#test-channel-dialog .channel-checkline{display:flex;align-items:center;gap:12px;min-height:44px;overflow-wrap:anywhere}#test-channel-dialog .channel-checkline input{width:22px;height:22px;min-height:22px;flex:0 0 22px}

/* Receipt gateway settings */
.receipt-gateway{min-width:0;overflow-wrap:anywhere}
.receipt-gateway form{max-width:680px}
.receipt-gateway form>label{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.receipt-gateway input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:44px;font-size:16px}
.receipt-gateway form>label.switch{flex-direction:row;align-items:center;min-height:44px;gap:12px}
.receipt-gateway .switch input{width:22px;min-width:22px;height:22px;min-height:22px;margin:0;flex:0 0 auto}
.receipt-gateway .toolbar{display:flex;flex-wrap:wrap;gap:12px}
.receipt-gateway button{min-height:44px;padding:10px 16px;white-space:normal;background:#253a50;color:#f3f6fa;border:1px solid #526b83;border-radius:8px;cursor:pointer}
.receipt-gateway button:focus-visible,.receipt-gateway input:focus-visible,.receipt-gateway summary:focus-visible{outline:3px solid #ffae42;outline-offset:3px}
.receipt-gateway summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.receipt-gateway details{margin-top:16px}
.receipt-gateway li{margin:10px 0}