:root{--ink:#243758;--muted:#657896;--paper:#edf2ff;--line:#edf2ff;--accent:#dce5f8;--danger:#ae422d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65}button,input,select{font:inherit}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:9px 16px;cursor:pointer}button:hover{border-color:var(--ink)}button:disabled{opacity:.45;cursor:wait}button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.danger{color:var(--danger)}input,select{width:100%;padding:11px 12px;border:1px solid #dce5f8;background:#fff;border-radius:7px;color:var(--ink);min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #657896;outline-offset:2px}input[type=checkbox]{width:auto}label{display:block;margin:14px 0 6px;font-weight:600}small,.muted{color:var(--muted)}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.3}h2{font-size:20px;line-height:1.4}h3{font-size:16px}p{margin:10px 0}.eyebrow{letter-spacing:3px;font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:32px 24px;background:var(--ink);color:#edf2ff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:700;letter-spacing:4px}.brand span{color:var(--accent)}.sidebar small{color:#dce5f8}.workspace{border-top:1px solid #243758;border-bottom:1px solid #243758;padding:18px 0;margin:28px 0;overflow-wrap:anywhere}.nav{display:grid;gap:7px}.nav button{text-align:left;color:#edf2ff;background:none;border:0;padding:12px}.nav button.selected{background:#243758;color:var(--accent)}.sidebar footer{margin-top:auto;font-size:12px;color:#dce5f8}.sidebar footer button{margin-top:15px;background:none;color:white;border-color:#243758}.main{padding:44px 5vw;min-width:0;max-width:1500px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.badge{font-size:12px;border-radius:20px;background:#edf2ff;display:inline-block;padding:4px 11px;white-space:nowrap}.badge.good{background:#dce5f8;color:#243758}.badge.bad{background:#fae8e0;color:#974534}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.card+.card{margin-top:18px}.grid>.card+.card{margin-top:0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.actions{margin-top:20px}.lead{background:#edf2ff;border:0;padding:28px 32px;margin-bottom:24px}.lead h2{font-size:22px}.number{font-size:38px;font-weight:600;line-height:1.3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stats .card{margin:0}.list{display:grid;gap:14px}.connection{display:grid;grid-template-columns:1fr auto;gap:16px}.connection p{margin:6px 0}.empty{padding:50px 25px;text-align:center;border:1px dashed #dce5f8;border-radius:12px}.empty h2{margin-bottom:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;color:var(--muted);font-weight:500}td button{padding:5px 10px;font-size:12px}.mono,code{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;overflow-wrap:anywhere}code{display:block;padding:13px;background:#edf2ff;border-radius:6px;white-space:pre-wrap}.notice{border-left:3px solid #657896;padding:10px 16px;background:#edf2ff;margin:18px 0}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{padding:10vh 7vw;background:var(--ink);color:var(--paper);display:flex;flex-direction:column}.auth-story h1{font-size:46px;line-height:1.45;margin-top:15vh}.auth-story p{color:#dce5f8;max-width:340px}.bridge-art{display:flex;align-items:center;gap:15px;margin:45px 0;color:var(--accent)}.bridge-art i{height:1px;background:#657896;flex:1}.auth-form{align-self:center;width:min(450px,85%);margin:40px auto}.auth-form h2{font-size:28px}.auth-form form{margin-top:24px}.auth-form .primary{width:100%;margin-top:24px}.auth-form .switch{border:0;background:none;padding-left:0}.hidden{display:none!important}details{margin-top:18px}summary{cursor:pointer}#toast{position:fixed;right:24px;bottom:24px;max-width:420px;padding:15px 20px;background:var(--ink);color:white;border-radius:9px;box-shadow:0 8px 30px #0002;z-index:20;display:none}#toast.show{display:block}.error{color:var(--danger);padding:10px 0}.step{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.step h3{display:flex;gap:12px}.step h3 span{border:1px solid var(--line);border-radius:50%;width:26px;height:26px;text-align:center;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full{grid-column:1/-1}.back{margin-bottom:18px}.loading{padding:60px;color:var(--muted)}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:20px}.workspace{margin:10px 0;padding:10px 0}.nav{grid-template-columns:repeat(3,1fr)}.sidebar footer{display:none}.main{padding:25px 18px}.grid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story h1{font-size:30px;margin-top:28px}.auth-story p,.bridge-art{display:none}.top{align-items:flex-start}h1{font-size:27px}.stats{gap:8px}.stats .card{padding:15px}.number{font-size:28px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(prefers-reduced-motion:no-preference){.main,.auth-form{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

/* Daily reception first; setup and diagnostics are separate, deliberate views. */
body{font-size:15px;line-height:1.65}
button,.button-link{min-height:42px;transition:background-color .15s ease,border-color .15s ease}
button:disabled{cursor:not-allowed}
button:active:not(:disabled){transform:translateY(1px)}
.main{width:100%;max-width:1320px;margin-inline:auto;padding:38px clamp(24px,4vw,64px)}
.page-kicker{font-size:13px;color:var(--muted);margin:0 0 7px}
.detail-heading{margin-bottom:22px}
.detail-heading h1{font-size:30px;letter-spacing:-.5px}
.back{border:0;background:transparent;padding-left:0;color:var(--muted);margin-bottom:14px}
.card{padding:26px;border-radius:16px}
.card p{max-width:72ch}
.stats{margin-top:0;margin-bottom:30px}
.stats .card{padding:20px 24px}
.stats .number{font-variant-numeric:tabular-nums}
.connection{align-items:center;padding:25px 28px}
.connection h3{font-size:20px}
.endpoint-summary{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted);margin-top:15px}
.service-banner{padding:26px 30px;border:1px solid #dce5f8;border-radius:18px;background:#edf2ff}
.service-banner.is-setup{background:#fff;border-color:var(--line)}
.service-banner.is-paused{background:#edf2ff;border-color:#edf2ff}
.service-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}
.service-heading>div{min-width:0}
.service-heading>button{flex-shrink:0;background:#fff9}
.service-heading>button.primary{background:var(--ink)}
.service-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:8px;color:#243758}
.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#657896}
.is-active .status-dot{background:#657896;box-shadow:0 0 0 4px #65789613}
.service-heading h2{font-size:25px;letter-spacing:-.4px}
.service-heading p{color:#657896;margin:8px 0 0}
.connection-flow{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid #dce5f8;font-size:13px}
.flow-line{color:#899bbd}
.detail-tabs{display:flex;gap:28px;margin:25px 0 24px;border-bottom:1px solid var(--line)}
.detail-tabs button{background:none;border:0;border-radius:0;padding:12px 2px 15px;color:var(--muted);position:relative}
.detail-tabs button[aria-current]{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px var(--ink)}
.disclosure{margin-top:16px}
.disclosure>summary{font-weight:600;list-style:none;position:relative;padding-right:25px}
.disclosure>summary::-webkit-details-marker{display:none}
.disclosure>summary::after{content:'+';position:absolute;right:0;font-weight:400;font-size:20px;line-height:1.2;color:var(--muted)}
.disclosure[open]>summary::after{content:'−'}
.disclosure[open]>summary{margin-bottom:22px}
.summary-hint{font-size:12px;color:var(--muted);font-weight:400;margin-left:12px}
.advanced{padding-top:18px;margin-top:22px;border-top:1px solid var(--line)}
.advanced>summary{font-size:13px;color:var(--muted)}
.form-card{max-width:760px}
.form-card select{max-width:480px}
.form-card label{margin-top:24px}
.form-card .muted{font-size:13px}
.connected-summary{display:flex;align-items:center;gap:14px}
.connected-summary p{color:var(--muted);font-size:13px;margin:4px 0 0}
.endpoint-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf2ff;color:var(--ink);font-weight:700;flex-shrink:0}
.checkmark{margin-left:auto;color:#657896;font-size:21px}
.connected-summary+button,.connected-summary+.button-link{margin-top:22px}
.setup-progress{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;margin:8px 0 24px;color:#899bbd}
.setup-progress .complete{color:#657896}
.setup-progress .current{color:var(--ink);font-weight:600}
.upcoming-step{padding:25px;color:var(--muted);border:1px dashed var(--line);border-radius:14px;margin-top:18px}
.privacy-note{font-size:12px;color:var(--muted);margin:22px 4px}
.plain-steps{padding-left:22px;margin:22px 0}
.plain-steps li{margin:12px 0;padding-left:3px;max-width:70ch}
.plain-steps code{margin:10px 0}
.field-group{padding:4px 0 20px;margin:18px 0;border-bottom:1px solid var(--line);max-width:580px}
.field-group label{font-size:13px}
.grow{flex:1;min-width:200px;margin:0}
#newchannel{display:grid;gap:4px;align-items:stretch;max-width:640px}
#newchannel input{margin-top:8px}
#newchannel input[type=radio]{width:auto;min-width:0;margin:4px 0 0;flex-shrink:0}
#newchannel .primary{margin-top:12px;justify-self:start}
.platform-picker{border:0;padding:0;margin:14px 0 4px;min-width:0}
.platform-picker legend{font-weight:600;padding:0;margin:0 0 10px}
.platform-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.platform-choice{display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-weight:400}
.platform-choice strong{display:block;font-size:14px}
.platform-choice small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px;line-height:1.5}
.platform-choice:has(input:checked){border-color:var(--blue,#315de8);background:var(--blue-light,#edf2ff)}
.empty-symbol{font-size:38px;color:#899bbd;line-height:1;margin-bottom:22px}
.empty.compact{padding:32px 16px;border:0}
.empty.compact p{margin-inline:auto}
.identifier{margin:5px 0 0;font-size:12px;color:var(--muted)}
.identifier summary{font-weight:400}
.identifier code{margin-top:8px;max-width:300px;white-space:pre-wrap}
th{font-size:12px}
td{vertical-align:top}
.table-wrap td button{min-height:34px}
.attention-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e9d6b7;background:#fff6e6;padding:18px 24px;border-radius:13px;margin-bottom:18px;color:#745126}
.attention-bar p{margin:5px 0 0;font-size:13px}
.attention-bar button{flex-shrink:0}
.event-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.event-row:last-child{border:0;padding-bottom:0}
.event-row p{font-size:13px;color:var(--muted);margin:5px 0}
.trial-flow{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;padding:14px 18px;border-radius:8px;background:#edf2ff;font-size:13px}
#checkform{max-width:580px}
.checkbox-line{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:13px;margin:16px 0}
.checkbox-line input{margin-top:5px;flex-shrink:0}
.trial-results{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0;font-size:14px}
.button-link{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px 16px;text-decoration:none}
.button-link.primary{color:white;background:var(--ink);border-color:var(--ink)}
@media(hover:hover) and (pointer:fine){.detail-tabs button:hover{color:var(--ink)}button:not(:disabled):hover{background:#edf2ff}button.primary:not(:disabled):hover{background:#243758}}
@media(max-width:850px){
 .main{padding:25px 18px}
 .sidebar{padding:18px 20px 12px}
 .sidebar .brand{font-size:21px}
 .sidebar>small{display:none}
 .workspace{font-size:12px;border:0;padding:0;margin:4px 0 12px}
 .workspace br,.workspace small{display:none}
 .nav{gap:5px}
 .nav button{text-align:center;padding:9px 4px}
 .card{padding:21px}
 .stats{gap:8px}.stats .card{padding:15px 12px}.stats small{font-size:11px}
 .service-banner{padding:22px}
 .service-heading{align-items:flex-start;flex-wrap:wrap;gap:16px}
 .service-heading h2{font-size:22px}
 .detail-tabs{gap:24px}
 .summary-hint{display:block;margin:3px 0 0}
 .connection{padding:20px;grid-template-columns:1fr}
 .connection>div:last-child{display:flex;justify-content:space-between;align-items:center}
 .connection .actions{margin:0}
 .event-row{display:block}.event-row>.row{margin-top:12px}
 .attention-bar{padding:16px;flex-wrap:wrap}
 .detail-heading h1{font-size:27px}
 .setup-progress{gap:13px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){button,.button-link{transition:none}button:active:not(:disabled){transform:none}}
/* Refreshes and tab switches are frequent; keep the workspace stable. */
.main{animation:none}
.text-button{display:inline;padding:0;min-height:0;border:0;background:none;text-decoration:underline;text-underline-offset:3px}
.disclosure>summary::after{top:0}
@media(max-width:600px){
 .customer-table,.customer-table tbody{display:block}
 .customer-table thead{display:none}
 .customer-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:18px 0;border-bottom:1px solid var(--line)}
 .customer-table tr:last-child{border:0}
 .customer-table td{border:0;padding:0;white-space:normal}
 .customer-table td:nth-child(1){grid-column:1;grid-row:1}
 .customer-table td:nth-child(2){grid-column:2;grid-row:1;text-align:right}
 .customer-table td:nth-child(3){grid-column:1;grid-row:2;color:var(--muted);font-size:12px;align-self:center}
 .customer-table td:nth-child(4){grid-column:2;grid-row:2;text-align:right}
}

/* Approved V1.1 visual system, applied to the live application contract. */
:root{--ink:#182235;--muted:#606c80;--paper:#f6f8fb;--line:#e3e7ef;--accent:#315de8;--danger:#be3c45;--blue:#315de8;--blue-light:#edf2ff;--faint:#68758b}
body{font-size:14px;line-height:1.7;background:var(--paper)}
h1{font-size:29px;letter-spacing:-.8px}h2{font-size:17px}h3{font-size:15px}
svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:42px;border-radius:7px;padding:9px 16px}
button.primary,.button-link.primary{background:var(--blue);border-color:var(--blue);color:#fff}
input,select{border-color:#d5dce8;font-size:13px;border-radius:6px;background:#fff;padding:10px 12px}
input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.layout{grid-template-columns:224px minmax(0,1fr)}.workspace-area{min-width:0}.main{max-width:1260px;padding:38px 42px 60px;width:100%;margin:auto;animation:none}
.sidebar{padding:29px 20px 22px;background:#fff;color:var(--ink);border-right:1px solid var(--line);height:100vh;min-width:0}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:1px;text-decoration:none;align-self:flex-start;padding-left:6px}
.brand .brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:9px}.brand-mark svg{width:25px;height:25px}
.avatar{width:33px;height:33px;border-radius:8px;background:#e9edf7;color:#52668c;font-size:12px;font-weight:600;display:grid;place-items:center;flex-shrink:0}
.workspace{display:flex;align-items:center;gap:11px;padding:17px 12px;background:#f7f8fb;border:1px solid #e9ecf2;border-radius:8px;margin:31px 0 26px}.workspace>div{min-width:0}.workspace strong{font-size:12px}.sidebar small{color:var(--faint);font-size:10px;display:block}
.nav-label{font-size:10px;color:var(--faint);letter-spacing:1px;padding:0 12px;margin:0 0 9px}
.nav{gap:5px}.nav button{justify-content:flex-start;gap:12px;padding:11px 13px;background:none;color:#58667b;border-radius:6px;font-size:13px;position:relative}
.nav button.selected{color:var(--blue);background:var(--blue-light);font-weight:600}.nav button.selected:before{content:'';position:absolute;left:0;width:3px;height:16px;border-radius:2px;background:var(--blue)}.nav svg{width:18px}
.sidebar footer{color:var(--muted);padding-top:35px;font-size:12px}.sidebar footer>a{display:flex;align-items:center;gap:10px;padding:10px 13px;text-decoration:none}.sidebar footer svg{width:17px}
.user-info{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding:20px 5px 0}.user-info>div{min-width:0;overflow-wrap:anywhere}.user-info strong{font-size:11px}.sidebar footer #logout{padding:5px;min-height:34px;border:0;color:var(--faint);margin:0 0 0 auto;background:none}
.app-topbar{height:62px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;color:var(--faint);font-size:11px}.app-topbar .separator{margin:0 10px;color:#9cabc1}.app-topbar>a{text-decoration:none}
.top{margin-bottom:29px;gap:24px}.top p{font-size:13px;margin:8px 0 0}.page-kicker{font-size:11px}.card{padding:24px;border-radius:12px}.stats{gap:18px;margin-bottom:33px}.stats .card{padding:21px 24px;border-radius:10px}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.stat-label svg{width:17px;color:#8394af}.stats .number{font-size:38px;line-height:1.2;margin-top:14px;letter-spacing:-1px}.stats small{display:block;font-size:10px;margin-top:8px;color:var(--faint)}.clear-number{color:var(--blue)}.attention-number{color:#96600b}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title h2{font-size:16px}
.connection{display:block;padding:25px 26px;transition:border-color .2s,box-shadow .25s}.account-heading{display:flex;align-items:center;gap:15px}.account-heading>div{min-width:0}.connection h3{font-size:17px;overflow-wrap:anywhere}.connection .muted{font-size:11px;margin:4px 0 0}.account-heading>.badge{margin-left:auto;flex-shrink:0}.account-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #dfe6f8;background:#f2f5ff;border-radius:10px;color:var(--blue);flex-shrink:0;transition:transform .25s,background .25s}.account-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.account-bottom .endpoint-summary{margin:0;font-size:11px;gap:10px}.account-bottom button{min-height:35px;font-size:12px;padding:7px 12px;flex-shrink:0}.flow-arrow{color:#8b9bb5}
.badge{border-radius:5px;font-size:11px;padding:4px 8px;background:#eff1f5;color:var(--muted)}.badge.good{background:var(--blue-light);color:#2b54bd}.badge.bad{background:#fff6e7;color:#96600b}.badge:before{content:'';display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin:0 6px 2px 0}
.overview-notes{display:grid;grid-template-columns:1.1fr 1fr;gap:23px;margin-top:27px}.overview-notes>section{padding:22px 24px;border:1px solid var(--line);border-radius:10px}.overview-notes h3{font-size:13px;display:flex;align-items:center;gap:9px}.overview-notes h3 svg{color:var(--blue);width:16px}.overview-notes p{font-size:12px;color:var(--muted);margin-top:9px}.overview-notes a{font-size:11px;color:var(--blue);text-decoration:none}.privacy-note{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;line-height:1.8;margin-top:25px;color:var(--faint)}.privacy-note svg{width:13px}.privacy-note a{color:var(--blue);text-decoration:none}
.service-banner{background:white;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:0 10px 10px 0;padding:24px}.service-heading h2{font-size:20px}.service-heading p{font-size:12px;color:var(--muted);margin-top:7px}.service-heading>button{background:white}.service-heading>button.primary{background:var(--blue)}.service-label{color:var(--blue);font-size:11px}.status-dot,.is-active .status-dot{background:var(--blue);box-shadow:none}.is-paused .status-dot{background:#8491a6}.service-banner.is-paused{background:white;border-color:var(--line);border-left-color:#8491a6}.connection-flow{font-size:11px;border-color:var(--line);color:var(--muted);gap:13px;padding-top:15px;margin-top:18px}.flow-line{color:#8491a6}
.detail-tabs{gap:27px;margin-top:27px}.detail-tabs button{font-size:13px}.detail-tabs button[aria-current]{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}
.connected-summary p,.form-card .muted{font-size:12px}.endpoint-icon{background:var(--blue-light);color:var(--blue);border-radius:10px}.checkmark{color:var(--blue)}.setup-progress .complete,.setup-progress .current{color:var(--blue)}.setup-progress{font-size:12px;gap:20px}.setup-progress>span{border-bottom:2px solid var(--line);padding-bottom:10px}.setup-progress .current{border-bottom-color:var(--blue)}.form-card label{font-size:12px}.form-card .primary{margin-top:24px}
.notice{background:#f0f4ff;border-left-color:#93acf3;font-size:13px}.notice p{font-size:12px}code{background:#f1f4fa;color:#425775}.trial-flow{background:var(--paper);font-size:12px}.empty{border:1px solid var(--line);background:#fff;padding:55px 25px}.empty h2{font-size:21px}.empty p{font-size:13px;color:var(--muted)}.empty-symbol{color:var(--blue);margin-bottom:22px}.empty-symbol svg{width:33px;height:33px}.empty.compact{padding:35px 16px}
th{background:#f8f9fc;color:var(--faint);font-size:11px;padding:13px 12px}td{font-size:12px;padding:17px 12px;border-color:#edf0f5}tbody tr:last-child td{border:0}.card .table-wrap{margin-top:18px}.identifier summary{font-size:10px}.summary-hint{font-size:11px}.disclosure>summary{font-size:13px}.event-row p{font-size:12px}.attention-bar{background:#fff6e7;border-color:#eedbb8;color:#80500c}.attention-bar p{color:#886226;font-size:12px}.attention-bar strong{font-size:14px}
.auth-story{background:#17233c;color:white;padding:45px 7vw 45px 5vw}.auth-story .brand{color:white}.auth-story .brand-mark{background:#456eec}.auth-story h1{font-size:46px;line-height:1.4;margin-top:auto;padding-top:90px;letter-spacing:-1px}.auth-story h1 span{color:#9ab8ff}.auth-story>p{color:#b9c7e1;font-size:14px;line-height:1.9;margin-top:24px}.auth-story .bridge-art{font-size:12px;color:#b5c8ee;margin:40px 0 auto;padding-bottom:60px}.bridge-art i{background:#657ba4}.auth-story>small{font-size:11px;color:#94a5c2}.auth-form{width:100%;max-width:470px;padding:60px 45px}.auth-form h2{font-size:27px}.auth-form>p{font-size:13px;margin:14px 0 28px}.auth-form .eyebrow{font-size:11px;color:var(--blue);letter-spacing:2px}.auth-form .primary{min-height:48px;margin-top:15px}.auth-form>p small{font-size:11px;line-height:1.9}.auth-form .auth-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px;font-size:11px;color:var(--faint)}.auth-links a{text-decoration:none}.auth{background:#fff}#toast{background:#17233c;font-size:13px;border-radius:9px;max-width:calc(100% - 40px)}
.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:8px}
@media(hover:hover) and (pointer:fine){button:not(:disabled):hover{background:#f4f6fb;border-color:#c4cede}button.primary:not(:disabled):hover,.button-link.primary:hover{background:#2145be;border-color:#2145be}.nav button.selected:hover{background:#e5edff}.connection:hover{border-color:#bdccef;box-shadow:0 8px 25px -19px #38579566}.connection:hover .account-icon{background:#e7eeff;transform:rotate(-5deg)}.detail-tabs button:hover{color:var(--blue)}.text-button:hover{background:none}}
@media(max-width:1100px){.layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-inline:15px}.main{padding:30px 25px}.app-topbar{padding:0 25px}.account-bottom .endpoint-summary{font-size:10px;gap:7px}.auth-story h1{font-size:38px}}
@media(max-width:850px){.layout{display:block}.sidebar{position:relative;height:auto;padding:15px 20px 0;display:flex;flex-flow:row wrap;gap:12px;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:21px;padding:0}.workspace{margin:0 0 0 auto;padding:5px 0;border:0;background:none;max-width:55%}.workspace .avatar,.workspace small{display:none}.nav-label,.sidebar footer{display:none}.nav{width:100%;display:flex;gap:8px;margin-bottom:10px}.nav button{flex:1;justify-content:center;font-size:12px;padding:8px}.nav button.selected:before{left:5px;height:12px;width:2px}.nav svg{width:15px}.app-topbar{height:43px;padding:0 20px}.main{padding:26px 20px 40px}.top{gap:14px}.top h1{font-size:25px}.top p{font-size:12px}.top button{font-size:11px;padding:8px 11px}.stats{gap:9px;margin-bottom:24px}.stats .card{padding:15px 12px}.stat-label{font-size:11px}.stat-label svg{display:none}.stats .number{font-size:30px}.stats small{font-size:10px}.overview-notes{grid-template-columns:1fr;gap:15px}.connection{padding:21px;display:block}.connection>div:last-child{display:flex;align-items:center;justify-content:space-between}.account-heading{gap:11px}.account-heading h3{font-size:16px}.account-bottom{flex-wrap:wrap;gap:16px}.account-bottom button{margin-left:auto}.account-bottom .endpoint-summary{font-size:11px;flex-wrap:wrap}.service-banner{padding:20px}.service-heading h2{font-size:19px}.detail-heading h1{font-size:25px}.auth-story{padding:26px}.auth-story h1{font-size:29px;padding-top:0;margin-top:30px}.auth-story>p{display:block;margin-top:14px;max-width:none}.auth-story .bridge-art,.auth-story>small{display:none}.auth-form{padding:38px 26px;margin:0 auto}.summary-hint{display:block;margin:3px 0 0}.setup-progress{gap:13px;font-size:11px}.platform-choices{grid-template-columns:1fr}}
@media(max-width:440px){.account-icon{width:37px;height:37px}.account-heading .badge{font-size:10px}.account-heading .muted{font-size:10px}.account-bottom .endpoint-summary{font-size:10px;gap:7px}.stats small{line-height:1.6;min-height:31px}.stat-label{font-size:10px}.overview-notes>section{padding:20px}.top .muted{max-width:240px}.service-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.connection,.account-icon{transition:none}.connection:hover .account-icon{transform:none}}
/* Telegram login stays in the current account's connection panel. */
.telegram-qr,.link-qr{margin:20px 0;max-width:540px}
.telegram-qr-image,.link-qr-image{width:256px;height:256px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px}
.telegram-qr-image img,.link-qr-image img{width:240px;height:240px;image-rendering:pixelated;object-fit:contain}
.telegram-qr-image img[hidden],.link-qr-image img[hidden]{display:none}
.telegram-qr ol,.link-qr ol{padding-left:24px;line-height:1.9}
.telegram-qr .button-link,.link-qr .button-link{margin:12px 0}
.notice .button-link{margin:4px 0 10px}
.personal-login-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}