:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f8;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#86868b;--line:#0000000f;--rule:#d2d2d7;--field-edge:#8e8e93;--glass:#fff;--glass-strong:#fff;--glass-edge:#141e4614;--glass-shadow:0 1px 2px #141e460d, 0 6px 16px -8px #141e4614;--glass-lift:0 0 0 1px #2b55f024, 0 2px 4px #141e460f, 0 12px 24px -10px #141e4624;--solid:#fff;--bar:#fff;--fill:#0000000d;--fill-hover:#00000014;--segment:#fff;--row-hover:#ffffff8c;--accent:#2b55f0;--accent-press:#1f45d6;--accent-ink:#fff;--link:#2b55f0;--focus:#2b55f073;--tint:#2b55f01a;--series:#2b55f0;--series-hover:#1f45d6;--axis:#c7c7cc;--good:#0a7d0a;--good-ink:#fff;--warning:#f5a623;--warning-ink:#1d1d1f;--warning-text:#8a6d2f;--warning-glass:#fff8ebbf;--warning-edge:#f5a62359;--critical:#d93025;--critical-ink:#fff;--nodata:#e8e8ed;--nodata-ink:#6e6e73;--error-ink:#b42318;--radius:24px;--pad:clamp(16px, 5vw, 40px);--field-size:16px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a14;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#8e8e93;--line:#ffffff14;--rule:#3a3a3c;--field-edge:#8e8e93;--glass:#161a2a;--glass-strong:#1c2133;--glass-edge:#ffffff14;--glass-shadow:0 1px 2px #0006, 0 8px 20px -10px #0009;--glass-lift:0 0 0 1px #6d8dff40, 0 12px 28px -12px #000000b3;--solid:#161a2a;--bar:#161a2a;--fill:#ffffff14;--fill-hover:#ffffff21;--segment:#ffffff29;--row-hover:#ffffff0a;--accent:#3e66f5;--accent-press:#2b55f0;--link:#6d8dff;--focus:#6d8dff8c;--tint:#6d8dff29;--series:#6d8dff;--series-hover:#9cb1ff;--axis:#48484a;--warning-text:#f5c26b;--warning-glass:#3c2d0f99;--warning-edge:#f5a62359;--nodata:#3a3a3c;--nodata-ink:#c7c7cc;--error-ink:#ff8a80}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a14;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#8e8e93;--line:#ffffff14;--rule:#3a3a3c;--field-edge:#8e8e93;--glass:#161a2a;--glass-strong:#1c2133;--glass-edge:#ffffff14;--glass-shadow:0 1px 2px #0006, 0 8px 20px -10px #0009;--glass-lift:0 0 0 1px #6d8dff40, 0 12px 28px -12px #000000b3;--solid:#161a2a;--bar:#161a2a;--fill:#ffffff14;--fill-hover:#ffffff21;--segment:#ffffff29;--row-hover:#ffffff0a;--accent:#3e66f5;--accent-press:#2b55f0;--link:#6d8dff;--focus:#6d8dff8c;--tint:#6d8dff29;--series:#6d8dff;--series-hover:#9cb1ff;--axis:#48484a;--warning-text:#f5c26b;--warning-glass:#3c2d0f99;--warning-edge:#f5a62359;--nodata:#3a3a3c;--nodata-ink:#c7c7cc;--error-ink:#ff8a80}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{touch-action:manipulation;min-height:100vh;margin:0;overflow-x:clip}input,select,textarea{font-size:var(--field-size)}a{color:var(--link);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:2.25rem;font-weight:600;line-height:1.1}h2{margin:0;font-size:1.13rem;font-weight:600;line-height:1.3}button{font:inherit;letter-spacing:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.muted{color:var(--ink-2)}.small{font-size:.87rem}.strong{font-weight:600}.medium{font-weight:500}.error{color:var(--error-ink)}.warn-text{color:var(--warning-text);font-weight:500}.note{margin:12px 0 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:10;padding:12px var(--pad) 0;position:sticky;top:0}.topbar-inner{background:var(--bar);border:1px solid var(--glass-edge);max-width:1180px;height:56px;box-shadow:var(--glass-shadow);border-radius:980px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 10px 0 22px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;font-weight:500;display:inline-flex}.brand:hover{text-decoration:none}.brand-divider{background:var(--rule);width:1px;height:18px}.wordmark{width:auto;height:18px;display:block}.wordmark-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wordmark-light{display:none}:root:not([data-theme=light]) .wordmark-dark{display:block}}:root[data-theme=dark] .wordmark-light{display:none}:root[data-theme=dark] .wordmark-dark{display:block}.topbar-user{align-items:center;gap:12px;min-width:0;font-size:.87rem;display:flex}.topbar-name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn.topbar-menu{display:none}.preview-bar{width:calc(100% - 2 * var(--pad));background:var(--ink);max-width:1180px;color:var(--bg);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:10px auto 0;padding:8px 16px;font-size:.87rem;display:flex}.share-icon{vertical-align:-2px}.preview-bar button{color:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.page{max-width:calc(1180px + 2 * var(--pad));padding:32px var(--pad) 72px;margin:0 auto}.stack{flex-direction:column;gap:24px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.page-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.lede{color:var(--ink-2);margin:0;font-size:1.13rem}.back{align-self:flex-start;font-size:.93rem}.head-actions{flex-wrap:wrap;gap:12px;display:flex}.refreshing .card{opacity:.85;transition:opacity .2s}.center-note{text-align:center;max-width:420px;margin:80px auto}.btn{background:var(--fill);height:32px;color:var(--ink);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:0;border-radius:980px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.87rem;font-weight:500;text-decoration:none;transition-property:scale,background-color;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{height:40px;padding:0 18px;font-size:.93rem}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-danger{color:var(--error-ink)}.btn-danger-solid{background:var(--critical);color:var(--critical-ink)}@media (hover:hover){.btn:hover:not(:disabled){background:var(--fill-hover);text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--accent-press)}.btn-danger-solid:hover:not(:disabled){background:#b3261e}}@media (prefers-reduced-motion:no-preference){.btn:active:not(:disabled){scale:.96}}.link-button{color:var(--link);background:0 0;border:0;padding:0;font-size:.87rem}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.in-flight{color:var(--ink-2);white-space:nowrap;font-size:.87rem;font-weight:500}.in-flight:before{content:"";background:var(--warning);border-radius:50%;width:8px;height:8px;margin-right:7px;animation:1.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.in-flight:before{animation:none}}.card{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:var(--glass-shadow);min-width:0;padding:24px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.card-flush{padding:0;overflow:hidden}.empty{color:var(--ink-2);margin:4px 0}.list{margin:0;padding:0;list-style:none}.list>li+li{border-top:1px solid var(--line)}.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:16px 0 0;font-size:.93rem;display:grid}.facts dt{color:var(--ink-2)}.facts dd{margin:0}.facts+.alert-list{margin-top:14px}.badge{white-space:nowrap;color:var(--ink);align-items:center;gap:6px;font-size:.87rem;font-weight:500;display:inline-flex}.badge-icon,.status-icon{letter-spacing:0;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.status-icon{width:22px;height:22px;font-size:12px}.status-icon-lg{width:28px;height:28px;font-size:14px}.status-icon-xl{width:48px;height:48px;font-size:24px}.badge-ok .badge-icon,.status-ok{background:var(--good);color:var(--good-ink)}.badge-attention .badge-icon,.status-attention{background:var(--warning);color:var(--warning-ink)}.badge-down .badge-icon,.status-down{background:var(--critical);color:var(--critical-ink)}.badge-nodata .badge-icon,.status-nodata{background:var(--nodata);color:var(--nodata-ink)}.badge-nodata{color:var(--ink-2)}.avatar{color:#fff;background:linear-gradient(140deg,#6d8dff 0%,#2b55f0 55%,#7a5af8 100%);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:1.05rem;font-weight:600;display:grid;position:relative;box-shadow:inset 0 1px #ffffff59,0 8px 20px -8px #2b55f0b3}.avatar-lg{border-radius:20px;width:64px;height:64px;font-size:1.75rem}.avatar-dot{border:2px solid var(--solid);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-3px;right:-3px}.avatar-lg .avatar-dot{border-width:3px;width:18px;height:18px}.pill{background:var(--glass-strong);border:1px solid var(--line);white-space:nowrap;color:var(--ink);border-radius:980px;align-items:center;gap:7px;padding:5px 13px 5px 6px;font-size:.87rem;font-weight:500;display:inline-flex}.pill .status-icon{width:20px;height:20px;font-size:11px}.seg{scrollbar-width:none;background:var(--glass);border:1px solid var(--glass-edge);max-width:100%;box-shadow:var(--glass-shadow);border-radius:980px;align-self:flex-start;gap:4px;padding:5px;display:flex;overflow-x:auto}.seg-tab{color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:980px;flex:none;padding:8px 18px;font-size:.93rem;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out}.seg-tab.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -6px #2b55f0cc}@media (hover:hover){.seg-tab:hover:not(.active){color:var(--ink);background:var(--fill)}}.agent-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 22px;padding:26px 28px;display:grid}.agent-head-text{flex-direction:column;gap:4px;min-width:0;display:flex}.agent-head-text p{margin:0}.agent-head-side{text-align:end;flex-direction:column;align-items:flex-end;gap:10px;display:flex}.item-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 0;display:flex}.item-row>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.conn-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.conn-state{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:.87rem;display:inline-flex}.conn-state .status-icon{width:16px;height:16px;font-size:10px}.conn-state.is-attention{color:var(--warning-text);font-weight:500}.conn-state.is-down{color:var(--error-ink);font-weight:500}.conn-row.has-actions{flex-wrap:wrap}.conn-row.has-actions>.row-actions{flex-basis:100%;order:3;justify-content:flex-start}.field.field-check{flex-direction:row;align-items:center;gap:8px}.connect-return{margin-bottom:12px}.connect-return>.btn{margin-left:auto}.people-intro{color:var(--ink-2);text-wrap:pretty;margin:0 0 12px;font-size:.93rem}.people-notice{background:var(--tint);color:var(--ink);border-radius:12px;margin:0 0 12px;padding:10px 14px;font-size:.93rem}.person{flex-direction:column;gap:2px;min-width:0;display:flex}.person-email{overflow-wrap:anywhere;font-weight:500}.role-select{font:inherit;font-size:var(--field-size);border:1px solid var(--field-edge);background:var(--solid);color:var(--ink);border-radius:999px;padding:7px 12px}.change-row{overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:.93rem;display:flex}.change-row>.small{white-space:nowrap}.choices{border:0;min-width:0;margin:16px 0 0;padding:0}.choices legend{padding:0;font-size:.87rem}.choices .field{margin-top:8px}.change-row{flex-wrap:wrap;gap:4px 16px;padding:12px 0;display:flex}.list>li:first-child{padding-top:0}.list>li:last-child{padding-bottom:0}.change-when{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:0 0 120px;font-size:.87rem}.change-what{text-wrap:pretty;flex:320px;min-width:0}.change-who{color:var(--ink-2);text-align:end;flex:none;font-size:.87rem}.notice{background:var(--warning-glass);box-shadow:0 0 0 1px var(--warning-edge), 0 12px 32px -8px #00000014}.notice-item{align-items:flex-start;gap:14px;display:flex}.notice-item+.notice-item{margin-top:14px}.notice-item>div{flex-direction:column;gap:2px;min-width:0;display:flex}.notice-item p{color:var(--ink-2);text-wrap:pretty;margin:0}.foot-note{color:var(--ink-2);text-align:center;margin:0;font-size:.93rem}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.93rem}.table th{text-align:start;color:var(--ink-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:.83rem;font-weight:500}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.table tr:last-child td{border-bottom:0}.table.compact td{padding:7px 10px}.table td.row-actions{text-align:end;white-space:nowrap;display:table-cell}.table td.row-actions .btn+.btn{margin-inline-start:6px}.alert-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.alert-list li{grid-template-columns:96px 1fr;align-items:start;gap:10px;display:grid}.chart{margin:0}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:.93rem;display:flex}.chart-title{font-weight:600}.tick{fill:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11px}.table-scroll{max-height:240px;overflow-y:auto}.tooltip{background:var(--glass-strong);white-space:nowrap;pointer-events:none;box-shadow:0 0 0 1px var(--line), 0 8px 24px #0000001f;z-index:2;border-radius:12px;padding:6px 10px;font-size:.83rem;position:absolute;top:-6px;transform:translate(-50%,-100%)}.strip{grid-template-columns:repeat(96,minmax(0,1fr));gap:2px;height:28px;display:grid;position:relative}.cell{border-radius:2px}.cell-ok{background:var(--good)}.cell-attention{background:var(--warning)}.cell-down{background:var(--critical)}.cell-nodata{background:var(--nodata)}.cell-hover{outline:2px solid var(--ink);outline-offset:1px}.strip-axis{justify-content:space-between;margin-top:4px;font-size:.8rem;display:flex}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;font-size:.83rem;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.filter{font:inherit;font-size:var(--field-size);border:1px solid var(--field-edge);background:var(--solid);color:var(--ink);border-radius:980px;width:min(220px,100%);padding:6px 12px}.card-intro{margin:-6px 0 10px}.card-foot{justify-content:flex-start;margin-top:12px}.sub-head{color:var(--ink-2);margin:18px 0 6px;font-size:.93rem;font-weight:600}.conn-group:first-of-type>.sub-head{margin-top:2px}.dialog{background:var(--solid);width:min(440px,100vw - 32px);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 24px 64px #00000040;overscroll-behavior:contain;text-align:start;border:0;border-radius:20px;padding:24px}.dialog::backdrop{background:#0000004d}.dialog h2{font-size:1.13rem}.dialog-body{color:var(--ink-2);font-size:.93rem}.dialog-body p{margin:10px 0 0}.field{flex-direction:column;gap:6px;margin-top:16px;font-size:.87rem;display:flex}.dialog-body h3{color:var(--ink);margin:18px 0 0;font-size:.87rem;font-weight:600}.dialog-body ol,.dialog-body ul{margin:8px 0 0;padding-left:20px}.dialog-body li+li{margin-top:4px}.catalogue{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.catalogue-groups{flex-direction:column;gap:2px;display:flex;position:sticky;top:84px}.chip{text-align:start;color:var(--ink-2);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:background-color .15s ease-out,color .15s ease-out}.chip.active{background:var(--tint);color:var(--link)}@media (hover:hover){.chip:hover:not(.active){background:var(--fill);color:var(--ink)}}.service-search{font:inherit;font-size:var(--field-size);border:1px solid var(--field-edge);background:var(--solid);width:100%;color:var(--ink);border-radius:980px;padding:10px 16px}.service-group{color:var(--ink-2);margin:20px 0 10px;font-size:.8rem;font-weight:600}.service-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.service-tile{text-align:start;border:1px solid var(--glass-edge);background:var(--glass-strong);color:var(--ink);font:inherit;-webkit-tap-highlight-color:transparent;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;transition:translate .15s ease-out,box-shadow .15s ease-out;display:flex;box-shadow:0 1px 2px #141e460a}@media (hover:hover) and (prefers-reduced-motion:no-preference){.service-tile:hover{box-shadow:var(--glass-lift);translate:0 -2px}}@media (hover:hover) and (prefers-reduced-motion:reduce){.service-tile:hover{box-shadow:var(--glass-lift)}}.service-text{flex-direction:column;gap:3px;min-width:0;display:flex}.service-name{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.95rem;font-weight:600;display:flex}.service-does{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.83rem;line-height:1.35;display:-webkit-box;overflow:hidden}.service-on{color:var(--good);align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:inline-flex}.service-on .status-icon{width:14px;height:14px;font-size:9px}.service-logo{--brand:var(--ink);width:40px;height:40px;color:var(--brand);background:color-mix(in srgb, var(--brand) 11%, var(--solid));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 14%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.service-logo svg{width:22px;height:22px}.service-letter{background:var(--brand);width:22px;height:22px;color:var(--solid);border-radius:6px;place-items:center;font-size:.8rem;font-weight:700;line-height:1;display:grid}.service-logo-lg{border-radius:15px;width:56px;height:56px}.service-logo-lg svg,.service-logo-lg .service-letter{width:30px;height:30px}.service-logo-lg .service-letter{border-radius:8px;font-size:1.05rem}.service-address{margin-top:18px;display:block}.service-about-head{align-items:center;gap:14px;margin-top:12px;display:flex}.service-about-head p{margin:0}.service-about-name{color:var(--ink);font-size:1.05rem;font-weight:600}.service-about-note{background:var(--fill);border-radius:12px;padding:10px 12px}.service-asks{flex-direction:column;gap:6px;list-style:none;display:flex;padding:0!important}.service-asks li{background:var(--tint);color:var(--ink);border-radius:14px 14px 14px 4px;width:fit-content;max-width:100%;padding:8px 12px;margin:0!important}.service-steps li::marker{color:var(--ink-2);font-weight:600}.field input{font:inherit;font-size:var(--field-size);border:1px solid var(--field-edge);background:var(--solid);color:var(--ink);border-radius:10px;padding:8px 12px}.dialog .error{margin:12px 0 0;font-size:.9rem}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{flex-direction:column;gap:16px;width:min(380px,100%);padding:32px;display:flex}.login-card .brand{margin-bottom:4px}.login-card p{margin:0}.login-form,.dev-login{flex-direction:column;gap:10px;display:flex}.login-staff,.dev-login{border-top:1px solid var(--line);padding-top:16px}.login-form input,.dev-login input{font:inherit;font-size:var(--field-size);border:1px solid var(--field-edge);background:var(--solid);color:var(--ink);border-radius:12px;padding:10px 14px}.login-install{text-align:center;align-self:center}.login-form .link{color:var(--ink-2);text-underline-offset:2px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.87rem;text-decoration:underline}@media (width<=760px){.page{padding-top:22px}.topbar{padding-top:8px}.topbar-inner{height:52px;padding-left:16px}.topbar-name{display:none}.card{padding:20px}.agent-head{grid-template-columns:auto minmax(0,1fr);padding:20px}.agent-head-side{text-align:start;flex-flow:wrap;grid-column:1/-1;align-items:center}.avatar-lg{border-radius:16px;width:52px;height:52px;font-size:1.4rem}.hide-sm{display:none}.alert-list li{grid-template-columns:1fr;gap:4px}.change-who{text-align:start}h1{font-size:1.75rem}}@media (width<=600px){.stack{gap:12px}.page{padding-top:14px;padding-bottom:40px}.card{border-radius:18px;padding:14px 16px}.card-head{margin-bottom:10px}h1{font-size:1.5rem}.lede{font-size:.93rem}.page-head{flex-direction:column;align-items:flex-start;gap:2px}.topbar{padding-left:12px;padding-right:12px}.topbar-inner{padding:0 8px 0 18px;position:relative}.btn.topbar-menu{display:inline-flex}.topbar-user{display:none}.topbar-user.open{background:var(--solid);border:1px solid var(--line);min-width:220px;box-shadow:0 0 0 1px var(--line), 0 24px 48px -12px #141e464d;border-radius:20px;flex-direction:column;align-items:stretch;gap:8px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.topbar-user.open .topbar-name{padding:0 4px 4px;display:block}.topbar-user.open .btn{height:40px}.agent-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 12px;padding:14px 16px}.agent-head h1{font-size:1.3rem}.agent-head .lede{font-size:.93rem}.avatar-lg{border-radius:14px;width:44px;height:44px;font-size:1.2rem}.avatar-lg .avatar-dot{border-width:2px;width:14px;height:14px}.seg{max-width:none;margin:0 calc(-1 * var(--pad));padding:2px var(--pad);box-shadow:none;scroll-padding-inline:var(--pad);background:0 0;border:0;border-radius:0;align-self:stretch;gap:8px}.seg-tab{background:var(--glass-strong);border:1px solid var(--glass-edge);padding:6px 14px;font-size:.87rem}.seg-tab.active{border-color:#0000}.item-row{gap:6px 12px;padding:8px 0}.sub-head{margin-top:12px}.catalogue{grid-template-columns:minmax(0,1fr);gap:12px}.catalogue-groups{scrollbar-width:none;flex-direction:row;gap:6px;margin:0 -18px;padding:0 18px;position:static;overflow-x:auto}.chip{background:var(--fill);white-space:nowrap;border-radius:980px;flex:none;padding:7px 12px;font-size:.85rem}.service-grid{grid-template-columns:minmax(0,1fr);gap:8px}.service-tile{padding:12px}.service-logo{border-radius:10px;width:36px;height:36px}.service-logo svg{width:20px;height:20px}.dialog{max-height:calc(100dvh - 24px);padding:20px}.dialog-actions .btn{height:40px}}.plan-code-row{align-items:center;gap:10px;display:flex}.plan-code{letter-spacing:.08em;color:var(--ink);background:var(--fill);-webkit-user-select:all;user-select:all;border-radius:10px;padding:6px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem;font-weight:600}.model-choices{max-height:260px;overflow-y:auto}.conn-name{color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.conn-chevron{color:var(--ink-2);flex:none;transition:rotate .15s ease-out}.conn-name[aria-expanded=true] .conn-chevron{rotate:90deg}.conn-account{color:var(--ink-2);font-size:.87rem}@media (hover:hover){.conn-name:hover{color:var(--link)}}.conn-row.is-open{flex-wrap:wrap}.conn-detail-wrap{flex-basis:100%;order:3}.conn-row.is-open>.row-actions{order:4}.conn-detail{background:var(--fill);border-radius:12px;flex-direction:column;gap:8px;margin:2px 0 6px;padding:12px 14px;font-size:.9rem;display:flex}.conn-detail dl{grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;margin:0;display:grid}.conn-detail dl>div{display:contents}.conn-detail dt{color:var(--ink-2)}.conn-detail dd{overflow-wrap:anywhere;margin:0}.conn-detail p{margin:0}@media (width<=600px){.conn-detail dl{grid-template-columns:minmax(0,1fr);gap:0}.conn-detail dd+dt,.conn-detail dl>div+div dt{margin-top:6px}}.agent-row{color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"avatar name week pill";align-items:center;gap:4px 16px;padding:12px 0;display:grid}.agent-row:hover{text-decoration:none}@media (hover:hover){.agent-row:hover .strong{color:var(--link)}}.agent-row>.avatar{grid-area:avatar}.agent-row-name{flex-direction:column;grid-area:name;min-width:0;display:flex}.agent-row-week{text-align:end;grid-area:week}.agent-row>.pill{grid-area:pill;justify-self:end}.agent-list>li:first-child .agent-row{padding-top:0}.agent-list>li:last-child .agent-row{padding-bottom:0}@media (width<=600px){.agent-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name pill""avatar week week";align-items:start;gap:2px 12px}.agent-row-week{text-align:start}}.conn-row.is-open>.row-actions{flex-basis:100%;justify-content:flex-start;margin:4px 0 8px}.conn-row:not(.is-open):not(.has-actions)>.row-actions{display:none}
