:root{color-scheme:dark;--bg:#0b111b;--sidebar:#0c1420;--panel:#121d2b;--panel-raised:#172435;--line:#263448;--text:#eaf0f6;--muted:#93a4b8;--teal:#58dec6;--teal-dark:#163d3c;--red:#ff9b9b;--amber:#f2c879;--radius:18px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.7;min-width:320px}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.52}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
button,input{border-radius:10px}
button{transition:background .16s,border-color .16s,transform .16s}
button:not(:disabled):active{transform:translateY(1px)}
button svg,.nav-link svg,.summary-icon svg,.empty-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(26px,2.7vw,37px);font-weight:650;letter-spacing:-.5px;line-height:1.55}
h2{font-size:19px;line-height:1.6;font-weight:650}
h3{font-size:15px;font-weight:600}
.muted{color:var(--muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;inset-block-start:-70px;inset-inline-start:24px;padding:10px 20px;background:var(--teal);color:var(--bg);border-radius:8px;z-index:100}
.skip-link:focus{inset-block-start:16px}
.app-shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100svh}
.sidebar{position:sticky;top:0;height:100svh;background:var(--sidebar);border-inline-end:1px solid #202c3d;display:flex;flex-direction:column;padding:33px 20px 20px}
.brand{display:flex;align-items:center;gap:12px}
.brand-link{padding-inline:9px}
.brand strong{display:block;font-size:27px;line-height:1.2;font-weight:700}
.brand span[lang]{display:block;font-size:9px;letter-spacing:1.85px;color:var(--muted);margin-top:7px;font-weight:650}
.brand-mark{width:37px;height:37px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:rotate(-4deg);flex-shrink:0}
.brand-mark i{background:var(--teal);border-radius:4px}
.brand-mark i:nth-child(2){opacity:.35;transform:translateY(5px)}
.brand-mark i:nth-child(3){opacity:.65;transform:translateY(-5px)}
.nav-label{font-size:11px;color:#73859c;padding-inline:13px;margin-top:49px;margin-bottom:13px}
.navigation{display:flex;flex-direction:column;gap:8px}
.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#a6b4c6;font-size:13px;border:1px solid transparent}
.nav-link:hover{background:#142031;color:#eaf0f6}
.nav-link.active{background:#143134;border-color:#1c4949;color:#91f0de}
.nav-link svg{width:19px;height:19px}
.sidebar-bottom{margin-top:auto;padding-top:36px}
.owner-context{display:flex;align-items:center;gap:10px;padding:19px 9px;border-top:1px solid #202c3d}
.owner-avatar{width:34px;height:34px;border:1px solid #375066;background:#1b3041;border-radius:11px;display:grid;place-items:center;color:#b9dbe7;font-size:18px}
.owner-context strong{display:block;font-size:12px;font-weight:550}
.owner-context div>span{font-size:10px;color:#8597ad}
.logout-button{border:0;background:transparent;color:var(--muted);display:flex;gap:9px;align-items:center;padding:9px 12px;font-size:12px;width:100%}
.logout-button:hover{color:var(--text);background:#142031}
.logout-button svg{width:18px;height:18px}
.sidebar-password-link{display:block;color:#a8c7cf;padding:8px 12px;font-size:11px;border-radius:8px}
.sidebar-password-link:hover{background:#142031;color:#d3eee8}
.main{padding:0 clamp(23px,3.8vw,60px);max-width:1640px;width:100%;margin-inline:auto;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;height:84px;border-bottom:1px solid #1e2b3c}
.breadcrumb{font-size:12px;color:#b9c5d4}
.breadcrumb>span{margin-inline:13px;color:#50627b}
.session-badge{display:flex;gap:8px;align-items:center;padding:5px 12px;border:1px solid #294146;border-radius:20px;color:#add8d1;font-size:11px;background:#102426}
.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0}
.tiny-dot.neutral{background:#8291a7}
.tiny-dot.warning{background:var(--amber)}
.tiny-dot.danger{background:var(--red)}
.overview{padding-top:31px}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.eyebrow{font-size:10px;letter-spacing:1.9px;color:var(--teal);font-weight:650;margin-bottom:8px}
.page-description{color:var(--muted);font-size:13px;margin-top:7px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;min-height:43px;border:1px solid transparent;font-weight:550;font-size:12px;white-space:nowrap}
.button.primary{background:var(--teal);color:#0a2727;border-color:var(--teal)}
.button.primary:hover{background:#8eeeda}
.button.secondary{background:#152132;border-color:#314159;color:#d3dfed}
.button.secondary:hover{background:#1c2c40;border-color:#465d78}
.button.danger{color:#ffb1b1;background:#30202b;border-color:#653441}
.button.danger:hover{background:#452630;border-color:#b35f6e}
.button.danger-solid{color:#fff1f1;background:#923a47;border-color:#b35362}
.button.danger-solid:hover{background:#a84452}
.full-width{width:100%}
.refresh-button{margin-top:16px;flex-shrink:0}
.refresh-button svg{width:17px;height:17px}
.refresh-button[aria-busy=true] svg{animation:spin 1s linear infinite}
.update-line{display:flex;align-items:center;gap:8px;color:#8b9eb3;font-size:10px;margin-top:21px;margin-bottom:25px;flex-wrap:wrap}
.update-divider{margin-inline:3px;color:#52617b}
.summary-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:17px;margin-bottom:24px}
.summary-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:19px 23px;position:relative;overflow:hidden}
.connection-summary{border-color:#2b474a;background:linear-gradient(125deg,#13212d 25%,#132b30)}
.summary-label{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#bdcad8;font-size:12px}
.summary-icon{width:34px;height:34px;background:#1b2b3e;border-radius:10px;color:#819db7;display:grid;place-items:center}
.connection-summary .summary-icon{background:#1e3b3e;color:#78d9c7}
.summary-value{font-size:39px;line-height:1.4;font-weight:600;margin:9px 0 7px;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.summary-value.text-value{font-size:27px;letter-spacing:0;line-height:1.8;color:#b9eee3}
.summary-value.text-value[data-tone=danger]{color:var(--red)}
.summary-value.text-value[data-tone=warning]{color:var(--amber)}
.summary-value.text-value[data-tone=neutral]{color:#c4d0df}
.summary-foot{font-size:10px;color:#9eafc1;display:flex;align-items:center;gap:8px;min-height:18px}
.connection-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:20px}
.connection-section{margin-top:28px}
.diagnostic-refresh{min-height:36px;padding:7px 12px;font-size:11px;align-self:center}
.diagnostics-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.diagnostics-readout>.muted{font-size:10px}
.diagnostics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.diagnostic-card{min-width:0;display:flex;flex-direction:column;background:#0e1927;border:1px solid #293a4f;border-radius:12px;padding:17px}
.diagnostic-label{display:flex;align-items:center;justify-content:space-between;gap:10px}
.diagnostic-label h3{font-size:12px;font-weight:600;color:#c3d0df}
.diagnostic-label>span{font:9px ui-monospace,Consolas,monospace;letter-spacing:.6px;color:#7d94ae}
.diagnostic-state{font-size:21px;line-height:1.65;font-weight:600;color:#bac9dc;margin:16px 0 7px;overflow-wrap:anywhere}
.diagnostic-state[data-tone=success]{color:#97e5d2}
.diagnostic-state[data-tone=active]{color:#9ad0ea}
.diagnostic-state[data-tone=warning]{color:#edc787}
.diagnostic-state[data-tone=danger]{color:#ffb0b6}
.diagnostic-description{color:#8fa4ba;font-size:11px;line-height:1.95;flex:1}
.diagnostic-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0 0;padding-top:14px;border-top:1px solid #27374c}
.diagnostic-facts>div,.connection-detail-facts>div,.client-activity-facts>div{min-width:0}
.diagnostic-facts dt,.connection-detail-facts dt,.client-activity-facts dt{font-size:10px;color:#8098b2;margin-bottom:6px}
.diagnostic-facts dd,.connection-detail-facts dd,.client-activity-facts dd{margin:0;overflow-wrap:anywhere;color:#cbdbea;font-variant-numeric:tabular-nums}
.diagnostic-facts dd{font-size:14px;line-height:1.8}
.diagnostic-facts dd.mono{font-size:13px;text-align:start}
.diagnostic-facts .status-pill{font-size:9px;padding:2px 6px;line-height:1.8}
.connection-acceptance{display:flex;align-items:flex-start;gap:13px;border:1px solid #3f4546;border-radius:11px;background:#1b242c;padding:15px 17px;margin-top:18px}
.acceptance-symbol{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid #675d46;background:#353026;border-radius:8px;color:#e6cd99;font-size:18px;line-height:1}
.connection-acceptance h3{font-size:12px;color:#e3d7bf;margin-top:2px;line-height:1.8}
.connection-acceptance p{font-size:11px;line-height:1.95;color:#a9b3bf;margin-top:5px;overflow-wrap:anywhere}
.connection-acceptance[data-tone=success]{background:#152c2b;border-color:#2e5148}
.connection-acceptance[data-tone=success] h3{color:#a3e7d1}
.connection-acceptance[data-tone=success] .acceptance-symbol{background:#203f37;border-color:#416656;color:#a3e7d1}
.connection-next-action{display:flex;align-items:flex-start;gap:12px;padding-top:20px}
.next-action-symbol{width:28px;height:28px;flex-shrink:0;border:1px solid #2d4f50;border-radius:8px;background:#193234;color:#8ee0d0;display:grid;place-items:center;font-size:17px}
.connection-next-action h3{font-size:12px;color:#c5ded9;line-height:1.8}
.connection-next-action p{font-size:12px;color:#a8bccc;line-height:2;margin-top:5px;overflow-wrap:anywhere}
.connection-details{margin-top:19px;border-top:1px solid #29394d;padding-top:12px}
.connection-details summary{cursor:pointer;width:fit-content;color:#95c7c1;font-size:11px;padding:3px 0;border-radius:3px}
.connection-details summary::marker{color:#719f9c}
.connection-details summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.connection-details[open] summary{margin-bottom:16px}
.connection-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 22px;margin:0}
.connection-detail-facts dd{font-size:12px;line-height:1.85}
.connection-detail-facts .protocol-versions{font-size:10px;text-align:start}
.connection-details>.field-help{font-size:10px;margin-top:17px}
.diagnostics-panel.is-stale{border-color:#766342}
.connection-guides{margin-top:19px}
.endpoint-test{margin-top:16px;padding:12px 13px;border:1px solid #2a4048;border-radius:9px;background:#101f2b;font-size:11px;line-height:2;color:#a7c3cf}
.endpoint-test code,.endpoint-help code{color:#ade3d7;font-size:10px}
.capability-label{display:flex;flex-direction:column;gap:3px;min-width:0}
.capability-key{font:9px/1.7 ui-monospace,Consolas,monospace;color:#809db6;text-align:start;overflow-wrap:anywhere}
.client-activity-panel{margin-top:19px}
.client-activity-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin:19px 0 0;padding:17px 0;border-top:1px solid #29394d}
.client-activity-facts dd{font-size:11px;line-height:1.9}
.activity-last-method{display:block;color:#94b1c7;font-size:10px;margin-bottom:3px;text-align:start}
.activity-empty{padding:19px 15px;border:1px solid #283a4c;border-radius:10px;background:#0e1926;color:#8ba4ba;font-size:11px;line-height:1.9}
.activity-table-scroll{border:1px solid #2a3c51;border-radius:10px;margin-top:2px}
.activity-table th,.activity-table td{padding:12px 15px}
.activity-table .activity-client{min-width:110px;max-width:180px;white-space:normal;overflow-wrap:anywhere}
.activity-method code{display:block;font:10px/1.8 ui-monospace,Consolas,monospace;text-align:start}
.activity-protocol{display:block;font:9px/1.8 ui-monospace,Consolas,monospace;color:#8199b1;margin-top:2px;text-align:start}
.activity-table .activity-tool{font:10px/1.8 ui-monospace,Consolas,monospace;min-width:100px;max-width:200px;white-space:normal;overflow-wrap:anywhere;text-align:start}
.activity-table .status-pill{font-size:9px;max-width:185px;white-space:normal}
.activity-note{font-size:10px;margin-top:12px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.section-heading .eyebrow{font-size:9px;letter-spacing:.5px;margin-bottom:3px;color:#8ba6b9}
.section-heading .muted{font-size:12px;margin-top:5px}
.protocol-label{border:1px solid #2b5152;background:#17393b;color:#98e8d7;border-radius:7px;padding:3px 10px;font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.5px}
.panel-description{font-size:12px;margin-top:13px;margin-bottom:20px}
.small-label{display:block;font-size:11px;color:#c0cbd8;margin-bottom:9px}
.endpoint-field{display:flex;align-items:stretch;gap:0;background:#0d1724;border:1px solid #334459;border-radius:11px;overflow:hidden;direction:ltr}
.endpoint-field input{border:0;outline:0;color:#9ae8d9;min-width:0;width:100%;background:transparent;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;padding:14px 15px;border-radius:0}
.endpoint-field input:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.copy-button{background:#1b2c3e;border:0;border-left:1px solid #334459;color:#c9d7e6;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border-radius:0;font-size:10px;white-space:nowrap;direction:rtl}
.copy-button:hover{background:#264257}
.copy-button svg{width:16px;height:16px}
.field-help{font-size:11px;color:#8fa2b9;line-height:1.9;margin-top:9px}
.endpoint-help{font-size:10px;margin-top:10px}
.service-meta{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #263548;margin-top:22px;padding-top:15px}
.service-meta>div{display:flex;gap:10px;align-items:center;font-size:10px}
.service-meta span{color:#8296ac}
.service-meta b{font-weight:500;color:#c6d3e2;overflow-wrap:anywhere}
.count-badge{min-width:29px;height:27px;border:1px solid #34445a;background:#1a2a3d;color:#a9bdd2;display:inline-flex;justify-content:center;align-items:center;font-size:11px;padding-inline:9px;border-radius:8px;font-variant-numeric:tabular-nums}
.capabilities-list{display:flex;flex-direction:column;margin-top:17px;max-height:264px;overflow:auto;scrollbar-width:thin;scrollbar-color:#415570 transparent}
.capability-item{padding:11px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #253246;font-size:12px}
.capability-item:first-child{border-top:0}
.capability-name{display:flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere}
.capability-mark{background:#173332;color:#7ed4c5;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:10px;flex-shrink:0}
.capability-item .status-pill{font-size:9px;padding:2px 7px;white-space:nowrap}
.section-block{margin-top:31px}
.section-heading.outside{align-items:center;margin-bottom:15px}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:15px}
.project-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:19px;min-width:0}
.project-heading{display:flex;align-items:center;gap:11px;min-width:0}
.project-avatar{width:36px;height:36px;border-radius:11px;background:#213647;color:#a8c4d8;display:grid;place-items:center;font-size:13px;font-weight:650;flex-shrink:0}
.project-title-wrap{min-width:0;flex:1}
.project-title{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.project-id{display:block;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#8ca0b7;margin-top:5px;text-align:start;overflow-wrap:anywhere}
.project-scope{background:#0d1724;border:1px solid #253447;border-radius:8px;padding:10px 11px;margin-top:16px;min-height:43px}
.project-scope .path-label{font-size:9px;color:#7e92aa;display:block;margin-bottom:5px}
.project-path{font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b4c9dc;display:block;overflow-wrap:anywhere;white-space:pre-wrap;text-align:left}
.project-path[dir=rtl]{text-align:right}
.project-access{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#8fa1b7}
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;font-size:10px;border:1px solid #3a485b;background:#222d3c;color:#b5c3d4;max-width:100%;overflow-wrap:anywhere}
.status-pill[data-tone=success]{background:#153c36;border-color:#25594d;color:#91e5c3}
.status-pill[data-tone=active]{background:#18394d;border-color:#2a5873;color:#93d6f2}
.status-pill[data-tone=warning]{background:#3e3321;border-color:#645134;color:#f0cb87}
.status-pill[data-tone=danger]{background:#3b232e;border-color:#61323f;color:#ffb2b5}
.status-pill .tiny-dot{width:5px;height:5px;background:currentColor}
.jobs-panel{padding:0;overflow:hidden}
.table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#415570 transparent}
table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:11px}
th{font-weight:500;color:#8fa4bc;background:#142132;padding:14px 19px;font-size:10px;border-bottom:1px solid #2c3b50}
td{padding:16px 19px;border-bottom:1px solid #223147;color:#bccbdd}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#162334}
td.job-id-cell{max-width:210px;overflow:hidden;text-overflow:ellipsis;font:11px ui-monospace,Consolas,monospace;direction:ltr;text-align:right;color:#cfdae6}
.row-button{background:transparent;color:#8ce0d0;border:1px solid #315450;padding:5px 10px;font-size:10px;white-space:nowrap;border-radius:7px}
.row-button:hover{background:#173733}
.exit-code{font-family:ui-monospace,Consolas,monospace;font-size:11px}
.empty-state{text-align:center;padding:35px 22px;color:#a0b3c8;grid-column:1/-1}
.empty-state h3{font-size:14px;color:#c5d3e3;margin-top:10px}
.empty-state p{font-size:12px;margin-top:5px}
.empty-copy{font-size:12px;color:#8da1b8;padding-top:9px;line-height:2}
.empty-icon{width:42px;height:42px;border-radius:12px;background:#1b2b3d;color:#7f97b2;display:grid;place-items:center;margin:0 auto}
.main-footer{padding:28px 0 25px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:9px;color:#758aa3}
.main-footer>span:first-child{letter-spacing:1.5px;font-weight:600}
.alert{background:#38252b;color:#f2c3c3;border:1px solid #6b4145;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.9;margin-bottom:19px;overflow-wrap:anywhere}
.auth-gate{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 22px;background:radial-gradient(ellipse at 50% 10%,#17303566,transparent 65%)}
.auth-card{width:100%;max-width:478px;padding:35px;background:#121e2c;border:1px solid #2b3f51;border-radius:23px;box-shadow:0 30px 100px #03080f80}
.auth-brand{margin-bottom:29px}
.auth-card .eyebrow{letter-spacing:.5px;font-size:11px;margin-bottom:9px}
.auth-card h1{font-size:24px;margin-bottom:11px;line-height:1.65}
.auth-card>#gate-description{font-size:13px;line-height:1.95}
.auth-card form{margin-top:25px}
.auth-card label{font-size:12px;color:#d2dfeb;display:block;margin-bottom:9px}
.auth-card input{width:100%;height:54px;background:#0d1724;border:1px solid #3a4c61;color:#e6f1f4;padding:10px 15px;font-size:20px;letter-spacing:3px}
.auth-card input[aria-invalid=true]{border-color:#d47783;background:#211b29}
.auth-card input[inputmode=text]{font-size:16px;letter-spacing:1px}
.auth-card .button{margin-top:18px;min-height:46px;font-size:13px}
.auth-card .primary{justify-content:space-between;padding-inline:17px}
.auth-card .primary>span:last-child{font-size:20px;line-height:1}
.auth-options-status{padding:12px 14px;background:#152333;border:1px solid #304658;border-radius:10px;font-size:12px;margin-top:21px}
.auth-method-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-top:24px;background:#0c1723;border:1px solid #293d4f;border-radius:12px}
.auth-mode-button{min-height:43px;padding:9px 12px;border:1px solid transparent;background:transparent;color:#99adbf;font-size:12px;line-height:1.7}
.auth-mode-button[aria-pressed=true]{border-color:#366261;background:#19383c;color:#c9f1e4;font-weight:600}
.auth-mode-button:hover:not(:disabled){color:#e3f5ef;background:#1b303b}
.auth-mode-button:disabled{cursor:default}
.auth-card .password-field{position:relative}
.auth-card .password-field input{font-size:17px;letter-spacing:normal;padding-left:75px;padding-right:15px;unicode-bidi:plaintext}
.password-visibility{position:absolute;inset-inline-end:8px;top:8px;bottom:8px;min-width:54px;border:1px solid #304759;background:#192c3d;color:#b5d7de;padding:6px 9px;font-size:11px;line-height:1.6;border-radius:7px}
.password-visibility:hover:not(:disabled){background:#23434b;color:#e1f5ef}
.auth-card #password-help{font-size:12px;line-height:1.9}
.auth-card .remember-option{display:flex;align-items:flex-start;gap:10px;margin:21px 0 0;padding:0;color:#afc3d0;font-size:12px;line-height:1.9;cursor:pointer}
.auth-card .remember-option input{appearance:auto;flex-shrink:0;width:17px;height:17px;min-height:17px;margin:3px 0 0;padding:0;border-radius:4px;accent-color:var(--teal);cursor:pointer}
.password-settings-link{display:block;width:fit-content;margin:17px auto 0;color:#a9c9d4;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.password-settings-link:hover{color:#dcf6eb}
.password-setup-prompt{padding:18px;margin-top:24px;border:1px solid #32505b;border-radius:13px;background:#132c34}
.password-setup-prompt h2{font-size:15px;line-height:1.85;color:#d1ebe5}
.password-setup-prompt>p{font-size:12px;line-height:1.95;color:#b1cbd4;margin-top:8px}
.password-setup-prompt>.field-help{font-size:11px;color:#97b6c4}
.auth-card .password-setup-prompt .button{margin-top:13px;white-space:normal;min-height:43px;font-size:12px;background:#1d3943;border-color:#3c606b;color:#d2eae7}
.auth-card .password-setup-prompt .button:hover{background:#294953}
.email-access{padding:17px 18px;background:#10262c;border:1px solid #285050;border-radius:13px;margin-bottom:24px}
.email-access-heading{display:flex;align-items:center;gap:9px}
.email-access h2{font-size:14px;color:#c9eee6}
.email-access-icon{width:26px;height:26px;border-radius:8px;background:#1b3b3e;color:#8adecb;display:grid;place-items:center;flex-shrink:0}
.email-access-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.email-access>.field-help{font-size:12px;color:#acc3cd;margin-top:8px}
.email-recipient-hint{display:block;font:12px/1.8 ui-monospace,Consolas,monospace;color:#acd8d1;overflow-wrap:anywhere;margin-top:6px;text-align:right}
.auth-card .email-request-button{margin-top:13px;min-height:43px;background:#19353b;border-color:#376267;color:#c5efe5}
.auth-card .email-request-button:hover:not(:disabled){background:#22444a;border-color:#5d9695}
.auth-card .button:disabled:not([aria-busy=true]){cursor:default}
.auth-code-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.auth-code-label label{margin:0;font-size:13px}
.auth-code-label>span{font-size:10px;color:#8ca9be}
.auth-card #login-help{font-size:12px;line-height:1.95}
.auth-validity{font-size:11px;line-height:1.9;color:#86b8b0;margin-top:5px}
.auth-text-button{display:inline-flex;align-items:center;padding:4px 0;border:0;border-radius:4px;background:transparent;color:#a8d8d2;text-align:start;text-decoration:underline;text-underline-offset:4px;font-size:11px;line-height:1.9;margin-top:9px;white-space:normal}
.auth-text-button:hover:not(:disabled){color:#d6fff4}
.auth-text-button:disabled{cursor:default}
.owner-code-mode{font-size:11px;color:#a4b8cc}
.inline-notice{font-size:12px;color:#ace5cd;line-height:1.95;margin-top:13px;overflow-wrap:anywhere}
.auth-connection-help{display:flex;align-items:center;justify-content:center;gap:7px;color:#a8bfce;font-size:11px;line-height:1.9;margin-top:24px;text-align:center;text-decoration:underline;text-underline-offset:4px}
.auth-connection-help:hover,.connection-help-link:hover{color:#c9f5e8}
.connection-help-link{color:#acdccc;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.auth-footer{display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid #2b394c;margin-top:20px;padding-top:16px;font-size:10px;color:#9cb1c5}
.auth-ui-version{font:10px/1.7 ui-monospace,Consolas,monospace;color:#8197aa;margin-inline-start:auto}
.auth-caption{font-size:10px;color:#738aa0;letter-spacing:.3px;margin-top:24px}
.boot-state{display:flex;gap:10px;align-items:center;padding:24px 0 5px;color:#9fb6c9;font-size:12px}
.spinner{width:15px;height:15px;border:2px solid #334c5c;border-top-color:var(--teal);border-radius:50%;display:inline-block;animation:spin .9s linear infinite;flex-shrink:0}
.inline-error{font-size:12px;color:#ffb4b4;line-height:1.95;margin-top:14px;overflow-wrap:anywhere}
.dialog{background:#121e2c;color:var(--text);border:1px solid #3b5067;border-radius:21px;padding:25px;width:min(880px,calc(100% - 36px));max-height:88svh;overflow:auto;box-shadow:0 30px 110px #0008;scrollbar-width:thin;scrollbar-color:#415570 transparent}
.dialog::backdrop{background:#030912bd;backdrop-filter:blur(5px)}
.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #2a3a4f;padding-bottom:18px;margin-bottom:20px}
.dialog-header .eyebrow{font-size:10px;letter-spacing:.3px;margin-bottom:4px}
.dialog-header p.mono{font-size:11px;margin-top:5px;text-align:right}
.icon-button{border:1px solid #3a4a60;background:#1a2a3d;color:#bdccdd;width:33px;height:33px;font:24px/1 system-ui;border-radius:10px;flex-shrink:0}
.icon-button:hover{background:#2a3d53}
.job-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 24px}
.job-detail-meta>div{min-width:0}
.job-detail-meta dt{font-size:10px;color:#88a0b7;margin-bottom:7px}
.job-detail-meta dd{font-size:11px;color:#cbdbea;margin:0;overflow-wrap:anywhere}
.output-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.output-heading h3,.stderr-heading{font-size:12px}
.output-heading .muted{font-size:9px}
.terminal-output{border:1px solid #293d50;background:#080f18;color:#bed7e2;border-radius:11px;padding:17px;min-height:160px;max-height:350px;overflow:auto;font:11px/1.95 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;tab-size:4;scrollbar-width:thin;scrollbar-color:#415570 transparent;unicode-bidi:plaintext}
.stderr-heading{color:#ecafb6;margin-top:20px;margin-bottom:10px}
.stderr-output{color:#eebcc4;border-color:#51333e;min-height:70px;max-height:200px}
.dialog-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2a3a4f;margin-top:22px;padding-top:18px}
.confirm-dialog{width:min(440px,calc(100% - 36px));padding:29px;text-align:center}
.confirm-symbol{width:45px;height:45px;border-radius:14px;background:#422d2b;border:1px solid #6f4a3b;color:#e3b580;font-size:24px;display:grid;place-items:center;margin:0 auto 17px}
.confirm-dialog h2{font-size:22px;margin-bottom:12px}
.confirm-dialog>.muted{font-size:13px;line-height:2}
.confirm-job-id{background:#0d1724;border:1px solid #293a4e;border-radius:8px;font-size:11px;padding:10px;margin-top:17px;color:#a9c3d7}
.confirm-actions{display:flex;gap:10px;margin-top:24px}
.confirm-actions .button{flex:1}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1a3739;border:1px solid #3c6e66;border-radius:11px;color:#cfefe7;box-shadow:0 12px 50px #0005;padding:12px 20px;z-index:110;max-width:calc(100% - 40px);font-size:12px;text-align:center}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1550px){.main{padding-inline:64px}.summary-card{padding:22px 26px}.panel{padding:26px}.jobs-panel{padding:0}.project-card{padding:22px}}
@media(max-width:1160px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-inline:12px}.main{padding-inline:26px}.summary-card{padding:17px}.connection-grid{grid-template-columns:minmax(0,1.25fr) minmax(235px,1fr)}.panel{padding:19px}.jobs-panel{padding:0}.summary-value.text-value{font-size:23px}.nav-link{font-size:12px;gap:10px}.page-description{max-width:390px}.service-meta{gap:17px}}
@media(max-width:930px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:18px 25px;border-inline-end:0;border-bottom:1px solid #253449;gap:19px}.brand-link{padding:0}.brand strong{font-size:23px}.brand-mark{width:31px;height:31px;gap:4px}.brand span[lang]{font-size:8px;letter-spacing:1.3px;margin-top:5px}.nav-label,.owner-context{display:none}.navigation{flex-direction:row;gap:5px;margin-inline-start:auto}.nav-link{font-size:11px;padding:8px 10px;gap:7px}.nav-link svg{width:16px;height:16px}.sidebar-bottom{margin:0;padding:0}.logout-button{padding:9px;font-size:10px;width:auto}.logout-button svg{display:none}.main{padding-inline:26px}.topbar{height:64px}.overview{padding-top:26px}.connection-grid{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr)}.summary-value{font-size:34px}.main-footer{padding-bottom:25px}}
@media(max-width:720px){.sidebar{gap:16px;padding:18px 20px 13px}.brand-link{margin-inline-end:auto}.sidebar-bottom{order:1}.navigation{order:2;width:100%;margin:0;justify-content:space-between}.nav-link{padding:8px;font-size:10px;gap:6px}.main{padding-inline:20px}.connection-grid{grid-template-columns:1fr}.capabilities-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;max-height:none}.capability-item:nth-child(2){border-top:0}.summary-grid{gap:10px}.summary-card{padding:15px 13px;border-radius:13px}.summary-icon{display:none}.summary-label{font-size:10px}.summary-value{font-size:31px;margin:10px 0 6px}.summary-value.text-value{font-size:19px;line-height:2.25}.summary-foot{font-size:9px;line-height:1.8}.page-heading{gap:15px;align-items:flex-start}.page-description{font-size:12px}.refresh-button{padding:9px 11px;font-size:10px;margin-top:9px;min-height:37px}.refresh-button svg{width:15px;height:15px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.update-line{font-size:9px;gap:6px;margin-top:18px}.session-badge{font-size:10px;padding:4px 9px}.breadcrumb{font-size:11px}.topbar{height:61px}.section-heading .muted{font-size:11px}.section-block{margin-top:25px}h2{font-size:18px}.job-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog{padding:20px}.main-footer{font-size:8px}.table-scroll th,.table-scroll td{padding-inline:15px}}
@media(max-width:450px){.main{padding-inline:15px}.sidebar{padding-inline:15px}.navigation{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;min-width:0}.nav-link{font-size:9px;padding-inline:7px;gap:5px;flex:0 0 auto}.nav-link svg{width:14px;height:14px}.page-heading{flex-wrap:wrap;gap:8px}.page-heading h1{font-size:27px}.refresh-button{margin-top:4px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.connection-summary{grid-column:1/-1;padding:17px}.connection-summary .summary-icon{display:grid;width:30px;height:30px}.connection-summary .summary-value{font-size:23px;line-height:1.8;margin:1px 0}.summary-value.text-value{line-height:1.8}.connection-summary .summary-label{font-size:12px}.summary-card:not(.connection-summary) .summary-value{margin:5px 0}.summary-foot{font-size:9px}.capabilities-list{grid-template-columns:1fr}.capability-item:nth-child(2){border-top:1px solid #253246}.auth-card{padding:27px 24px}.auth-card h1{font-size:22px}.copy-button{padding-inline:11px}.copy-button span{display:none}.endpoint-field input{font-size:11px;padding-inline:11px}.dialog-footer .button{font-size:11px;padding-inline:12px}.confirm-actions{flex-direction:column}.update-divider{display:none}.update-line>span:last-child{flex-basis:100%;padding-inline-start:14px}.section-heading .muted{max-width:280px}}
@media(max-width:1160px){.diagnostics-grid{gap:10px}.diagnostic-card{padding:14px}.diagnostic-state{font-size:19px}.diagnostic-label{gap:7px}.diagnostic-label h3{font-size:11px}.diagnostic-label>span{font-size:8px}.diagnostic-facts{gap:9px}.diagnostic-facts dt{font-size:9px}}
@media(max-width:720px){.connection-section>.section-heading.outside{align-items:flex-start}.diagnostic-refresh{font-size:10px;padding:7px 10px;min-height:34px;align-self:flex-start}.diagnostics-grid{grid-template-columns:1fr;gap:11px}.diagnostic-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.48fr);column-gap:18px;padding:16px}.diagnostic-label,.diagnostic-state,.diagnostic-description{grid-column:1}.diagnostic-label h3{font-size:12px}.diagnostic-label>span{font-size:9px}.diagnostic-state{margin:10px 0 5px;font-size:20px}.diagnostic-facts{grid-column:2;grid-row:1/span 3;grid-template-columns:1fr;align-content:center;row-gap:14px;border-top:0;border-inline-start:1px solid #293c50;margin:0;padding:0 15px 0 0}.diagnostic-facts dt{font-size:10px}.diagnostic-facts dd{font-size:14px}.diagnostic-facts .status-pill{font-size:10px}.connection-acceptance{gap:10px;padding:14px}.connection-acceptance h3{font-size:11px}.connection-next-action{gap:10px}.connection-next-action p{font-size:11px}.connection-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-activity-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.diagnostics-readout>.muted{font-size:9px}.activity-table th,.activity-table td{padding:11px 13px}}
@media(max-width:450px){.diagnostic-card{display:flex;padding:15px}.diagnostic-state{font-size:21px;margin-top:12px}.diagnostic-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-inline-start:0;border-top:1px solid #293c50;margin-top:14px;padding:12px 0 0}.diagnostics-readout{align-items:flex-start;gap:8px}.diagnostics-readout>.muted{flex-basis:100%}.connection-acceptance{padding:12px;gap:9px}.acceptance-symbol{width:24px;height:24px;font-size:16px}.connection-detail-facts{gap:14px}.connection-detail-facts dd{font-size:11px}.connection-acceptance p{font-size:10px}.connection-guides,.client-activity-panel{margin-top:15px}.connection-section>.section-heading.outside{gap:12px}.connection-section>.section-heading.outside h2{font-size:17px}.connection-section>.section-heading.outside .muted{font-size:10px}.diagnostic-refresh{font-size:9px;padding-inline:9px;min-height:32px}}
@media(max-width:930px){.sidebar-bottom{display:flex;align-items:center;gap:3px}.sidebar-password-link{font-size:10px;padding:8px}}
@media(max-width:450px){.auth-mode-button{font-size:11px;min-height:42px}.auth-card .remember-option{font-size:11px}.password-setup-prompt{padding:15px}.password-setup-prompt h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
