:root{--n:#081828;--i:#14201f;--m:#667472;--p:#f4f3ee;--l:#dce2df;--g:#1f8a70;--gs:#e5f4ec;--b:#2e5bff;--bs:#edf2ff;--a:#b96b0c;--as:#fff4dc;--r:#c9434d}*{box-sizing:border-box}.channelShell{height:100dvh;color:var(--i);background:var(--p);grid-template:64px 1fr/82px 370px 1fr;font-family:IBM Plex Sans,sans-serif;display:grid;overflow:hidden}button,input{font:inherit}.channelTop{color:#fff;background:var(--n);grid-column:1/-1;align-items:center;gap:20px;padding:0 20px;display:flex}.channelTop a{color:#fff;place-items:center;width:44px;height:44px;display:grid}.channelTop strong{font-size:22px}.channelTop strong span{color:#55cf9d}.channelTop div{margin-left:auto}.channelTop small{color:#9fb3bd;margin-left:8px}.channelNav{background:var(--n);flex-direction:column;padding:12px 7px;display:flex}.channelNav a{color:#9fb3bd;place-items:center;gap:4px;min-height:70px;font-size:11px;text-decoration:none;display:grid}.channelNav a.active{color:#fff;background:#17344a;border-radius:6px}.channelList{border-right:1px solid var(--l);background:#fff;flex-direction:column;min-width:0;display:flex}.channelList>header{border-bottom:1px solid var(--l);align-items:center;height:78px;padding:0 18px;display:flex}h1,h2{margin:0}.channelList header span{color:var(--m);font-size:12px}.channelList header button,.primary{color:#fff;background:var(--g);border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:44px;margin-left:auto;padding:0 13px;font-weight:600;display:flex}.danger{color:#fff;background:var(--r);border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:12px;padding:0 13px;font-weight:600;display:flex}.providerRule{color:#744706;background:var(--as);border-bottom:1px solid #efd8ad;gap:10px;padding:13px 16px;display:flex}.providerRule svg{flex:none;width:17px}.providerRule p{margin:0;font-size:12px;line-height:1.45}.channelRows{overflow:auto}.channelRow{text-align:left;background:#fff;border:0;border-bottom:1px solid #e8ecea;grid-template-columns:12px 1fr auto 18px;align-items:center;gap:10px;width:100%;min-height:82px;padding:12px 16px;display:grid}.channelRow.selected{background:var(--bs);box-shadow:inset 2px 0 var(--b)}.channelRow>span:nth-child(2){display:grid}.channelRow small{color:var(--m)}.channelRow em{color:#3152bd;background:var(--bs);border-radius:3px;padding:4px 6px;font-size:10px;font-style:normal}.stateDot{background:var(--m);border-radius:50%;width:9px;height:9px}.stateDot.connected{background:var(--g)}.stateDot.attention{background:var(--a)}.channelDetail{overflow:auto}.channelDetail>header{border-bottom:1px solid var(--l);background:#fff;align-items:center;gap:14px;height:112px;padding:20px 26px;display:flex}.channelIcon{width:52px;height:52px;color:var(--g);background:var(--gs);border-radius:50%;place-items:center;display:grid}.channelIcon.attention{color:var(--a);background:var(--as)}.channelDetail header span{color:var(--m)}.status{border-radius:3px;margin-left:auto;padding:6px 9px;font-size:11px;font-weight:600}.status.connected{color:#176b56;background:var(--gs)}.status.attention{color:#744706;background:var(--as)}.channelInfo{background:var(--l);grid-template-columns:repeat(2,minmax(260px,1fr));gap:1px;display:grid}.channelInfo section{background:#fff;min-height:250px;padding:24px}.channelInfo h3{text-transform:uppercase;margin:0 0 20px;font-size:12px}.channelInfo dl{grid-template-columns:1fr 1.2fr;gap:14px;margin:0 0 22px;font-size:13px;display:grid}.channelInfo dt{color:var(--m)}.channelInfo dd{text-align:right;margin:0}.secondary{min-height:44px;color:var(--g);background:#fff;border:1px solid #72ad9f;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.events{grid-column:1/-1}.events p{border-bottom:1px solid var(--l);align-items:center;gap:9px;padding:12px 0;display:flex}.events p svg{width:16px;color:var(--g)}.events time{color:var(--m);margin-left:auto;font-size:11px}.overlay{z-index:20;background:#08182880;position:fixed;inset:0}.drawer{background:#fff;width:min(440px,94vw);height:100%;padding:28px;position:absolute;right:0;box-shadow:-18px 0 40px #08182833}.drawer header{align-items:center;display:flex}.drawer header button,.closeQr{background:0 0;border:0;width:44px;height:44px;margin-left:auto}.drawer>p,.qrDialog>p,.qrDialog>small{color:var(--m);line-height:1.5}.drawer label{gap:8px;margin-top:18px;font-size:13px;font-weight:600;display:grid}.drawer input{border:1px solid var(--l);border-radius:5px;height:48px;padding:0 12px}.drawer fieldset{border:0;gap:8px;margin:20px 0 0;padding:0;display:grid}.drawer legend{margin-bottom:9px;font-weight:600}.drawer fieldset button{text-align:left;border:1px solid var(--l);background:#fff;border-radius:5px;min-height:62px;padding:10px 12px;display:grid}.drawer fieldset button.chosen{border-color:var(--b);background:var(--bs)}.drawer fieldset small{color:var(--m)}.formError{color:#932f38;background:#fff0f1;border:1px solid #efc7ca;padding:10px}.drawer footer{gap:8px;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.drawer footer button{border:1px solid var(--l);border-radius:5px;flex:1;min-height:46px}.drawer footer button:last-child{color:#fff;background:var(--g);border-color:var(--g)}.qrOverlay{place-items:center;padding:18px;display:grid}.qrDialog{text-align:center;background:#fff;width:min(460px,100%);padding:28px;position:relative}.closeQr{position:absolute;top:10px;right:10px}.qrPlaceholder{width:176px;height:176px;color:var(--n);background:var(--p);border:1px solid var(--l);place-items:center;margin:10px auto 20px;display:grid}.qrPlaceholder svg{width:132px;height:132px}.qrDialog .primary{width:100%;margin-top:22px}.qrDialog>small{font-size:11px;display:block}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2e5bff55}.channelError{color:#932f38;background:#fff0f1;border:1px solid #efc7ca;border-radius:5px;margin:12px 16px;padding:10px 12px;font-size:12px}.channelEmpty{color:var(--m);text-align:center;padding:32px 20px}.emptyChannelDetail{height:100%;color:var(--m);text-align:center;place-content:center;justify-items:center;padding:30px;display:grid}.emptyChannelDetail svg{width:40px;height:40px;color:var(--g);margin-bottom:12px}.emptyChannelDetail h2{color:var(--i)}button:disabled{cursor:not-allowed;opacity:.65}@media (max-width:900px){.channelShell{grid-template-columns:70px 310px 1fr}.channelInfo{grid-template-columns:1fr}}@media (max-width:700px){.channelShell{grid-template:56px 1fr/1fr}.channelNav,.channelDetail{display:none}.channelList{border:0;grid-row:2}.channelList>header{height:68px}.channelList header button{width:44px;padding:0;font-size:0}.channelRow{min-height:84px}.drawer footer{bottom:18px}}
.mobileBack{display:none}.unofficialWarning{color:#744706;background:var(--as);border:1px solid #efd8ad;border-radius:5px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.unofficialWarning svg{flex:none;width:16px}.channelInfo .unofficialWarning{margin:0 0 18px}.qrDialog .unofficialWarning{text-align:left}.qrPlaceholder img{object-fit:contain;width:100%;height:100%}.qrDialog .primary:disabled{opacity:.55;cursor:not-allowed}@media (max-width:700px){.channelShell.showMobileDetail .channelList{display:none}.channelShell.showMobileDetail .channelDetail{grid-row:2;min-height:0;display:block;overflow:auto}.channelShell.showMobileDetail .channelDetail>header{gap:10px;height:auto;min-height:96px;padding:14px 12px}.mobileBack{width:44px;height:44px;color:var(--n);background:0 0;border:0;flex:none;place-items:center;display:grid}.channelShell.showMobileDetail .status{margin-left:auto}.channelShell.showMobileDetail .channelInfo{display:block}.channelShell.showMobileDetail .channelInfo section{min-height:auto}.qrDialog{max-height:calc(100dvh - 32px);overflow:auto}}