:root{color-scheme:light;--color-canvas: oklch(98.8% .006 105);--color-surface: oklch(96.3% .009 90);--color-panel: oklch(99.2% .005 105);--color-ink: oklch(22% .012 250);--color-muted: oklch(52% .025 260);--color-hairline: oklch(87% .012 250);--color-primary: oklch(24% .04 170);--color-primary-strong: oklch(19% .05 170);--color-blue: oklch(48% .18 258);--color-coral: oklch(68% .17 35);--color-warning: oklch(66% .13 75);--color-critical: oklch(52% .18 25);--color-ok: oklch(52% .12 155);--color-offline: oklch(50% .025 260);--color-status-info: var(--color-blue);--color-status-ok: var(--color-ok);--color-status-warning: var(--color-warning);--color-status-critical: var(--color-critical);--color-status-offline: var(--color-offline);--color-on-primary: oklch(98% .006 105);--color-nav-surface: oklch(97.2% .008 105);--color-nav-hover: oklch(92.6% .018 150);--color-overlay: oklch(18% .018 250 / .24);--color-code-surface: oklch(20% .016 250);--color-code-text: oklch(92% .018 150);--color-status-band-accent: oklch(64% .12 72);--color-status-band-cell: oklch(71% .11 78);--color-status-band-hero: oklch(67% .14 54);--color-status-band-muted: oklch(45% .08 65);--color-critical-border: oklch(74% .11 25);--color-warning-border: oklch(78% .11 75);--color-mode-standby-surface: oklch(92% .02 150);--color-mode-backup-surface: oklch(92% .04 258);--color-mode-fault-surface: oklch(93% .05 25);--color-severity-critical-surface: oklch(93% .05 25);--color-severity-warning-surface: oklch(94% .06 75);--color-severity-warning-text: oklch(43% .11 75);--color-severity-ok-surface: oklch(93% .04 155);--color-severity-info-surface: oklch(93% .03 258);--color-severity-offline-surface: oklch(92% .012 260);--color-sidebar-panel: oklch(98.2% .006 105);--color-mobile-topbar: oklch(98.8% .006 105 / .94);--control-height: 40px;--control-height-touch: 44px;--radius-card: 8px;--radius-pill: 999px;--shadow-focus: 0 0 0 3px oklch(62% .15 258 / .24);--shadow-sidebar-panel: 18px 0 44px oklch(20% .015 250 / .16);--shadow-command-panel: 0 18px 50px oklch(22% .012 250 / .16);--font-ui: "Unica77 Cohere Web", Inter, Arial, ui-sans-serif, system-ui, sans-serif;--font-display: CohereText, "Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;--font-mono: CohereMono, "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-ui);letter-spacing:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--color-hairline);background:var(--color-nav-surface);padding:18px 14px}.mobile-nav-bar,.mobile-nav-backdrop{display:none}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 20px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius-card);background:var(--color-primary-strong);color:var(--color-on-primary);font-family:var(--font-mono);font-size:13px}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:var(--color-muted);font-size:12px}.nav-group{display:grid;gap:4px;margin-top:10px}.nav-caption{padding:18px 8px 6px;color:var(--color-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:10px;min-height:var(--control-height-touch);border-radius:var(--radius-card);padding:10px 11px;color:var(--color-muted);text-decoration:none}.nav-link:hover,.nav-link.is-active{background:var(--color-nav-hover);color:var(--color-ink)}.main-surface{min-width:0;padding:24px 28px 48px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px}.eyebrow{color:var(--color-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.topbar h1{margin:4px 0 0;font-family:var(--font-display);font-size:34px;font-weight:500;line-height:1.1;letter-spacing:0}.topbar-metrics{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.top-metric{min-width:82px;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:8px 10px}.top-metric span,.metric-label{display:block;color:var(--color-muted);font-size:12px}.top-metric strong{display:block;margin-top:2px;font-size:28px;line-height:1}.card-main-icon-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.card-main-icon-duo .metric-tile{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;min-width:0;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-hairline) 78%,var(--color-primary));border-radius:8px;background:color-mix(in oklch,var(--color-panel) 94%,var(--color-primary));gap:8px;padding:9px}.card-main-icon-duo .metric-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:color-mix(in oklch,var(--color-surface) 82%,var(--color-primary));color:var(--color-primary-strong)}.card-main-icon-duo .metric-icon-size-a{width:42px;height:42px}.card-main-icon-duo .metric-icon-size-a svg{width:23px;height:23px}.card-main-icon-duo .metric-copy,.card-main-icon-duo .metric-label{min-width:0}.card-main-icon-duo strong{display:block;margin-top:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.05}.metric-duo-stack{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.metric-duo-stack .metric-tile{grid-template-columns:1fr;justify-items:start;min-height:78px;gap:6px;padding:7px 9px}.tone-critical strong{color:var(--color-critical)}.tone-warning strong{color:var(--color-warning)}.tone-offline strong{color:var(--color-offline)}.page-flow{display:grid;gap:20px}.page-flow.narrow{max-width:880px}.connect-wide{width:min(100%,1180px);max-width:none;gap:22px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-box{display:flex;width:min(460px,100%);align-items:center;gap:8px;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:10px 12px}.search-box input,.connect-form input{width:100%;border:0;outline:0;background:transparent;color:var(--color-ink)}.search-box:focus-within,.connect-form label:focus-within{box-shadow:var(--shadow-focus)}.ui-segmented-control{display:flex;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-panel);padding:3px}.ui-segmented-control button{min-width:44px;min-height:var(--control-height);border:0;border-radius:var(--radius-pill);background:transparent;padding:7px 12px;color:var(--color-muted);text-transform:capitalize}.ui-segmented-control button.is-active{background:var(--color-primary);color:var(--color-on-primary)}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;align-items:stretch}.device-card{display:grid;min-width:0;min-height:336px;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:16px}.device-card.severity-critical{border-color:var(--color-critical-border)}.device-card.severity-warning{border-color:var(--color-warning-border)}.card-topline,.mode-row,.card-footer,.form-actions,.row-actions,.info-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-topline h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:600;line-height:1.2}.card-topline p,.card-footer span,.section-heading p,.panel-note,.table-row span{color:var(--color-muted)}.card-topline p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--color-muted)}.status-dot.online{background:var(--color-ok)}.status-dot.connecting{background:var(--color-blue)}.status-dot.offline,.status-dot.error{background:var(--color-critical)}.mode-pill,.severity-badge{border-radius:var(--radius-pill);padding:5px 9px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.mode-pill{background:var(--color-mode-standby-surface);color:var(--color-primary)}.mode-backup{background:var(--color-mode-backup-surface);color:var(--color-blue)}.mode-fault{background:var(--color-mode-fault-surface);color:var(--color-critical)}.severity-badge.severity-critical{background:var(--color-severity-critical-surface);color:var(--color-critical)}.severity-badge.severity-warning{background:var(--color-severity-warning-surface);color:var(--color-severity-warning-text)}.severity-badge.severity-ok{background:var(--color-severity-ok-surface);color:var(--color-ok)}.severity-badge.severity-info{background:var(--color-severity-info-surface);color:var(--color-blue)}.severity-badge.severity-offline{background:var(--color-severity-offline-surface);color:var(--color-offline)}.card-main{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.card-main>div{border-top:1px solid var(--color-hairline);padding-top:10px}.card-main strong{display:block;margin-top:4px;font-size:24px;line-height:1.1}.summary-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0 0 12px}.summary-list dt,.metric-line span{color:var(--color-muted);font-size:12px}.summary-list dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere}.card-footer{align-self:end;border-top:1px solid var(--color-hairline);padding-top:12px;font-size:12px}.card-topline>div,.card-footer>span{min-width:0}.card-footer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-button,.secondary-button,.text-button,.icon-button{min-height:var(--control-height);border:0;border-radius:var(--radius-pill)}.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.icon-button:focus-visible,.ui-segmented-control button:focus-visible,.nav-link:focus-visible{outline:0;box-shadow:var(--shadow-focus)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-primary);color:var(--color-on-primary);padding:10px 18px}.primary-button.small{padding:9px 14px;font-size:13px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-hairline);background:var(--color-panel);color:var(--color-ink);padding:10px 16px}.text-button{background:transparent;color:var(--color-primary);padding:7px 10px}.icon-button{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;border:1px solid var(--color-hairline);background:var(--color-panel)}.section-heading h2{margin:0;font-size:28px;font-weight:500}.connect-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end}.connect-wide .connect-form{grid-template-columns:minmax(360px,2.4fr) minmax(160px,1fr) minmax(160px,1fr) auto}.connect-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:14px;align-items:stretch}.connect-panel{display:grid;gap:14px;align-content:start;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:16px;overflow:visible}.connect-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.connect-panel-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.connect-panel-header p{margin:4px 0 0;color:var(--color-muted);font-size:13px}.connect-form.compact,.connect-wide .connect-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-form label{display:grid;gap:6px;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:10px 12px;color:var(--color-muted);font-size:12px}.form-actions{position:relative;grid-column:1 / -1;justify-content:flex-start}.form-actions.with-callout{align-items:center}.connection-callout{position:absolute;top:50%;left:calc(100% + 12px);z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;width:min(340px,42vw);transform:translateY(-50%);border:1px solid color-mix(in oklch,var(--color-warning) 42%,var(--color-hairline));border-radius:var(--radius-card);background:#fff9f1;background:oklch(98.5% .018 78);color:var(--color-ink);box-shadow:0 16px 36px #161b2029;padding:12px 13px;font-size:13px;line-height:1.35}.connection-callout svg{margin-top:1px;color:var(--color-severity-warning-text)}.connection-callout strong,.connection-callout span,.connection-callout em,.connection-callout code{display:block}.connection-callout strong{margin-bottom:3px;font-size:13px;font-weight:650}.connection-callout em{margin-top:7px;color:var(--color-muted);font-style:normal}.connection-callout code{width:fit-content;margin-top:8px;border-radius:6px;background:color-mix(in oklch,var(--color-warning) 16%,var(--color-panel));color:var(--color-severity-warning-text);padding:3px 6px;font-family:var(--font-mono);font-size:11px}.connection-callout-anchor{position:absolute;top:50%;left:-6px;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);border-bottom:1px solid color-mix(in oklch,var(--color-warning) 42%,var(--color-hairline));border-left:1px solid color-mix(in oklch,var(--color-warning) 42%,var(--color-hairline));background:inherit}.connect-wide .form-actions{grid-column:auto;align-self:stretch}.form-message{margin:0;color:var(--color-primary)}.transport-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:var(--radius-pill);padding:4px 8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.transport-badge.serial{background:var(--color-severity-info-surface);color:var(--color-blue)}.transport-badge.http{background:var(--color-severity-ok-surface);color:var(--color-ok)}.transport-badge.adapter{background:var(--color-severity-warning-surface);color:var(--color-warning)}.transport-badge.offline{background:var(--color-severity-offline-surface);color:var(--color-offline)}.table-list{display:grid;gap:8px}.table-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--color-hairline);padding:12px 0}.table-row-main{min-width:0;border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer}.table-row-main:hover strong,.table-row-main:focus-visible strong{color:var(--color-primary)}.table-row-main:focus-visible{border-radius:var(--radius-control);outline:2px solid var(--color-focus);outline-offset:4px}.table-row strong,.table-row span{display:block}.table-row .transport-badge{display:inline-flex}.status-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:18px;align-items:center;border-radius:var(--radius-card);background:var(--color-primary-strong);color:var(--color-on-primary);padding:20px}.status-band-color-warm{--amount: .45;grid-template-columns:minmax(190px,1.38fr) repeat(3,minmax(112px,.72fr)) auto;align-items:stretch;gap:1px;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-status-band-accent) calc(var(--amount) * 55%),var(--color-hairline));background:color-mix(in oklch,var(--color-status-band-accent) calc(var(--amount) * 18%),var(--color-surface));color:var(--color-ink);padding:0}.status-band-color-warm .live-cell{display:grid;gap:5px;min-height:74px;padding:16px 18px;background:color-mix(in oklch,var(--color-panel) calc(95% - var(--amount) * 8%),var(--color-status-band-cell))}.status-band-color-warm .live-cell:first-child{background:color-mix(in oklch,var(--color-surface) calc(92% - var(--amount) * 12%),var(--color-status-band-hero))}.status-band-color-warm .eyebrow{color:color-mix(in oklch,var(--color-muted) 76%,var(--color-status-band-muted))}.status-band-color-warm .live-value{color:var(--color-ink);font-size:22px;line-height:1.05}.status-band-color-warm .live-state{align-self:center;justify-self:end;margin:0 16px;--live-state-color: var(--color-status-critical);border:1px solid color-mix(in oklch,var(--live-state-color) calc(38% + var(--amount) * 28%),var(--color-hairline));background:color-mix(in oklch,var(--color-panel) calc(92% - var(--amount) * 14%),var(--live-state-color));color:color-mix(in oklch,var(--live-state-color) 82%,var(--color-ink))}.status-band-color-warm .live-state.severity-warning{--live-state-color: var(--color-status-warning)}.status-band-color-warm .live-state.severity-info{--live-state-color: var(--color-status-info)}.status-band-color-warm .live-state.severity-ok{--live-state-color: var(--color-status-ok)}.status-band-color-warm .live-state.severity-offline{--live-state-color: var(--color-status-offline)}.status-band strong{display:block;margin-top:5px;font-size:24px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-panel{border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:16px}.info-panel header{justify-content:flex-start;margin-bottom:12px}.info-panel h2{margin:0;font-size:18px}.metric-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid var(--color-hairline);padding:9px 0}.metric-line strong{text-align:right}.api-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:14px}.settings-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1fr) minmax(360px,1.1fr);gap:14px;align-items:start}.settings-layout-balanced{grid-template-columns:minmax(300px,.9fr) minmax(320px,1fr);gap:16px;align-items:stretch}.settings-layout-balanced .settings-panel{min-height:257px;grid-template-rows:auto minmax(0,1fr)}.settings-layout-balanced .settings-panel>header{min-height:24px}.settings-layout-balanced .settings-panel,.settings-layout-balanced .settings-form{height:100%}.settings-layout-balanced .settings-form{align-content:start}.settings-layout-balanced .settings-form .primary-button:last-child,.settings-layout-balanced .form-actions{margin-top:auto}.settings-layout-balanced .control-row{grid-template-columns:96px minmax(0,1fr);align-items:center}.settings-layout-balanced .control-row>span{min-width:0}.settings-layout-balanced .ui-segmented-control.is-compact{width:100%}.settings-layout-balanced .ui-segmented-control.is-compact button{flex:1}.settings-layout-balanced .log-panel{min-height:0;max-height:none}.settings-layout-balanced .settings-panel:has(.log-level-compact){grid-template-rows:auto auto minmax(0,1fr)}.settings-layout-balanced .settings-panel:has(.log-level-compact) .log-panel{align-self:stretch}.log-level-compact{align-self:start}.log-level-compact .control-row{grid-template-columns:73px minmax(0,1fr);align-items:center;gap:6px}.log-level-compact .control-row>span{font-size:11px;line-height:1}.log-level-compact .ui-segmented-control.is-compact button{min-width:36px;min-height:36px;padding:4px 9px;font-size:11px}.settings-panel,.settings-form{display:grid;gap:12px}.settings-form label{display:grid;gap:6px;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:10px 12px;color:var(--color-muted);font-size:12px}.settings-form input{width:100%;border:0;outline:0;background:transparent;color:var(--color-ink)}.settings-form label:focus-within{box-shadow:var(--shadow-focus)}.secret-note{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:12px}.control-row{display:grid;gap:7px}.control-row>span{color:var(--color-muted);font-size:12px}.ui-segmented-control.is-compact{width:max-content;max-width:100%}.ui-segmented-control.is-compact button{min-height:var(--control-height);padding:6px 10px;font-size:12px}.log-panel{display:grid;grid-auto-rows:max-content;align-content:start;max-height:360px;overflow:auto;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-code-surface)}.log-row{display:grid;grid-template-columns:74px 52px minmax(72px,.35fr) minmax(0,1fr);gap:10px;align-items:baseline;border-bottom:1px solid color-mix(in oklch,var(--color-code-text) 12%,transparent);padding:8px 10px;color:var(--color-code-text);font-family:var(--font-mono);font-size:12px}.log-row:last-child{border-bottom:0}.log-row span,.log-row code{color:color-mix(in oklch,var(--color-code-text) 72%,var(--color-muted))}.log-row strong{color:var(--color-ok);text-transform:uppercase}.log-row.level-error strong{color:var(--color-critical)}.log-row.level-warn strong{color:var(--color-warning)}.log-row p{margin:0;overflow-wrap:anywhere}.developer-console{gap:14px}.developer-console.is-expanded{position:fixed;z-index:80;inset:16px;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--color-panel);box-shadow:var(--shadow-sidebar-panel)}.developer-console>.developer-console-header{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,auto);align-items:start;justify-content:stretch;gap:12px}.developer-console-title{position:relative;display:flex;align-items:center;gap:4px;min-width:0}.developer-console-title h2{flex:0 1 auto;min-width:0;white-space:nowrap}.trace-help-bubble{position:relative;display:inline-flex;flex:0 0 var(--control-height);width:var(--control-height);height:var(--control-height)}.trace-help-trigger{display:inline-grid;width:100%;height:100%;min-height:var(--control-height);place-items:center;border:0;border-radius:999px;background:transparent;color:var(--color-muted);padding:0;transition:color .14s ease-out,background .14s ease-out}.trace-help-trigger:hover,.trace-help-trigger:focus-visible{color:var(--color-primary-strong);background:color-mix(in oklch,var(--color-panel) 84%,var(--color-green) 16%)}.trace-help-popover{position:absolute;z-index:8;inset-block-start:calc(100% + 8px);inset-inline-start:0;display:grid;width:min(340px,calc(100vw - 48px));gap:5px;border:1px solid color-mix(in oklch,var(--color-primary) 24%,var(--color-hairline));border-radius:var(--radius-card);background:var(--color-panel);box-shadow:var(--shadow-popover);padding:10px 12px;color:var(--color-muted);font-size:12px;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease-out,transform .12s ease-out}.trace-help-popover strong{color:var(--color-primary-strong);font-size:12px}.trace-help-bubble:hover .trace-help-popover,.trace-help-bubble:focus-within .trace-help-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.developer-console-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-inline-start:auto;max-width:100%;min-width:0;padding-inline-start:8px}.developer-console-ops{display:inline-flex;align-items:center;gap:6px;min-width:0}.trace-live-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-panel) 88%,var(--color-green) 12%);color:var(--color-primary-strong);padding:0 14px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .14s ease-out,border-color .14s ease-out,color .14s ease-out}.trace-live-button:hover{border-color:color-mix(in oklch,var(--color-primary) 42%,var(--color-hairline));background:color-mix(in oklch,var(--color-panel) 80%,var(--color-green) 20%)}.trace-live-button.is-following{background:var(--color-surface);color:var(--color-muted)}.switch-control{display:inline-flex;align-items:center;min-height:var(--control-height);height:var(--control-height);gap:8px;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);padding:0 12px;color:var(--color-muted);font-size:12px}.developer-console-actions .icon-button{width:var(--control-height);min-height:var(--control-height);height:var(--control-height)}.switch-control input{accent-color:var(--color-primary)}.developer-console-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block-end:8px}.developer-console-metrics .metric-line{border:1px solid var(--color-hairline);border-radius:var(--radius-card);padding:10px 12px}.trace-filter-group{display:inline-flex;align-items:center;gap:6px;min-width:0}.trace-filter-group>span,.trace-filter-count{color:var(--color-muted);font-size:12px;white-space:nowrap}.ui-segmented-control.is-quiet{display:inline-flex;max-width:100%;min-width:0;gap:2px;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-surface);padding:2px}.ui-segmented-control.is-quiet button{flex:0 0 auto;min-height:calc(var(--control-height) - 6px);border:0;border-radius:var(--radius-pill);background:transparent;padding:0 10px;color:var(--color-muted);font:inherit;font-size:12px;cursor:pointer}.ui-segmented-control.is-quiet button:hover,.ui-segmented-control.is-quiet button:focus-visible{color:var(--color-primary-strong)}.ui-segmented-control.is-quiet .is-active{background:var(--color-panel);color:var(--color-primary-strong)}.trace-select-control{display:none}.trace-select-control>span{color:var(--color-muted);font-size:12px;white-space:nowrap}.ui-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-width:0;min-height:var(--control-height);gap:10px;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);padding:0 14px 0 16px;font:inherit;font-size:12px;cursor:pointer}.ui-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-trigger:focus-visible,.ui-select-trigger[data-state=open]{outline:0;box-shadow:var(--shadow-focus)}.ui-select-trigger svg{flex:0 0 auto;color:var(--color-muted)}.ui-select-content{z-index:120;overflow:hidden;min-width:8rem;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);box-shadow:var(--shadow-command-panel);color:var(--color-ink)}.ui-select-content-popper{transform-origin:var(--radix-select-content-transform-origin)}.ui-select-viewport{padding:4px}.ui-select-viewport-popper{width:var(--radix-select-trigger-width);min-width:var(--radix-select-trigger-width)}.ui-select-scroll-button{display:grid;min-height:28px;place-items:center;color:var(--color-muted)}.ui-select-label{padding:6px 28px 6px 8px;color:var(--color-muted);font-size:12px}.ui-select-item{position:relative;display:flex;min-height:36px;align-items:center;border-radius:6px;padding:0 28px 0 30px;font-size:13px;outline:0;cursor:default;-webkit-user-select:none;user-select:none}.ui-select-item[data-highlighted]{background:color-mix(in oklch,var(--color-primary) 10%,var(--color-panel));color:var(--color-primary-strong)}.ui-select-item[data-disabled]{opacity:.5;pointer-events:none}.ui-select-item-indicator{position:absolute;left:8px;display:grid;width:16px;place-items:center;color:var(--color-primary)}.ui-select-separator{height:1px;margin:4px;background:var(--color-hairline)}.trace-search{display:inline-flex;align-items:center;width:clamp(150px,18vw,260px);min-width:0;min-height:var(--control-height);gap:6px;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-surface);padding:0 10px;color:var(--color-muted)}.trace-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-ink);font:inherit;font-size:12px}.trace-mode-tabs{margin-inline-end:8px}.trace-mode-tabs .is-active{background:color-mix(in oklch,var(--color-primary) 12%,var(--color-panel));color:var(--color-primary-strong)}.trace-panel{display:grid;max-height:720px;overflow:auto;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-code-surface)}.trace-panel.is-virtualized{display:block}.developer-console.is-expanded .trace-panel{max-height:none;min-height:0}.trace-virtual-spacer{position:relative;min-width:100%}.trace-virtual-item{position:absolute;inset-inline:0;top:0;box-sizing:border-box}.trace-row{display:grid;grid-template-columns:62px 30px 46px minmax(58px,92px) minmax(0,1fr);column-gap:8px;row-gap:6px;align-items:baseline;border-bottom:1px solid color-mix(in oklch,var(--color-code-text) 12%,transparent);padding:7px 10px 8px;color:var(--color-code-text);font-family:var(--font-mono);font-size:12px;line-height:1.34}.trace-row:last-child{border-bottom:0}.trace-compare-group{display:grid;border-bottom:1px solid color-mix(in oklch,var(--color-code-text) 12%,transparent)}.trace-compare-group:last-child{border-bottom:0}.trace-compare-group .trace-row{border-bottom:0}.trace-row-original{background:color-mix(in oklch,var(--color-code-surface) 88%,var(--color-warning) 12%)}.trace-row span,.trace-row code,.trace-row em{color:color-mix(in oklch,var(--color-code-text) 72%,var(--color-muted));font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-row strong{color:var(--color-blue);text-transform:uppercase}.trace-row.kind-raw strong,.trace-row.kind-ignored strong,.trace-row.kind-defmt strong{color:var(--color-warning)}.trace-row.kind-ignored{background:color-mix(in oklch,var(--color-code-surface) 90%,var(--color-warning) 10%)}.trace-diagnostic-tag{display:inline-flex;align-items:center;min-height:18px;margin-inline-end:8px;border:1px solid color-mix(in oklch,var(--color-warning) 52%,var(--color-code-text));border-radius:4px;background:color-mix(in oklch,var(--color-warning) 22%,var(--color-code-surface));color:color-mix(in oklch,var(--color-code-text) 76%,var(--color-warning) 24%);padding:0 5px;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase;vertical-align:text-bottom}.trace-row p{margin:0;overflow-wrap:anywhere}.trace-row>p{color:color-mix(in oklch,var(--color-code-text) 92%,var(--color-muted));font-weight:650}.trace-row>p.trace-message-inline{grid-column:5;max-width:none;font-size:13px;line-height:1.38}.trace-row mark{border-radius:3px;background:color-mix(in oklch,var(--color-warning) 72%,transparent);color:var(--color-code-surface);padding:0 2px}.trace-row pre,.trace-row-body{grid-column:1 / -1;overflow:auto;max-height:180px;margin:0;border-top:1px solid color-mix(in oklch,var(--color-code-text) 10%,transparent);padding-top:7px}.trace-row-body{max-height:none}.trace-message-readable{display:grid;gap:6px}.trace-message-lead{color:color-mix(in oklch,var(--color-code-text) 96%,var(--color-green) 4%);font-size:12px;font-weight:700}.trace-message-diagnostic{gap:3px;color:color-mix(in oklch,var(--color-code-text) 78%,var(--color-warning) 22%)}.trace-message-diagnostic .trace-message-lead{color:color-mix(in oklch,var(--color-code-text) 70%,var(--color-warning) 30%)}.trace-message-diagnostic p:last-child{margin:0;color:color-mix(in oklch,var(--color-code-text) 62%,var(--color-muted));font-size:11px;font-weight:500}.trace-field-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:4px;margin:0}.trace-field{display:grid;grid-template-columns:minmax(44px,.55fr) minmax(42px,1fr);gap:6px;align-items:baseline;min-width:0;border:1px solid color-mix(in oklch,var(--color-code-text) 12%,transparent);border-radius:4px;background:color-mix(in oklch,var(--color-code-surface) 86%,var(--color-green) 14%);padding:4px 6px}.trace-field dt,.trace-field dd{min-width:0;margin:0;overflow-wrap:anywhere}.trace-field dt{color:color-mix(in oklch,var(--color-code-text) 58%,var(--color-muted));font-size:10px;text-transform:uppercase}.trace-field dd{color:var(--color-code-text);font-size:11px;font-weight:650}.developer-console.wrap-lines .trace-row pre,.developer-console.wrap-lines .trace-row-body{white-space:pre-wrap;overflow-wrap:anywhere}.developer-console.no-wrap-lines .trace-row pre,.developer-console.no-wrap-lines .trace-row-body{white-space:pre;overflow-wrap:normal}.developer-console.is-expanded .trace-row pre{max-height:320px}.json-view{overflow:auto;max-height:680px;margin:0;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-code-surface);color:var(--color-code-text);padding:16px;font-family:var(--font-mono);font-size:12px;line-height:1.55}.empty-state{display:grid;max-width:480px;gap:12px;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel);padding:28px}.fleet-empty{grid-column:1 / -1}@media(max-width:1180px){.developer-console>.developer-console-header{grid-template-columns:minmax(0,1fr)}.developer-console-actions{width:100%;margin-inline-start:0;justify-content:flex-start}.developer-console-ops{margin-inline-start:auto}.trace-search{flex:1 1 220px;width:auto}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;z-index:30;height:auto;padding:0;border-right:0;border-bottom:1px solid var(--color-hairline);background:var(--color-canvas)}.mobile-nav-bar{display:flex;min-height:60px;align-items:center;gap:12px;padding:10px 14px}.mobile-nav-title{display:grid;gap:1px}.mobile-nav-title strong{font-size:15px;line-height:1.1}.mobile-nav-title span{color:var(--color-muted);font-size:12px}.mobile-nav-backdrop{position:fixed;z-index:35;inset:0;border:0;background:var(--color-overlay)}.sidebar.is-open .mobile-nav-backdrop{display:block}.sidebar-panel{position:fixed;z-index:40;inset:0 auto 0 0;width:min(82vw,304px);overflow-y:auto;border-right:1px solid var(--color-hairline);background:var(--color-sidebar-panel);box-shadow:var(--shadow-sidebar-panel);padding:16px 12px;transform:translate(-104%);transition:transform .18s ease-out}.sidebar.is-open .sidebar-panel{transform:translate(0)}.topbar,.toolbar{flex-direction:column;align-items:stretch}.detail-grid,.detail-grid.three,.api-layout,.settings-layout,.connect-grid,.connect-form,.status-band{grid-template-columns:1fr}.developer-console-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.trace-help-popover{inset-inline-start:50%;inset-inline-end:auto;width:min(300px,calc(100vw - 36px));transform:translate(-50%) translateY(-2px)}.trace-help-bubble:hover .trace-help-popover,.trace-help-bubble:focus-within .trace-help-popover{transform:translate(-50%) translateY(0)}.trace-row{grid-template-columns:72px 36px minmax(64px,1fr)}.developer-console.is-expanded{inset:8px}.developer-console>.developer-console-header{align-items:stretch}.developer-console-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:8px}.trace-filter-group,.ui-segmented-control.is-quiet,.trace-search,.developer-console-ops{width:100%}.ui-segmented-control.is-quiet,.trace-mode-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-segmented-control.is-quiet button,.trace-mode-tabs button{width:100%;min-width:max-content;text-align:center}.trace-search{width:100%}.developer-console-ops{justify-content:flex-end;margin-inline-start:0}.trace-row em,.trace-row p{grid-column:1 / -1}.trace-filter-label{display:none}.trace-filter-group{display:block}.trace-filter-group .trace-select-control{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;width:100%}.connect-form.compact,.connect-wide .connect-form.compact{grid-template-columns:1fr}.connection-callout{position:relative;top:auto;left:auto;width:min(100%,380px);margin-top:10px;transform:none}.connection-callout-anchor{top:-6px;left:24px;transform:rotate(135deg)}.status-band-color-warm{grid-template-columns:1fr 1fr}.status-band-color-warm .live-state{justify-self:start;margin:0}}@media(max-width:520px){.main-surface{padding:18px 14px 36px}.connect-adapt-command{padding-bottom:88px}.connect-adapt-command .topbar{position:sticky;top:60px;z-index:12;margin:-18px -14px 14px;padding:14px;border-bottom:1px solid var(--color-hairline);background:var(--color-mobile-topbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connect-adapt-command .topbar h1{font-size:28px}.topbar-metrics{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.topbar-metrics .top-metric{flex:1 1 0;min-width:0;padding:6px 4px 7px;text-align:center}.topbar-metrics .top-metric span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.topbar-metrics .top-metric strong{margin-top:1px;font-size:28px;line-height:1}.fleet-grid{grid-template-columns:1fr;min-width:0}.device-card{padding:14px}.mode-row{flex-wrap:wrap}.metric-duo-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-duo-stack .metric-tile{min-width:0}.summary-list{grid-template-columns:minmax(68px,auto) minmax(0,1fr);gap:8px 12px}.ui-segmented-control{overflow-x:auto}.connect-adapt-command .connect-wide{gap:14px}.connect-adapt-command .section-heading{border:1px solid var(--color-hairline);border-radius:var(--radius-card);padding:14px;background:var(--color-panel)}.connect-adapt-command .section-heading h2{font-size:22px}.connect-adapt-command .section-heading p{max-width:34rem;margin-top:6px;font-size:14px}.connect-adapt-command .connect-form{position:sticky;bottom:14px;z-index:16;grid-template-columns:1fr;gap:8px;border:1px solid color-mix(in oklch,var(--color-primary) 42%,var(--color-hairline));border-radius:12px;padding:10px;background:var(--color-panel);box-shadow:var(--shadow-command-panel)}.connect-adapt-command .connect-grid .connect-form{position:static;box-shadow:none}.connect-adapt-command .connect-form label{min-height:56px}.connect-adapt-command .connect-wide .form-actions,.connect-adapt-command .form-actions{display:grid;grid-column:auto;grid-template-columns:1fr 1fr;gap:8px}.connect-adapt-command .primary-button,.connect-adapt-command .secondary-button,.connect-adapt-command .icon-button{min-height:var(--control-height-touch)}.connect-adapt-command .table-list{gap:0;overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-panel)}.connect-adapt-command .table-row{min-height:56px;padding:10px 12px;border-top:0;border-bottom:1px solid var(--color-hairline)}.connect-adapt-command .table-row:last-child{border-bottom:0}.log-row{grid-template-columns:64px 46px minmax(0,1fr)}.log-row code{display:none}.developer-console{gap:12px}.developer-console.is-expanded{inset:6px}.developer-console-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.trace-mode-tabs{display:none}.trace-select-control{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;width:100%;min-width:0}.trace-select-control>span{overflow:hidden;padding-inline:2px;text-overflow:ellipsis}.trace-select-control .ui-select-trigger{min-height:var(--control-height-touch);gap:8px;padding-inline:16px 14px;font-size:14px}.ui-segmented-control.is-quiet button,.trace-mode-tabs button{min-height:var(--control-height-touch);padding:0 12px}.trace-search{grid-column:1 / -1;min-height:var(--control-height-touch)}.trace-filter-count{grid-column:1 / -1}.developer-console-ops{grid-column:1 / -1;justify-content:space-between}.trace-live-button{flex:1 1 auto;min-width:0}.switch-control{min-height:var(--control-height-touch);height:var(--control-height-touch)}.developer-console-actions .icon-button{width:var(--control-height-touch);min-height:var(--control-height-touch);height:var(--control-height-touch)}.trace-panel{max-height:min(58vh,560px)}.trace-row{grid-template-columns:64px 34px minmax(0,1fr);gap:6px 8px;padding:8px;font-size:11px}.trace-row span,.trace-row strong,.trace-row code,.trace-row em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-row pre{max-height:140px}}