:root{color-scheme:light;--canvas: #F4F4F8;--surface: #FFFFFF;--surface-muted: #F4F4F8;--surface-inset: #F9F9FA;--surface-raised: #EFF0F4;--border: #E6E7EB;--border-subtle: #EFF0F4;--border-strong: #D6D6DE;--control-border: #BEBECB;--text: #30313E;--text-muted: #8A8C9F;--text-secondary: #676979;--text-readout: #464958;--accent: #3E68FF;--status-healthy: #2E7D4F;--status-healthy-bg: #E8F5E9;--status-degraded: #9E7A11;--status-degraded-bg: #FBEDC3;--status-down: #C24647;--status-down-bg: #FDEDF0;--status-unknown: #8A8C9F;--status-unknown-bg: #EFF0F4;--status-unknown-dot: #BEBECE;--danger-border: #F1464B;--chart-surface: #F9FAFD;--chart-rule: #E9ECF3;--chart-selection: #E8EDFA;--chart-range: #DDE6FF;--chart-whisker: #C3D2FF;--chart-gap: #E2E3EA;--chart-marker: #272A3A;--timeline-healthy: #2E7D4F;--timeline-degraded: #9E7A11;--timeline-down: #C24647;--timeline-unknown: #BEBECE;--event-degraded: #C47C00;--event-down: #DF3445;--switch-active-thumb: #272E4B;--switch-active-icon: #DEE5FF;color:var(--text);background:var(--canvas);font-family:Inter,system-ui,sans-serif;line-height:1.5}:root[data-theme=dark]{color-scheme:dark;--canvas: #161618;--surface: #1F1F23;--surface-muted: #25252B;--surface-inset: #19191D;--surface-raised: #2B2B33;--border: #35353F;--border-subtle: #303038;--border-strong: #595964;--control-border: #595964;--text: #EDEDF1;--text-muted: #AAABB8;--text-secondary: #B9BAC6;--text-readout: #C7C8D3;--accent: #8DA6FF;--status-healthy: #79D6A1;--status-healthy-bg: #20352B;--status-degraded: #F0CC7B;--status-degraded-bg: #3D3423;--status-down: #FF909C;--status-down-bg: #40282E;--status-unknown: #ACADC0;--status-unknown-bg: #303039;--status-unknown-dot: #ACADC0;--danger-border: #FF909C;--chart-surface: #1B1B21;--chart-rule: #34343F;--chart-selection: #282B3C;--chart-range: #313C64;--chart-whisker: #677DB2;--chart-gap: #707080;--chart-marker: #EDEDF1;--timeline-healthy: #579E75;--timeline-degraded: #BFA054;--timeline-down: #E07682;--timeline-unknown: #737388;--event-degraded: #F0CC7B;--event-down: #FF909C}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{margin:0 auto;max-width:1200px;padding:24px 20px 40px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.topbar-left{align-items:center;display:flex;gap:12px}.topbar-actions{display:flex;align-items:center;gap:20px}.theme-switch{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px;padding:9px 10px 9px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:.75rem;cursor:pointer}.theme-switch:hover{border-color:var(--control-border)}.theme-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-switch-track{display:flex;align-items:center;width:39px;height:22px;padding:2px;border:1px solid var(--control-border);border-radius:15px;background:var(--surface-raised)}.theme-switch-thumb{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--surface);color:var(--text-secondary);transition:transform .15s ease}.theme-switch-thumb svg{width:11px;height:11px}.theme-switch[aria-checked=true] .theme-switch-track{background:var(--accent);border-color:var(--accent)}.theme-switch[aria-checked=true] .theme-switch-thumb{transform:translate(17px);background:var(--switch-active-thumb);color:var(--switch-active-icon)}.wildcat-icon{height:36px;width:36px;flex-shrink:0;transition:color .3s ease}.wildcat-icon-healthy{color:var(--status-healthy)}.wildcat-icon-degraded{color:var(--status-degraded)}.wildcat-icon-down{color:var(--status-down)}.wildcat-icon-unknown{color:var(--status-unknown)}.topbar h1,.panel h2,.summary-value,strong{font-family:Liberation Sans,Inter,system-ui,sans-serif;font-weight:700}.topbar h1{font-size:clamp(1.2rem,3vw,1.6rem);letter-spacing:-.02em;margin:0;line-height:1.2}.eyebrow,.meta-label{color:var(--text-muted);font-size:.68rem;letter-spacing:.1em;margin:2px 0 0;text-transform:uppercase}.meta-block{display:grid;gap:2px;justify-items:end;width:9rem;min-width:0}.meta-value{font-size:.9rem;color:var(--text);font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-value-warning{color:var(--status-degraded)}.summary-strip{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 14px;margin-bottom:16px;flex-wrap:wrap}.summary-item{display:flex;align-items:baseline;gap:6px;padding:2px 0}.summary-divider{width:1px;height:20px;background:var(--border);margin:0 6px}.summary-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.summary-value{font-size:1.1rem}.tone-healthy .summary-value{color:var(--status-healthy)}.tone-degraded .summary-value{color:var(--status-degraded)}.tone-down .summary-value{color:var(--status-down)}.tone-unknown .summary-value,.tone-neutral .summary-value{color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.panel+.panel{margin-top:12px}.service-board{display:grid;gap:12px}.type-group{border:1px solid var(--border);border-radius:6px;background:var(--surface);overflow:hidden}.type-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-muted);border-bottom:1px solid var(--border)}.type-header h3{font-family:Liberation Sans,Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase;color:var(--text)}.type-count{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--surface-raised);border-radius:3px;padding:1px 5px}.service-tag{font-size:.68rem;font-weight:500;color:var(--text-muted);background:var(--surface-raised);border-radius:3px;padding:1px 6px;text-transform:capitalize}.service-list{display:grid;gap:0}.service-row{background:var(--surface);border-bottom:1px solid var(--border-subtle);display:grid;gap:8px;padding:6px 12px}.service-row:last-child{border-bottom:none}.service-row:hover{background:var(--surface-inset)}.service-toggle{background:transparent;border:0;color:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;text-align:left;width:100%}.service-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.service-metric{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.service-signal{min-width:100px}.service-age{min-width:56px;text-align:right}.service-detail-panel{background:var(--surface-inset);border-radius:6px;display:grid;gap:10px;padding:10px}.detail-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-details,.detail-card-wide{grid-column:1 / -1}.gateway-note{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0}.gateway-component{border-top:1px solid var(--border);padding-top:8px}.gateway-component-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:.8rem}.gateway-component-header>span{color:var(--text-secondary)}.gateway-route{border-bottom:1px solid var(--border-subtle);font-size:.8rem}.gateway-route>summary{cursor:pointer;padding:8px 0;line-height:1.8}.gateway-route>summary>span{margin-right:8px}.gateway-route-redundancy{color:var(--text-secondary)}.gateway-route>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gateway-providers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;padding:4px 0 12px}.gateway-provider{border-left:2px solid var(--border);padding-left:10px;min-width:0}.gateway-provider dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:8px 0 0;font-size:.75rem}.gateway-provider dt{color:var(--text-secondary)}.gateway-provider dd{margin:0;overflow-wrap:anywhere}.gateway-capacity-body{display:grid;gap:6px;padding:0 0 10px;max-width:500px}.gateway-capacity table{width:100%;border-collapse:collapse;font-size:.72rem;font-variant-numeric:tabular-nums}.gateway-capacity th,.gateway-capacity td{padding:5px 3px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}.gateway-capacity th:first-child{text-align:left;padding-left:0}.gateway-capacity th:last-child,.gateway-capacity td:last-child{padding-right:0}.gateway-capacity th{font-weight:500}.gateway-capacity thead{color:var(--text-secondary);font-size:.65rem}.gateway-capacity-buffers{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:2px 0;font-size:.72rem}.gateway-capacity-buffers dt{color:var(--text-secondary)}.gateway-capacity-buffers dd{margin:0;text-align:right;overflow-wrap:anywhere}.gateway-status-map{align-content:start;min-width:0}.gateway-map-scroll{overflow-x:auto}.gateway-map-grid{display:grid;gap:5px 6px;align-items:start}.gateway-map-row{display:contents}.gateway-map-label{color:var(--text-secondary);font-size:.7rem;line-height:24px;white-space:nowrap}.gateway-map-chain{align-self:end;font-size:.68rem;line-height:1.3;padding-bottom:3px;text-align:center;white-space:normal}.gateway-map-protocol{text-align:right}.gateway-map-cell{display:grid;gap:4px}.gateway-map-tile{border:0;border-radius:3px;height:24px;padding:0 2px;font:inherit;font-size:.66rem;font-weight:600;cursor:pointer}.gateway-map-tile:hover,.gateway-map-tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gateway-incident .incident-evidence{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px}.gateway-incident .incident-evidence dl{margin:0}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;display:grid;gap:8px;padding:10px}.detail-card-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.detail-card-header h5{font-family:Liberation Sans,Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase;color:var(--text-muted)}.detail-card-header span{color:var(--text-muted);font-size:.72rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.incident-detail p,.detail-error{color:var(--text-muted)}.latency-history{align-content:start;grid-template-rows:auto 1fr auto;min-width:0}.latency-history .detail-card-header>span{white-space:nowrap}.latency-frame{display:flex;align-items:center;min-height:88px;background:var(--chart-surface);border-radius:3px}.latency-chart{display:block;width:100%;height:88px;cursor:crosshair}.latency-rule{stroke:var(--chart-rule);vector-effect:non-scaling-stroke}.latency-chart:focus-visible,.status-ribbon:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.latency-chart:focus:not(:focus-visible),.status-ribbon:focus:not(:focus-visible){outline:none}.status-ribbon-frame{display:grid;gap:4px;min-width:0}.status-ribbon{display:block;width:100%;height:34px;cursor:crosshair}.history-readout{font-size:.75rem;color:var(--text-readout);min-height:1.4em;line-height:1.5}.chart-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;font-size:.72rem;font-variant-numeric:tabular-nums}.chart-readout>span{white-space:nowrap}.chart-readout strong{font-weight:500}.ribbon-readout{column-gap:clamp(3px,1vw,12px)}.incident-evidence p{overflow-wrap:anywhere}.incident-evidence dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;font-size:.75rem}.incident-evidence dt{color:var(--text-secondary)}.incident-evidence dd{margin:0;overflow-wrap:anywhere}.chain-status-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.chain-status-card{border-radius:6px;display:grid;gap:2px;justify-items:start;padding:10px}.chain-status-name{font-size:.9rem;font-weight:700;line-height:1.2}.chain-status-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.incident-detail p{margin:0}.panel{padding:14px}.panel-header{margin-bottom:10px}.panel h2{font-size:.85rem;letter-spacing:.06em;margin:0;text-transform:uppercase;color:var(--text)}.incident-list{display:grid;gap:0}.incident-row{align-items:center;display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-subtle)}.incident-row:last-child{border-bottom:none}.status-chip{border-radius:3px;font-size:.7rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.status-healthy{background:var(--status-healthy-bg);color:var(--status-healthy)}.status-degraded{background:var(--status-degraded-bg);color:var(--status-degraded)}.status-down{background:var(--status-down-bg);color:var(--status-down)}.status-unknown{background:var(--status-unknown-bg);color:var(--status-unknown)}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot.status-healthy{background:var(--status-healthy)}.status-dot.status-degraded{background:var(--status-degraded)}.status-dot.status-down{background:var(--status-down)}.status-dot.status-unknown{background:var(--status-unknown-dot)}.empty-state{color:var(--text-muted);margin:0;font-size:.85rem}@media(max-width:860px){.detail-grid{grid-template-columns:1fr}.chain-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:start;flex-direction:column}.meta-block{justify-items:start}.topbar-actions{width:100%;justify-content:space-between;gap:12px}.service-toggle,.incident-row{flex-wrap:wrap;row-gap:4px}.service-name{flex-basis:calc(100% - 24px);white-space:normal;overflow:visible;text-overflow:unset}.service-signal,.service-age{display:none}}@media(prefers-reduced-motion:reduce){.theme-switch-thumb,.wildcat-icon{transition:none}}