:root{font-size:14px;line-height:1.4;font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #091526;--sidebar: #0c1a2e;--panel: #11223a;--panel-raised: #182f4e;--panel-hover: #1b3557;--text: #f7faff;--muted: #dbe5f4;--subtle: #bccce1;--accent: #8ab1f4;--accent-rgb: 93, 139, 218;--accent-ink: #ffffff;--primary: #2454a0;--selection-bg: #1d4277;--selection-text: #ffffff;--selection-border: #436a9d;--border: #293e5b;--border-soft: #223650;--healthy: #6bd3a9;--watch: #e2b966;--abnormal: #ee995e;--fault: #ed777f;--repair: #ad9def;--frame: #829fc5;--frame-dim: #47658d;--steel: #38577e;--steel-bright: #9db6da;--grid: #243e61;--shadow: 0 14px 40px rgba(0, 0, 0, .12);color-scheme:dark}:root[data-theme=light]{--background: #f1f4f9;--sidebar: #f9fbff;--panel: #fff;--panel-raised: #eaf0f9;--panel-hover: #e9eff9;--text: #182d4e;--muted: #536988;--subtle: #637897;--accent: #173e7a;--accent-rgb: 23, 62, 122;--primary: #173e7a;--selection-bg: #173e7a;--selection-text: #ffffff;--selection-border: #173e7a;--accent-ink: #fff;--border: #c3d1e5;--border-soft: #dbe4f1;--healthy: #188363;--watch: #976619;--abnormal: #bd5a1a;--fault: #c1444e;--repair: #7560b8;--frame: #526f99;--frame-dim: #96abc9;--steel: #99adc9;--steel-bright: #56749f;--grid: #d3dfef;--shadow: 0 12px 35px rgba(40, 67, 78, .035);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button{transition:background .18s,border-color .18s,color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input,select{border-radius:5px}input,select{border:1px solid var(--border);background:var(--panel-raised);color:var(--text);padding:8px 12px;min-width:0}select{cursor:pointer}input[type=range]{padding:0;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}input[role=switch]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:35px;height:21px;border-radius:30px;padding:2px;background:var(--border);flex-shrink:0;cursor:pointer}input[role=switch]:before{content:"";display:block;height:15px;width:15px;border-radius:50%;background:var(--muted);transition:transform .2s}input[role=switch]:checked{background:var(--primary);border-color:var(--primary)}input[role=switch]:checked:before{background:var(--accent-ink);transform:translate(13px)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}a{color:inherit;text-decoration:none}.mono,.point-value,.key-metric strong,.summary-main strong{font-variant-numeric:tabular-nums;font-family:Bahnschrift,Segoe UI,Microsoft YaHei,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:212px;background:var(--sidebar);border-right:1px solid var(--border);padding:22px 16px 0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:15}.brand{display:flex;align-items:center;gap:8px;margin:0 6px 37px}.brand-symbol{width:40px;height:40px;flex-shrink:0}.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}.brand strong{font-size:19px;font-weight:650;letter-spacing:.6px}.brand small{display:block;font-size:13px;letter-spacing:.4px;color:var(--muted);margin-top:6px}.sidebar-section-label{display:flex;justify-content:space-between;color:var(--subtle);font-size:12px;letter-spacing:1.8px;padding:0 15px;margin-bottom:14px}.sidebar-section-label span{opacity:.7}.sidebar nav{display:flex;flex-direction:column;gap:9px}.nav-item{display:flex;align-items:center;gap:10px 13px;padding:12px 14px;min-height:50px;border-radius:6px;color:var(--muted);position:relative;border:1px solid transparent}.nav-item strong{display:block;font-size:16px;font-weight:500;letter-spacing:.4px}.nav-item.active{background:var(--selection-bg);color:var(--selection-text);border-color:var(--selection-border)}.nav-item.active:before{content:"";width:3px;height:23px;background:var(--accent);border-radius:3px;position:absolute;left:-17px}.nav-item:hover{background:var(--panel-hover)}.nav-active-dot{width:4px;height:4px;border-radius:50%;background:currentColor;margin-left:auto;display:none}.active .nav-active-dot{display:inline}.sidebar-bottom{margin-top:auto;padding-top:48px}.demo-launcher{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:1px solid var(--border);background:transparent;font-size:14px;color:var(--muted)}.demo-launcher:hover{color:var(--accent);border-color:var(--accent)}.demo-launcher>svg:last-child{margin-left:auto}.demo-user{display:flex;align-items:center;gap:10px;padding:17px 4px;margin-top:17px;border-top:1px solid var(--border)}.avatar{width:31px;height:31px;border-radius:6px;display:grid;place-items:center;background:var(--panel-raised);border:1px solid var(--border);color:var(--accent);font-size:13px}.demo-user strong{font-weight:500;font-size:14px}.demo-user small{font-size:12px;color:var(--subtle);display:block;margin-top:4px}.demo-user>svg{margin-left:auto;color:var(--subtle)}.app-body{margin-left:212px;width:calc(100% - 212px);display:flex;flex-direction:column;min-width:0}.topbar{min-height:60px;padding:0 28px;display:flex;align-items:center;gap:20px 25px;border-bottom:1px solid var(--border);background:var(--sidebar)}.location{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.breadcrumb-slash{opacity:.5;margin:0 9px}.region-select{display:flex;align-items:center;gap:6px;padding:7px 10px;color:var(--accent);border:1px solid var(--border);border-radius:5px;background:var(--panel)}.region-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;font-size:14px;color:inherit;min-width:48px}.region-select select option{background:var(--panel);color:var(--text)}.region-select:hover{border-color:var(--accent)}.tooling-select{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 10px;border:1px solid var(--border);background:var(--panel);border-radius:5px}.tooling-select>svg:first-child{color:var(--accent)}.tooling-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0 3px;font-size:14px;min-width:114px}.tooling-select select option{background:var(--panel)}.topbar-actions{display:flex;align-items:center;gap:10px 12px;margin-left:auto}.prototype-label{display:flex;align-items:center;gap:6px;border:1px solid var(--border);color:var(--muted);padding:6px 9px;font-size:13px;border-radius:4px;margin-right:7px}.prototype-label .dot{color:var(--watch);width:4px;height:4px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:31px;height:31px;border:1px solid transparent;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--panel-hover);color:var(--accent)}.notification-button{position:relative}.notification-button>span{background:var(--watch);width:4px;height:4px;border-radius:50%;position:absolute;right:6px;top:4px;border:2px solid var(--sidebar);box-sizing:content-box}.context-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 15px;padding:10px 28px;border-bottom:1px solid var(--border-soft);font-size:13px}.context-tooling{display:flex;gap:7px;align-items:center;color:var(--muted)}.context-tooling>.dot{color:var(--accent);width:4px;height:4px}.context-part{color:var(--subtle);padding-left:12px;margin-left:9px;border-left:1px solid var(--border)}.chain{display:flex;align-items:center;gap:11px;padding:0;border:none;background:transparent;color:var(--muted);font-size:13px}.chain>span{display:flex;align-items:center;gap:6px}.chain>svg{opacity:.45}.chain .dot{width:4px;height:4px}.chain b{font-weight:400;font-size:12px}.chain:hover{color:var(--accent)}main{flex:1;padding:22px 28px 20px;min-width:0;outline:none}.page{animation:page-enter .28s ease}@keyframes page-enter{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px 15px;margin-bottom:18px}h1{font-size:30px;letter-spacing:1px;font-weight:550;line-height:1.25}.page-heading p{color:var(--muted);font-size:14px;margin-top:7px;line-height:1.45}.page-heading-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.live-indicator{display:flex;align-items:center;gap:6px;font-size:14px}.update-time{color:var(--subtle);font-size:13px}.update-time b{color:var(--muted);font-weight:400;margin-left:7px;font-variant-numeric:tabular-nums}.page-context-badge{font-size:14px;color:var(--muted);background:var(--panel);border:1px solid var(--border);padding:8px 12px;border-radius:4px}.page-context-badge>span{margin:0 7px;color:var(--subtle)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.healthy-dot,.status-color-healthy{color:var(--healthy)}.watch-dot,.status-color-watch{color:var(--watch)}.status-color-abnormal{color:var(--abnormal)}.fault-dot,.status-color-fault{color:var(--fault)}.status-color-repair{color:var(--repair)}.muted-dot,.status-color-offline,.status-color-stale,.status-color-invalid{color:var(--subtle)}.status{display:inline-flex;align-items:center;gap:5px;font-size:14px;line-height:1.1;white-space:nowrap;padding:7px 9px;border-radius:4px;background:color-mix(in srgb,currentColor 9%,transparent);border:1px solid color-mix(in srgb,currentColor 17%,transparent)}.status-small{font-size:13px;padding:5px 7px}.status-healthy{color:var(--healthy)}.status-watch{color:var(--watch)}.status-abnormal{color:var(--abnormal)}.status-fault{color:var(--fault)}.status-repair{color:var(--repair)}.quality{display:inline-flex;gap:5px;align-items:center;font-size:13px;color:var(--healthy);white-space:nowrap}.quality-stale,.quality-missing{color:var(--watch)}.quality-invalid{color:var(--fault)}.quality .dot{width:4px;height:4px}.summary-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:11px 14px;margin-bottom:15px}.summary-card{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:13px 18px;box-shadow:var(--shadow);min-width:0}.health-summary{background:linear-gradient(110deg,color-mix(in srgb,currentColor 6%,var(--panel)),var(--panel));border-color:color-mix(in srgb,currentColor 25%,var(--border));position:relative}.health-summary:before{content:"";position:absolute;width:2px;top:22px;bottom:22px;left:-1px;background:currentColor}.summary-label{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--muted)}.summary-label>span{margin-left:auto;color:var(--subtle);font-size:12px;font-family:Bahnschrift,sans-serif}.summary-main{display:flex;align-items:baseline;gap:10px 13px;margin-top:11px;height:33px}.summary-main strong{font-size:28px;font-weight:500;white-space:nowrap;color:var(--text)}.health-summary .summary-main strong{color:inherit}.summary-main .status{margin-left:auto}.summary-main .icon-button{margin-left:auto;width:23px;height:23px}.summary-unit{font-size:14px;color:var(--subtle)}.summary-card p{display:flex;align-items:center;gap:5px;color:var(--muted);margin-top:8px;font-size:13px;line-height:1.4}.summary-separator{width:1px;height:10px;background:var(--border);margin:0 5px}.summary-tag{font-size:12px;color:var(--subtle);margin-left:auto;padding:1px 3px;border:1px solid var(--border);white-space:nowrap;border-radius:2px}.signal-bars{display:inline-flex;align-items:flex-end;gap:3px;color:var(--accent);margin-left:auto}.signal-bars i{background:currentColor;width:4px;border-radius:1px}.signal-bars i:nth-child(1){height:6px}.signal-bars i:nth-child(2){height:10px}.signal-bars i:nth-child(3){height:14px}.signal-bars i:nth-child(4){height:18px}.signal-off{color:var(--subtle)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;min-width:0;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:15px 21px;min-height:52px}.panel-heading h2{font-size:16px;font-weight:550;letter-spacing:.4px;line-height:1.4}.eyebrow{font-size:12px;color:var(--subtle);letter-spacing:1.3px;display:block;margin-bottom:6px}.panel-meta{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.7px;color:var(--muted)}.panel-meta .dot{width:4px;height:4px}.panel-divider{height:9px;width:1px;background:var(--border);margin:0 8px}.overview-hero{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:16px 20px;margin-bottom:15px}.structure-panel{background:radial-gradient(ellipse at 45% 42%,rgba(var(--accent-rgb),.045),transparent 60%),var(--panel)}.structure-panel>.panel-heading{padding-bottom:10px}.diagram-wrap{position:relative}.diagram-toolbar{display:flex;justify-content:space-between;align-items:center;padding:3px 21px}.diagram-mode{display:flex;align-items:center;gap:2px;border:1px solid var(--border);padding:2px;border-radius:4px;background:var(--background)}.diagram-mode button{display:flex;align-items:center;gap:5px;padding:5px 8px;background:transparent;border:0;font-size:12px;color:var(--subtle);border-radius:3px}.diagram-mode button.active{background:var(--selection-bg);color:var(--selection-text)}.diagram-caption{font-size:12px;color:var(--subtle);letter-spacing:.5px}.diagram-caption>span{margin:0 8px}.tooling-svg{width:100%;height:292px;display:block}.floor-outline{stroke:var(--grid);stroke-width:1;stroke-dasharray:3 6;fill:none}.svg-point{cursor:pointer;outline:none;pointer-events:bounding-box}.svg-point>circle,.svg-point rect{transition:stroke-width .2s,opacity .2s}.svg-point:hover>circle{stroke-width:2.5}.svg-point:focus-visible{outline:none}.svg-point:focus-visible rect{stroke-width:3}.svg-point:focus-visible>circle{stroke-width:3}.point-muted{color:var(--subtle);opacity:.6}.points-view .drawing-structure{opacity:.25}.drawing-structure{transition:opacity .25s;pointer-events:none}.diagram-footer{display:flex;align-items:center;gap:10px;margin:0 21px;padding:4px 0 10px}.diagram-legend{display:flex;align-items:center;gap:13px 16px}.diagram-legend>span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.diagram-legend .dot{width:4px;height:4px}.selected-dot{width:7px;height:7px;border:1px solid var(--accent);border-radius:50%}.diagram-note{margin-left:auto;font-size:12px;color:var(--subtle)}.diagram-reset{width:21px;height:21px;margin-left:4px}.key-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}.key-metric{text-align:left;background:transparent;border:none;border-radius:0;padding:11px 20px;position:relative;min-width:0}.key-metric+.key-metric{border-left:1px solid var(--border-soft)}.key-metric:hover{background:var(--panel-hover)}.key-metric.active{background:rgba(var(--accent-rgb),.025)}.key-metric.active:after{content:"";position:absolute;height:2px;background:var(--accent);left:21px;right:21px;top:0}.key-metric>span{display:flex;justify-content:space-between;gap:3px;font-size:13px;color:var(--muted)}.key-metric>span>svg{color:var(--subtle)}.key-metric>div{display:flex;align-items:baseline;gap:7px;margin-top:6px}.key-metric strong{font-size:29px;font-weight:450}.key-metric small{font-size:13px;color:var(--subtle)}.key-metric em{font-style:normal;font-size:12px;color:var(--subtle);margin-top:5px;display:block}.selection-panel{display:flex;flex-direction:column}.selection-panel>.panel-heading{border-bottom:1px solid var(--border-soft);padding-top:16px;padding-bottom:15px}.tiny-tag{color:var(--subtle);font-size:12px;padding:3px 6px;border:1px solid var(--border);border-radius:3px;white-space:nowrap;font-weight:400}.point-detail{padding:18px 21px 14px}.point-detail-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.point-code{display:grid;place-items:center;color:var(--accent);font-size:15px;width:32px;height:32px;border-radius:4px;border:1px solid rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.05)}.point-detail-heading .eyebrow{font-size:12px;letter-spacing:.7px;margin-bottom:6px}.point-detail-heading h3{font-size:15px;font-weight:500}.point-detail-heading .status{margin-left:auto;font-size:12px;padding:4px 5px}.point-detail-heading .status svg{width:10px}.point-value{display:flex;align-items:baseline;gap:10px;margin-top:17px}.point-value strong{font-size:47px;font-weight:400;line-height:1.1;letter-spacing:-1px}.point-value>span{font-size:18px;color:var(--muted)}.reading-caption{display:flex;align-items:center;gap:8px;color:var(--subtle);font-size:12px;margin-top:7px}.detail-list{margin:16px 0 12px;display:grid;gap:11px 14px}.detail-list>div{display:flex;justify-content:space-between;gap:13px 16px;align-items:baseline;font-size:13px}.detail-list dt{color:var(--subtle);flex-shrink:0}.detail-list dd{margin:0;color:var(--muted);text-align:right;line-height:1.5}.detail-list dd span{font-size:12px;margin-left:4px;color:var(--subtle)}.compensation{display:flex;gap:6px;align-items:center;padding:9px 10px;font-size:12px;color:var(--muted);background:var(--panel-raised);border:1px solid var(--border-soft);border-radius:4px}.point-advice{padding:10px 0 11px;margin-top:9px;border-top:1px dashed var(--border);display:flex;gap:8px}.point-advice>svg{margin-top:2px}.point-advice strong{font-size:13px;font-weight:500}.point-advice p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:8px 13px;font-size:14px;line-height:1.4}.button-primary{background:var(--primary);color:var(--accent-ink);font-weight:550}.button-primary:hover{filter:brightness(1.08)}.button-secondary{background:var(--panel-raised);border-color:var(--border);color:var(--muted)}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.button-plain{background:transparent;color:var(--muted)}.button-plain:hover{color:var(--accent)}.full-width{width:100%}.full-width>svg{margin-left:auto}.selection-bottom{margin-top:auto;border-top:1px solid var(--border-soft);padding:12px 21px;color:var(--subtle);font-size:12px;display:flex;align-items:center;gap:7px}.selection-bottom .dot{width:4px;height:4px;color:var(--accent)}.overview-bottom{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px 20px}.text-link,.inline-link{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;padding:0;font-size:13px;color:var(--accent)}.text-link:hover,.inline-link:hover{text-decoration:underline;text-underline-offset:4px}.segmented{display:flex;border:1px solid var(--border);padding:2px;gap:2px;border-radius:4px}.segmented button{padding:5px 8px;border:0;background:transparent;color:var(--subtle);font-size:12px;border-radius:2px}.segmented button.active{background:var(--selection-bg);color:var(--selection-text)}.chart-info{padding:0 21px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.chart-info>span:first-child{display:flex;align-items:center;gap:8px}.legend-line{width:18px;height:2px;background:var(--accent);position:relative}.legend-line:after{content:"";position:absolute;width:4px;height:4px;border:1px solid var(--accent);background:var(--panel);border-radius:50%;left:7px;top:-2px}.trend-chart{width:100%;height:182px}.chart-footnote{display:flex;align-items:center;gap:6px;color:var(--subtle);font-size:12px;padding:9px 21px 11px}.chart-footnote>span:last-child{margin-left:auto}.event-list{padding:0 21px}.event-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 0;background:transparent;border:0;border-top:1px solid var(--border-soft);border-radius:0;text-align:left}.event-item:first-child{border-top:none;padding-top:0}.event-item:hover strong{color:var(--accent)}.event-icon{display:grid;place-items:center;background:color-mix(in srgb,currentColor 8%,transparent);width:30px;height:30px;border-radius:5px;flex-shrink:0}.event-item strong{display:block;font-size:14px;color:var(--text);font-weight:450}.event-item small{display:block;color:var(--subtle);margin-top:5px;font-size:12px}.event-item time{margin-left:auto;text-align:right;color:var(--subtle);font-size:12px}.event-item time>span{display:block;font-size:13px;margin-top:4px;color:var(--muted)}.event-item>svg{color:var(--subtle)}.events-footnote{display:flex;gap:6px;color:var(--subtle);font-size:12px;padding:8px 21px 13px}.app-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px 15px;padding:12px 28px;border-top:1px solid var(--border);font-size:12px;color:var(--subtle)}.app-footer>span{display:flex;align-items:center;gap:6px}.app-footer .footer-copyright{color:var(--muted);font-size:13px;justify-content:center;text-align:center}.app-footer .dot{width:4px;height:4px}.app-footer .mono>span{font-size:12px;margin-left:5px}.footer-divider{margin:0 7px}.data-warning{display:flex;align-items:center;gap:10px 12px;padding:13px 28px;border-bottom:1px solid color-mix(in srgb,var(--watch) 30%,var(--border));background:color-mix(in srgb,var(--watch) 6%,var(--background));color:var(--watch)}.data-warning strong{font-size:15px;font-weight:500;display:block}.data-warning span{font-size:13px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.data-warning button{background:transparent;border:1px solid color-mix(in srgb,var(--watch) 30%,transparent);color:var(--watch);padding:8px 11px;font-size:13px;margin-left:auto;white-space:nowrap}.notice{display:flex;align-items:flex-start;gap:9px;background:rgba(var(--accent-rgb),.045);color:var(--muted);border:1px solid var(--border);border-radius:5px;font-size:14px;line-height:1.55;padding:11px 17px}.notice>svg{color:var(--accent);margin-top:2px}.notice-danger{background:color-mix(in srgb,var(--watch) 5%,var(--panel))}.notice-danger>svg{color:var(--watch)}.notice .inline-link{margin-left:7px}.monitor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px 15px;border-bottom:1px solid var(--border);margin-bottom:15px}.workspace-tabs{display:flex;gap:22px 27px}.workspace-tabs button{font-size:15px;color:var(--muted);padding:10px 14px 12px;background:transparent;border:0;border-radius:5px 5px 0 0;border-bottom:2px solid transparent}.workspace-tabs button.active{background:var(--selection-bg);border-bottom-color:var(--selection-border);color:var(--selection-text)}.subtle-note{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--subtle)}.monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:16px 20px;margin-bottom:15px}.diagram-compact .tooling-svg{height:280px}.channel-list{border-top:1px solid var(--border)}.channel-row{width:100%;border:0;background:transparent;padding:13px 20px;border-radius:0;display:flex;align-items:center;gap:10px 13px;text-align:left}.channel-row+.channel-row{border-top:1px solid var(--border-soft)}.channel-row:hover{background:var(--panel-hover)}.channel-row.active{background:rgba(var(--accent-rgb),.035);box-shadow:inset 2px 0 var(--accent)}.channel-code{padding:7px 8px;font-size:13px;color:var(--accent);background:var(--panel-raised);border:1px solid var(--border);border-radius:3px}.channel-row strong{display:block;font-size:14px;font-weight:500}.channel-row small{display:block;margin-top:5px;color:var(--subtle);font-size:12px}.channel-row b{font-size:22px;font-weight:400;margin-left:auto;text-align:right}.channel-row b small{font-size:13px;display:inline;margin-left:5px}.monitor-trend{margin-bottom:15px}.monitor-trend .trend-chart{height:230px}.device-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px 20px;margin-bottom:15px}.force-values{display:grid;grid-template-columns:repeat(6,1fr);padding:0 21px 13px}.force-values>div{display:flex;flex-direction:column;gap:8px;padding:0 12px;border-left:1px solid var(--border)}.force-values>div:first-child{border-left:0;padding-left:0}.force-values span{font-size:13px;color:var(--muted)}.force-values strong{font-size:21px;font-weight:400;font-variant-numeric:tabular-nums}.force-values small{font-size:12px;color:var(--subtle)}.plc-states{padding:0 21px;display:flex;gap:10px 12px;flex-wrap:wrap}.plc-states>span{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--healthy)}.plc-panel>p{padding:14px 21px 9px;font-size:14px;color:var(--muted)}.plc-panel>.subtle-note{padding:0 21px 16px}.button-row{display:flex;gap:10px}.query-panel{margin-bottom:15px}.data-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:15px}.data-summary-card{display:flex;align-items:center;gap:12px;padding:17px 18px;min-height:88px;--summary-accent: var(--accent)}.data-summary-watch{--summary-accent: var(--watch)}.data-summary-repair{--summary-accent: var(--repair)}.data-summary-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:5px;color:var(--summary-accent);background:color-mix(in srgb,var(--summary-accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--summary-accent) 12%,var(--border-soft))}.data-summary-copy{min-width:0}.data-summary-copy h2{font-size:14px;font-weight:550;color:var(--text)}.data-summary-copy p{font-size:12px;line-height:1.4;margin-top:5px;color:var(--subtle)}.data-summary-card>strong{margin-left:auto;font-size:28px;font-weight:500;color:var(--text);white-space:nowrap}:root[data-theme=light] .data-summary-card>strong,:root[data-theme=light] .data-summary-copy h2{color:var(--primary)}@media(max-width:1200px){.data-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.query-panel form{padding:2px 21px 15px}.query-grid{display:grid;grid-template-columns:1fr 1.2fr .9fr 1.35fr 1.35fr;gap:12px 15px}.query-grid label{font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:9px}.query-grid input,.query-grid select{font-size:14px;width:100%;padding:8px 10px;height:37px}.query-actions{margin-top:14px;display:flex;gap:10px;align-items:center}.query-actions>span{margin-right:auto}.form-error{font-size:14px;color:var(--fault);margin-top:11px}.records-panel{margin-bottom:15px}.result-count{font-size:13px;color:var(--muted)}.result-count b{color:var(--accent);font-size:16px;font-weight:500;margin:0 4px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:13px;font-weight:400;color:var(--subtle);background:var(--panel-raised);padding:10px 18px;white-space:nowrap}th:first-child,td:first-child{padding-left:21px}th:last-child,td:last-child{padding-right:21px}td{padding:12px 18px;border-bottom:1px solid var(--border-soft);color:var(--muted)}tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(var(--accent-rgb),.025)}td strong{font-size:14px;font-weight:450;display:block;color:var(--text);white-space:nowrap}td small{font-size:12px;display:block;color:var(--subtle);margin-top:6px}.record-time{white-space:nowrap}.record-time small{font-size:13px;color:var(--muted)}.record-time small>span{font-size:12px;color:var(--subtle);margin-left:6px}.table-point{font-size:13px;color:var(--muted);background:var(--panel-raised);border-radius:3px;padding:4px 6px;white-space:nowrap}.table-source{max-width:190px;font-size:13px;line-height:1.5}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:10px 21px;font-size:13px;color:var(--subtle)}.pagination>div{display:flex;align-items:center;gap:14px 17px}.empty-state{padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:12px 15px;color:var(--subtle)}.empty-state>svg{color:var(--accent);opacity:.65}.empty-state h3{font-size:18px;font-weight:500;color:var(--muted)}.empty-state p{font-size:14px;line-height:1.5}.small-empty{padding:28px 20px}.playback-panel .panel-heading select{padding:6px 12px;font-size:13px;min-width:66px}.playback-controls{display:flex;align-items:center;gap:10px 12px;padding:0 21px 9px}.playback-controls input{flex:1;height:3px}.playback-controls>span{font-size:14px;color:var(--muted);width:38px;text-align:right}.record-detail-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.record-detail-heading h3{width:100%;font-size:22px;font-weight:500;line-height:1.45;margin-top:6px}.settings-layout{display:grid;grid-template-columns:192px minmax(0,1fr);gap:16px 20px;margin-top:18px}.settings-nav{display:flex;flex-direction:column;gap:7px}.settings-nav>button{display:flex;gap:11px;align-items:center;border:1px solid transparent;background:transparent;border-radius:5px;padding:10px 15px;font-size:15px;color:var(--muted);text-align:left}.settings-nav>button>svg:last-child{margin-left:auto;opacity:.5}.settings-nav>button.active{background:var(--selection-bg);border-color:var(--selection-border);color:var(--selection-text)}.settings-nav>button:hover{color:var(--accent)}.local-config-note{border-top:1px solid var(--border);margin-top:15px;padding:18px 15px;color:var(--subtle)}.local-config-note strong{display:block;font-size:14px;font-weight:500;color:var(--muted);margin:8px 0}.local-config-note p{font-size:13px;line-height:1.55}.unsaved-indicator{display:block;font-size:13px;color:var(--watch);margin-top:9px}.settings-content{min-height:460px;display:flex;flex-direction:column}.settings-content>.panel-heading{border-bottom:1px solid var(--border-soft)}.settings-section{padding:20px 24px}.settings-section h3{font-size:16px;font-weight:500}.settings-section>p{font-size:14px;color:var(--muted);margin-top:6px}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:17px;max-width:630px}.theme-option{padding:10px 12px;background:transparent;border:1px solid var(--border);text-align:left}.theme-option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:rgba(var(--accent-rgb),.025)}.theme-option>span{display:flex;align-items:center;gap:9px;font-size:14px;padding:10px 1px 2px;color:var(--muted)}.theme-option.selected>span{color:var(--accent)}.theme-option>span>svg:last-child:not(:first-child){margin-left:auto}.theme-preview{height:100px;border-radius:4px;position:relative;display:grid;grid-template-columns:40px 1fr 1fr;gap:7px;padding:8px 10px;border:1px solid #dae3e610;overflow:hidden}.preview-dark{background:#091526}.preview-light{background:#f1f4f9;border-color:#d7e0ee}.theme-preview>div{grid-row:span 2;border-radius:3px;background:#182f4e;position:relative}.theme-preview>div:after{content:"";position:absolute;width:23px;height:3px;background:#8ab1f4;top:18px;left:8px;box-shadow:0 10px #39547c,0 20px #39547c;border-radius:1px}.theme-preview>span{border:1px solid #293e5b;background:#11223a;border-radius:3px}.theme-preview>span:last-child{grid-column:span 2;background:repeating-linear-gradient(0deg,transparent,transparent 11px,#293e5b 12px),#11223a}.preview-light>div{background:#dce5f3}.preview-light>div:after{background:#173e7a;box-shadow:0 10px #98acca,0 20px #98acca}.preview-light>span{border-color:#d7e0ee;background:#fff}.preview-light>span:last-child{background:repeating-linear-gradient(0deg,transparent,transparent 11px,#e3eaf4 12px),#fff}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;margin:0 24px;padding:18px 0;border-top:1px solid var(--border-soft)}.setting-toggle-row strong{font-size:15px;font-weight:500}.setting-toggle-row p{font-size:13px;color:var(--subtle);line-height:1.5;margin-top:7px}.settings-save-hint{font-size:13px;color:var(--subtle);padding:16px 24px;line-height:1.55}.settings-bottom-link{padding:14px 24px;border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end;margin-top:auto}.device-cards{display:flex;flex-direction:column;gap:12px 15px;padding:20px 24px}.device-card{display:flex;align-items:center;gap:12px 15px;padding:16px 20px;border:1px solid var(--border);border-radius:5px;flex-wrap:wrap}.device-card>svg{color:var(--accent)}.device-card h3{font-size:15px;font-weight:500}.device-card .mono{color:var(--subtle);font-size:13px;display:block;margin-top:5px}.device-card .quality{margin-left:auto}.device-card p{width:100%;color:var(--muted);font-size:14px;padding-left:38px}.device-card .text-link{margin-left:38px}.settings-content>.notice{margin:0 24px 19px}.settings-content>.detail-list{padding:0 24px;margin:12px 0 17px;gap:15px 19px}.settings-content>.detail-list>div{font-size:14px}.highlighted-row{background:rgba(var(--accent-rgb),.07)}.compensation-diagram{display:flex;align-items:center;justify-content:center;gap:24px 30px;padding:28px 24px}.compensation-diagram>div{padding:20px 25px;width:210px;border:1px solid var(--border);background:var(--panel-raised);display:flex;align-items:center;flex-direction:column;gap:10px 12px;border-radius:6px}.compensation-diagram svg{color:var(--accent)}.compensation-diagram strong{font-size:21px;font-weight:500}.compensation-diagram span{font-size:14px;color:var(--muted)}.compensation-diagram small{font-size:13px;color:var(--subtle)}.compensation-arrow{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:33px!important;color:var(--accent)!important}.model-info{display:flex;align-items:center;gap:13px 16px;padding:22px 24px}.model-info h3{font-size:19px;font-weight:500}.model-info p{font-size:14px;color:var(--muted);margin-top:7px}.model-info .tiny-tag{margin-left:auto}.model-icon{width:57px;height:57px;border-radius:8px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.2);color:var(--accent);display:grid;place-items:center}.health-definitions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 17px;padding:18px 24px 24px;border-top:1px solid var(--border-soft)}.health-definitions>div{display:flex;gap:8px;align-items:center;font-size:14px}.role-options{display:flex;flex-direction:column;gap:10px;padding:18px 24px}.role-options>button{display:flex;align-items:center;gap:10px 13px;border:1px solid var(--border);background:transparent;padding:13px 16px;text-align:left}.role-options>button.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.035)}.role-options svg{color:var(--accent)}.role-options strong{font-weight:500;font-size:15px;min-width:78px}.role-options span{font-size:13px;color:var(--subtle)}.role-options>button>svg:last-child{margin-left:auto}.permissions-title{font-size:15px;font-weight:500;padding:0 24px}.permission-list{padding:12px 24px 21px}.permission-list>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--border-soft);font-size:14px;color:var(--muted)}.permission-list b{margin-left:auto;font-weight:400;color:var(--subtle);font-size:13px}.modal{width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 50px);padding:0;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 24px 100px #0005}.modal::backdrop{background:#071219aa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid var(--border)}.modal-heading h2{font-size:21px;font-weight:500}.modal-content{padding:19px 25px}.modal-content .detail-list{gap:14px 17px}.modal-content .detail-list>div{font-size:15px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px 13px;margin-top:19px}.modal-actions>.text-link{margin-right:auto}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:17px}.scenario-option{display:flex;align-items:center;gap:9px;padding:12px 13px;background:transparent;border:1px solid var(--border);font-size:14px;text-align:left}.scenario-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.04)}.scenario-option>svg{margin-left:auto;color:var(--accent)}.link-details{margin-top:17px}.link-details>div{display:flex;align-items:center;gap:12px 15px;padding:16px 0;border-bottom:1px solid var(--border-soft)}.link-details>div>svg{color:var(--accent)}.link-details strong{font-size:15px;font-weight:500}.link-details p{font-size:14px;color:var(--subtle);margin-top:7px}.link-details>div>span{margin-left:auto;font-size:13px;color:var(--muted)}.notification-list{display:flex;flex-direction:column}.notification-list button{display:flex;justify-content:space-between;align-items:center;gap:12px 15px;background:transparent;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;padding:14px 0;text-align:left}.notification-list button:hover{color:var(--accent)}.notification-list strong{font-size:15px;font-weight:500}.notification-list small{display:block;font-size:13px;color:var(--subtle);margin-top:6px}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:11px 14px;padding:28px 20px;margin-top:17px;width:100%;border:1px dashed var(--accent);background:rgba(var(--accent-rgb),.035);overflow-wrap:anywhere}.upload-zone>svg{color:var(--accent)}.upload-zone strong{font-size:17px;font-weight:500}.upload-zone span{font-size:14px;color:var(--subtle)}.upload-task{display:flex;gap:9px;padding-top:16px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.upload-task>svg{color:var(--accent)}.upload-task>b{margin-left:auto;font-weight:400;color:var(--watch);white-space:nowrap}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;border:1px solid var(--accent);padding:12px 20px;color:var(--text);background:var(--panel-raised);border-radius:7px;box-shadow:0 10px 40px #0004;max-width:calc(100vw - 30px);font-size:15px}.toast svg{color:var(--accent)}.skip-link{position:fixed;left:20px;top:-60px;z-index:300;background:var(--accent);color:var(--accent-ink);padding:11px 14px;border-radius:4px;font-size:16px}.skip-link:focus{top:15px}.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}@media(min-width:1700px){.sidebar{width:230px;padding-left:22px;padding-right:22px}.app-body{margin-left:230px;width:calc(100% - 230px)}main{padding:26px 40px}.topbar,.context-bar,.app-footer{padding-left:40px;padding-right:40px}.overview-hero,.monitor-grid{grid-template-columns:minmax(0,1fr) 360px}.overview-bottom{grid-template-columns:minmax(0,1fr) 460px}.tooling-svg{height:340px}.diagram-compact .tooling-svg{height:330px}.summary-card{padding:16px 23px}.summary-main strong{font-size:32px}.point-detail{padding:21px 26px}.point-detail-heading .eyebrow{font-size:12px}.point-detail-heading h3{font-size:17px}.point-value{margin-top:21px}.point-value strong{font-size:56px}.point-detail .detail-list{gap:16px 20px;margin-top:20px}.point-detail .detail-list>div{font-size:15px}.point-advice{margin-top:13px;padding-top:14px;padding-bottom:16px}.point-advice p{font-size:14px}.trend-chart{height:218px}}@media(max-width:1200px){.sidebar{width:180px;padding-left:12px;padding-right:12px}.brand{gap:7px;margin-left:3px}.brand strong{font-size:16px}.brand small{font-size:12px;letter-spacing:1px}.brand-symbol{width:27px}.app-body{margin-left:180px;width:calc(100% - 180px)}.topbar{gap:13px 16px;padding:0 22px}.location{font-size:13px}.topbar-actions{gap:8px}main{padding:19px 22px}.context-bar{padding-left:22px;padding-right:22px}.context-part{display:none}.summary-grid{grid-template-columns:repeat(2,1fr)}.overview-hero,.monitor-grid{grid-template-columns:minmax(0,1fr) 285px;gap:13px 16px}.overview-bottom{grid-template-columns:minmax(0,1fr) 330px;gap:13px 16px}.tooling-svg{height:254px}.diagram-compact .tooling-svg{height:230px}.diagram-caption,.diagram-note{display:none}.key-metric{padding:11px 12px}.key-metric>span{font-size:12px}.key-metric strong{font-size:24px}.point-detail{padding:16px 18px}.panel-heading{padding:14px 18px}.chart-info{padding:0 18px}.point-detail-heading .status{margin-left:41px}.query-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.query-grid label:nth-child(4),.query-grid label:nth-child(5){grid-column:span 1}.device-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:165px minmax(0,1fr);gap:13px 16px}.compensation-diagram{gap:14px 17px}.compensation-diagram>div{width:180px;padding:16px 15px}.role-options>button{flex-wrap:wrap}.role-options>button span{width:100%;padding-left:31px}.role-options>button>svg:last-child{display:none}}@media(max-width:1000px){.sidebar{width:74px;align-items:center;padding:20px 10px 0}.brand{margin:0 0 27px}.brand>div:last-child{display:none}.brand-symbol{width:30px}.sidebar-section-label{display:none}.sidebar nav{gap:10px 13px}.nav-item{padding:12px 15px;min-height:50px}.nav-item>span{display:none}.nav-item.active:before{left:-14px}.sidebar-bottom{width:100%}.demo-launcher{padding:10px 13px}.demo-launcher span,.demo-launcher svg:last-child{display:none}.demo-user{justify-content:center;padding:18px 0}.demo-user>div:not(.avatar),.demo-user>svg{display:none}.app-body{margin-left:74px;width:calc(100% - 74px)}.location{font-size:13px}.topbar{gap:12px 15px}.prototype-label{margin:0}.chain{gap:6px}.chain b{display:none}.overview-hero,.monitor-grid{grid-template-columns:minmax(0,1fr) 285px}.overview-bottom{grid-template-columns:1fr}.events-panel .event-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:22px}.event-item:first-child{padding-top:10px}.channel-row{gap:9px;padding:12px 15px}.channel-row .quality{display:none}.subtle-note{font-size:12px}.monitor-toolbar>.subtle-note{display:none}.chart-footnote{flex-wrap:wrap}.chart-footnote>span:last-child{margin-left:0}.settings-layout{grid-template-columns:150px minmax(0,1fr)}.settings-nav>button{padding:10px 12px;font-size:14px}.settings-nav>button>svg:last-child{display:none}}@media(max-width:760px){.topbar{flex-wrap:wrap;padding:11px 18px;row-gap:12px;min-height:60px}.location{display:none}.tooling-select{margin-right:auto}.topbar-actions{margin-left:0}.context-bar{flex-direction:column;align-items:flex-start;gap:11px;padding:10px 18px}.chain{flex-wrap:wrap}main{padding:18px}.page-heading{margin-bottom:16px;align-items:flex-start}h1{font-size:28px}.page-heading p{max-width:310px;font-size:13px}.page-heading-right{gap:8px}.live-indicator{font-size:13px}.update-time{font-size:12px}.update-time b{display:block;text-align:right;margin-top:5px}.summary-grid{gap:10px 12px}.summary-card{padding:12px 15px}.summary-main{gap:8px}.summary-main strong{font-size:25px}.summary-card p{font-size:12px;flex-wrap:wrap}.summary-main .status{display:none}.overview-hero,.monitor-grid{grid-template-columns:1fr}.tooling-svg,.diagram-compact .tooling-svg{height:auto;max-height:320px}.diagram-caption,.diagram-note{display:inline}.point-detail-heading .status{margin-left:auto}.point-detail{padding:16px 20px}.selection-bottom{display:none}.point-detail .detail-list{gap:10px 13px}.point-value{margin-top:14px}.key-metric strong{font-size:26px}.key-metric em{font-size:12px}.key-metric{padding:12px 15px}.events-panel .event-list{display:block}.event-item:first-child{padding-top:0}.app-footer{flex-wrap:wrap;padding:12px 18px}.app-footer>span{font-size:12px}.data-warning{padding:11px 18px;align-items:flex-start;flex-wrap:wrap}.data-warning div{flex:1}.data-warning button{margin-left:28px}.button-row{flex-direction:column;gap:8px}.button{font-size:13px}.page-heading>.button{padding:8px 10px}.query-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.query-grid label:nth-child(3){grid-column:span 2}.query-actions{flex-wrap:wrap}.query-actions>span{width:100%;margin-bottom:6px}.query-actions>button:first-of-type{margin-left:auto}.query-panel>.panel-heading{align-items:flex-start;flex-wrap:wrap}.query-panel .page-context-badge{font-size:12px;padding:6px 8px}table{min-width:750px}.settings-content table{min-width:570px}.chart-info{flex-wrap:wrap}.chart-info>.subtle-note{width:100%}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:6px}.settings-nav>button{padding:8px 10px;background:var(--panel);border-color:var(--border);font-size:13px}.settings-nav>button>svg{width:14px}.local-config-note{display:none}.settings-content{min-height:420px}.theme-options{gap:10px 12px}.theme-option{padding:8px}.theme-preview{height:90px;grid-template-columns:27px 1fr 1fr;gap:4px;padding:7px}.theme-preview>div:after{width:15px;left:6px}.theme-option>span{font-size:13px;gap:6px}.compensation-diagram{flex-direction:column;gap:16px 20px}.compensation-arrow{transform:rotate(90deg)}.compensation-arrow small{display:none}.compensation-diagram>div{width:100%}.health-definitions{grid-template-columns:1fr}.model-info{gap:10px;flex-wrap:wrap}.model-info h3{font-size:17px}.model-icon{width:45px;height:45px}.workspace-tabs{gap:14px 18px}.workspace-tabs button{font-size:14px}.force-values{grid-template-columns:repeat(3,1fr);gap:16px 0}.force-values>div:nth-child(4){padding-left:0;border-left:0}.scenario-grid{grid-template-columns:1fr}.toast{bottom:18px;font-size:14px;width:max-content}}@media(max-width:480px){.sidebar{position:static;width:100%;padding:0;border-right:0;border-bottom:1px solid var(--border)}.brand,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%;gap:0;padding:7px}.nav-item{flex:1;min-height:50px;flex-direction:column;gap:5px;justify-content:center;padding:9px 3px}.nav-item svg{width:17px;height:17px}.nav-item>span:not(.nav-active-dot){display:block}.nav-item strong{font-size:12px}.nav-item small,.nav-active-dot,.nav-item.active:before{display:none!important}.app-shell{flex-direction:column}.app-body{width:100%;margin-left:0}.topbar{padding:10px 15px;gap:9px}.prototype-label{font-size:12px;padding:6px}.topbar-actions{gap:5px}.topbar .icon-button{width:26px}main{padding:17px 15px}.context-bar{padding:10px 15px}.context-part{display:inline;font-size:12px;margin-left:0;padding-left:9px}.chain{font-size:12px}.chain>span{gap:4px}.summary-card{padding:10px 13px}.summary-label{font-size:13px;gap:5px}.summary-label>svg{width:13px}.summary-label>span{display:none}.summary-main strong{font-size:24px}.summary-main .signal-bars{display:none}.summary-unit{font-size:12px}.summary-tag{display:none}.diagram-toolbar{padding:3px 15px}.diagram-caption{font-size:12px}.diagram-caption>span{margin:0 4px}.diagram-footer{margin:0 15px}.diagram-note{font-size:12px}.diagram-legend{gap:10px}.diagram-legend>span{font-size:12px}.diagram-reset{display:none}.key-metric{padding:10px 12px}.key-metric strong{font-size:24px}.key-metric>span{font-size:12px}.key-metric>span>svg{display:none}.key-metric small,.key-metric em{font-size:12px}.key-metric>div{gap:5px}.page-heading>.page-context-badge{font-size:12px;padding:7px}.page-heading>.button-row .button{padding:8px}.page-heading>.button-row .button>svg{width:13px}.query-grid{gap:10px 13px}.query-grid input{font-size:13px;padding:9px 5px}.query-grid label{font-size:13px}.panel-heading{padding-left:17px;padding-right:17px}.panel-heading h2{font-size:15px}.segmented button{padding:5px 6px;font-size:12px}.theme-options{grid-template-columns:1fr}.theme-preview{height:115px;grid-template-columns:38px 1fr 1fr}.theme-preview>div:after{left:9px;width:20px}.notice{font-size:13px;padding:10px 13px}.app-footer{padding-left:15px;padding-right:15px}.modal-content{padding:17px 21px}.modal-heading{padding:16px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mobile-demo{display:none}.tooling-svg>rect,.tooling-svg>g:last-child:not(.svg-point){pointer-events:none}@media(max-width:480px){.mobile-demo{display:inline-flex}.topbar-actions{margin-left:auto}}@media(max-width:360px){.topbar{row-gap:10px}.tooling-select{padding:7px;gap:5px}.tooling-select select{font-size:13px;min-width:110px}.topbar-actions{gap:3px}.prototype-label{font-size:12px;padding:5px;gap:4px}.topbar .icon-button{width:23px}}.force-values>button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:6px 10px;border:0;border-left:1px solid var(--border);background:transparent;border-radius:0;text-align:left}.force-values>button:first-child{border-left:0;padding-left:0}.force-values>button.active{color:var(--selection-text);background:var(--selection-bg)}.force-values>button:hover{background:var(--panel-hover)}.nav-item.active:hover,.settings-nav>button.active:hover,.force-values>button.active:hover{color:var(--selection-text);background:var(--selection-bg)}.force-values>button.active span,.force-values>button.active small{color:var(--selection-text)}:root[data-theme=light] .panel-heading h2,:root[data-theme=light] .overall-heading h2,:root[data-theme=light] .indicator-copy strong,:root[data-theme=light] .trend-current-value>strong,:root[data-theme=light] .point-value strong,:root[data-theme=light] .distribution-total>strong,:root[data-theme=light] .channel-row b{color:var(--primary)}:root[data-theme=light] .region-select,:root[data-theme=light] .selected-point-chip,:root[data-theme=light] .point-code{background:var(--primary);border-color:var(--primary);color:#fff}:root[data-theme=light] .tooling-select{border-color:rgba(var(--accent-rgb),.35)}:root[data-theme=light] .channel-row.active{background:rgba(var(--accent-rgb),.09);box-shadow:inset 3px 0 var(--primary)}:root[data-theme=light] .indicator-row.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.1),transparent);box-shadow:inset 3px 0 var(--primary)}.force-panel .trend-chart{height:170px}.connection-state{display:flex;align-items:center;gap:11px 14px;flex-wrap:wrap;font-size:14px;color:var(--muted);padding:14px 21px;margin-bottom:15px;border:1px solid var(--border);border-radius:5px;background:var(--panel)}.connection-state>svg{color:var(--healthy)}.connection-state .text-link{margin-left:auto}@media(max-width:760px){.force-values>button:nth-child(4){padding-left:0;border-left:0}}.metric-selector{font-size:13px;padding:5px 8px;max-width:150px}.overview-dashboard{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(0,1.7fr) minmax(230px,.95fr);gap:14px 18px}.overall-health-panel{position:relative;padding:18px 22px 0;background:radial-gradient(circle at 100% 5%,rgba(var(--accent-rgb),.065),transparent 55%),var(--panel);display:flex;flex-direction:column}.overall-heading{display:flex;align-items:center;gap:10px 12px;position:relative}.health-gauge-icon{width:51px;height:51px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,currentColor 6%,transparent);border-radius:50%;display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 6px var(--panel)}.overall-heading h2{font-size:17px;color:var(--text);font-weight:550}.overall-heading p{font-size:13px;color:var(--muted);margin-top:7px}.health-index{position:absolute;right:0;top:-7px;color:var(--subtle);font-size:12px}.overall-health-conclusion{display:flex;align-items:center;gap:10px;margin-top:20px}.health-summary-value{font-weight:500;flex-shrink:0}.health-summary-value .status{font-size:15px;padding:8px 11px}.overall-health-conclusion>span{font-size:13px;line-height:1.5;color:inherit}.overall-health-description{color:var(--muted);font-size:14px;line-height:1.55;margin-top:11px}.overall-health-description>span{color:var(--subtle);display:block;font-size:12px;margin-top:6px}.health-action-card{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid color-mix(in srgb,currentColor 20%,var(--border));background:color-mix(in srgb,currentColor 4%,var(--panel));padding:10px 11px;width:100%;margin-top:18px}.health-action-card:hover{border-color:currentColor}.health-action-icon{background:color-mix(in srgb,currentColor 8%,transparent);width:31px;height:31px;display:grid;place-items:center;border-radius:4px;flex-shrink:0}.health-action-card strong{display:block;font-size:13px;font-weight:500}.health-action-card small{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:5px}.health-action-card>svg{margin-left:auto;color:var(--accent);width:13px}.health-state-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:18px;padding-bottom:20px}.health-state-scale>div{opacity:.65;text-align:center}.health-state-scale i{display:block;height:3px;width:100%;background:currentColor;border-radius:2px}.health-state-scale span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.health-state-scale>.active{opacity:1}.health-state-scale>.active i{height:4px;box-shadow:0 0 10px color-mix(in srgb,currentColor 30%,transparent)}.health-state-scale>.active span{color:inherit}.overall-quality{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--border-soft);color:var(--subtle);font-size:12px;padding:11px 0;margin-top:auto}.overview-structure{display:flex;flex-direction:column}.overview-structure .tooling-svg{height:260px}.overview-structure .diagram-caption{display:none}.overview-structure .diagram-toolbar{padding-top:6px}.overview-structure .diagram-footer{padding-bottom:10px}.structure-selection{display:flex;align-items:center;gap:10px 12px;margin-top:auto;padding:11px 18px;border-top:1px solid var(--border)}.structure-selection>div{display:flex;align-items:center;gap:9px;min-width:0}.selected-point-chip{font-size:13px;padding:6px;color:var(--accent);background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.2);border-radius:3px}.structure-selection strong{display:block;font-size:14px;color:var(--text);font-weight:500}.structure-selection>div small{display:block;color:var(--subtle);font-size:12px;margin-top:5px}.structure-selection>b{font-size:22px;font-weight:450;color:var(--text);margin-left:auto;white-space:nowrap}.structure-selection>b>small{font-size:12px;color:var(--muted)}.structure-selection .text-link{font-size:12px;flex-shrink:0}.overview-indicators{display:flex;flex-direction:column}.overview-indicators .panel-heading{padding-bottom:10px}.indicator-list{padding:0 20px}.indicator-row{display:flex;align-items:center;gap:10px 12px;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;padding:11px 0;background:transparent;width:100%;text-align:left}.indicator-row:last-child{border-bottom:0}.indicator-row:hover,.indicator-row.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.045),transparent)}.indicator-icon{width:33px;height:33px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.065);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.06);border-radius:4px;flex-shrink:0}.indicator-copy>span{display:block;font-size:13px;color:var(--muted)}.indicator-copy strong{display:block;font-family:Bahnschrift,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;font-size:24px;color:var(--text);font-weight:450;margin-top:5px}.indicator-copy strong small{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.indicator-state{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;font-size:12px;white-space:nowrap}.indicator-state small{font-size:12px;color:var(--subtle)}.indicator-footer{padding:11px 20px;display:flex;align-items:center;gap:7px;color:var(--subtle);font-size:12px;margin-top:auto;border-top:1px solid var(--border-soft)}.indicator-footer>svg{color:var(--accent);width:12px}.indicator-footer .text-link{margin-left:auto;font-size:12px;white-space:nowrap}.distribution-panel{display:flex;flex-direction:column}.distribution-panel .panel-heading{gap:7px}.distribution-content{display:flex;align-items:center;gap:12px 15px;padding:13px 20px 16px}.distribution-total{flex-shrink:0;width:96px;border-right:1px solid var(--border)}.distribution-total>svg{color:var(--accent);opacity:.7;margin-bottom:7px}.distribution-total>strong{display:block;font-size:38px;font-weight:450;color:var(--text);line-height:1.2}.distribution-total>span{display:block;font-size:13px;color:var(--muted);margin-top:6px}.distribution-total small{display:flex;align-items:center;gap:3px;font-size:12px;margin-top:8px;color:var(--accent)}.distribution-bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px 15px}.distribution-row{display:flex;align-items:center;gap:7px}.distribution-row>b{width:10px;font-size:13px;text-align:right;font-weight:400;flex-shrink:0}.distribution-track{height:4px;border-radius:5px;background:var(--border);flex:1;min-width:12px;overflow:hidden}.distribution-track>i{height:100%;background:currentColor;display:block;border-radius:5px}.distribution-row>span{color:var(--muted);font-size:12px;width:36px;text-align:right;flex-shrink:0}.distribution-note{font-size:12px;color:var(--muted);margin-top:auto;padding:10px 20px 15px;border-top:1px solid var(--border-soft)}.distribution-note>span{font-size:12px;color:var(--subtle);display:block;margin-top:7px;line-height:1.5}.overview-trend .panel-heading{align-items:flex-start;padding-bottom:10px}.trend-current-value{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;justify-content:flex-end}.trend-current-value>strong{font-size:26px;font-weight:450;color:var(--text)}.trend-current-value>span{font-size:12px;color:var(--subtle)}.trend-current-value .status{font-size:12px;padding:4px}.overview-trend .trend-chart{height:184px}.overview-trend .chart-footnote{justify-content:space-between}.overview-trend .chart-footnote>span:last-child{margin-left:0}.overview-events .event-list{padding:4px 20px 0}.overview-events .event-item{padding:14px 0;gap:9px}.overview-events .event-item:first-child{padding-top:7px}.overview-events .event-item strong{font-size:13px;white-space:normal;line-height:1.45}.overview-events .event-item>svg{display:none}.overview-events .event-item time{font-size:12px}.overview-events .events-footnote{margin-top:7px}@media(min-width:1700px){.overview-dashboard{gap:17px 21px;grid-template-columns:minmax(280px,1fr) minmax(0,1.8fr) minmax(280px,1fr)}.overall-health-panel{padding:20px 26px 0}.overall-heading h2{font-size:19px}.health-gauge-icon{width:55px;height:55px}.overall-health-conclusion{margin-top:25px}.overall-health-description{font-size:15px;margin-top:15px}.health-action-card{padding:13px 16px;margin-top:20px}.health-action-card strong{font-size:15px}.health-action-card small{font-size:13px}.health-state-scale{margin-top:22px}.overview-structure .tooling-svg{height:303px}.indicator-row{padding:14px 0}.indicator-copy>span{font-size:15px}.indicator-copy strong{font-size:26px}.indicator-state{font-size:13px}.indicator-state small{font-size:12px}.indicator-icon{width:38px;height:38px}.distribution-row>span{font-size:13px;width:40px}.distribution-bars{gap:16px 20px}.distribution-total{width:99px}.distribution-total strong{font-size:47px}.overview-trend .trend-chart{height:200px}.overview-events .event-item{padding:15px 0}.overview-events .event-item strong{font-size:15px}}@media(max-width:1250px)and (min-width:761px){.overview-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.overview-indicators{grid-column:1 / -1}.indicator-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 12px;padding-bottom:12px}.indicator-row{border-bottom:0;flex-wrap:wrap;gap:9px;justify-content:center;padding:11px 7px;border-right:1px solid var(--border-soft)}.indicator-row:last-child{border-right:0}.indicator-copy{min-width:0}.indicator-copy>span{font-size:12px}.indicator-copy strong{font-size:22px}.indicator-state{width:100%;flex-direction:row;justify-content:center;margin-left:0;gap:7px}.overview-events{grid-column:1 / -1}.overview-events .event-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 23px}.overview-events .event-item{border-top:0;padding-top:7px}.overview-structure .tooling-svg{height:260px}.structure-selection{flex-wrap:wrap}.structure-selection .text-link{margin-left:auto}}@media(max-width:760px){.overview-dashboard{grid-template-columns:1fr;gap:13px 16px}.overview-page .page-heading{flex-wrap:wrap}.overview-page .page-heading>div:first-child{width:100%}.overview-page .page-heading-right{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.overview-page .live-indicator,.overview-page .update-time{white-space:nowrap}.overall-health-panel{padding:18px 20px 0}.overall-heading{gap:11px 14px}.overall-health-conclusion{margin-top:18px}.overall-health-description{font-size:15px}.health-action-card{margin-top:15px}.health-action-card strong{font-size:15px}.health-action-card small{font-size:13px}.health-state-scale{margin-top:17px;padding-bottom:16px}.health-state-scale span,.overall-quality{font-size:13px}.overview-structure .tooling-svg{height:auto;min-height:180px;max-height:300px}.structure-selection{flex-wrap:wrap;gap:10px}.structure-selection>div{flex:1 0 100%}.structure-selection>b{font-size:22px}.structure-selection .text-link{margin-left:auto}.structure-selection strong{font-size:14px}.indicator-copy>span{font-size:15px}.indicator-copy strong{font-size:26px}.indicator-icon{width:38px;height:38px}.indicator-row{gap:12px 15px;padding:14px 0}.indicator-state{font-size:13px}.indicator-state small,.indicator-footer{font-size:12px}.distribution-content{gap:20px 25px;padding:16px 20px}.distribution-total{width:94px}.distribution-total>strong{font-size:46px}.distribution-total small{font-size:12px}.distribution-bars{gap:14px 18px}.distribution-row>span{font-size:13px;width:40px}.distribution-note{font-size:13px}.distribution-note>span{font-size:12px}.overview-events .event-list{display:block}.overview-events .event-item strong{font-size:15px}.overview-events .event-item small{font-size:13px}.overview-trend .chart-info{row-gap:10px}.overview-trend .segmented{margin-left:auto}.overview-trend .trend-current-value>strong{font-size:24px}.overview-trend .panel-heading h2{font-size:15px}}@media(max-width:380px){.overview-trend .trend-current-value .status{display:none}.structure-selection>b{font-size:20px}.structure-selection>div small{max-width:146px}.indicator-footer>span{font-size:12px}.indicator-footer .text-link{font-size:12px}}@media(min-width:1251px)and (max-width:1699px){.overview-indicators .indicator-row{padding-top:8px;padding-bottom:8px}.overview-structure .tooling-svg{height:240px}.overview-trend .trend-chart{height:164px}}@media(min-width:1700px){.overview-indicators .indicator-row{padding-top:10px;padding-bottom:10px}}