.dsv-layout{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:16px;display:grid}.dsv-module{box-sizing:border-box;color:#e5f4ff;background:linear-gradient(135deg,#0f263cf5,#061425fa);border:1px solid #499bc842;border-radius:12px;flex-direction:column;min-width:0;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;display:flex;overflow:hidden}.dsv-module *,.dsv-preview *{box-sizing:border-box}.dsv-module-body{scrollbar-width:thin;scrollbar-color:#274a61 transparent;flex:auto;min-height:0;overflow:auto}.dsv-module-head{border-bottom:1px solid #499bc826;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 16px;display:flex}.dsv-module-head h3{color:#e6f7ff;overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px;font-weight:600;line-height:1.5}.dsv-module-head h3:before{content:"";vertical-align:-1px;background:#4ee4da;border-radius:2px;width:3px;height:12px;margin-right:8px;display:inline-block}.dsv-module-head>span{color:#7999ae;letter-spacing:.4px;flex:none;font-size:10px}.dsv-value-grid{grid-template-columns:repeat(var(--dsv-columns,3), minmax(0, 1fr));gap:9px;padding:14px;display:grid}.dsv-value-card{background:#225a741f;border:1px solid #499bc821;border-radius:7px;min-width:0;padding:14px 12px 11px}.dsv-point-name{color:#a7c6d8;overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.5;display:block}.dsv-reading{flex-wrap:wrap;align-items:baseline;gap:5px;min-height:32px;margin:10px 0 6px;display:flex}.dsv-reading strong{color:#55e6df;font-variant-numeric:tabular-nums;letter-spacing:-.9px;overflow-wrap:anywhere;font-size:27px;font-weight:600;line-height:1.15}.dsv-reading>span{color:#7799af;font-size:11px}.dsv-point-meta{color:#647f93;flex-wrap:wrap;gap:4px;min-height:14px;font-size:9px;line-height:1.5;display:flex}.dsv-value-card--large .dsv-reading{margin-top:17px;margin-bottom:13px}.dsv-value-card--large .dsv-reading strong{font-size:38px}.dsv-value-card--unavailable .dsv-reading strong{color:#63829b}.dsv-quality{color:#c6a36d}.dsv-point-code{overflow-wrap:anywhere;max-width:100%}.dsv-status-list{padding:3px 16px}.dsv-status-row{border-bottom:1px solid #499bc81f;justify-content:space-between;align-items:center;gap:16px;min-height:49px;padding:10px 0;font-size:12px;display:flex}.dsv-status-row:last-child{border-bottom:0}.dsv-status-name{overflow-wrap:anywhere;color:#a7c6d8;min-width:0}.dsv-status-name small{color:#69879c;margin-top:3px;font-size:10px;display:block}.dsv-status-value{color:#d1e8f5;text-align:right;align-items:center;gap:7px;display:inline-flex}.dsv-status-value i{background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.dsv-status-value--on{color:#53d9b7}.dsv-status-value--off{color:#91a4b7}.dsv-status-value--unavailable{color:#c6a36d}.dsv-empty{color:#94adc0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:28px 18px;font-size:12px;line-height:1.6;display:flex}.dsv-empty>span{color:#607e94;font-size:10px}.dsv-empty--chart{min-height:118px}.dsv-trend-list{padding:0 15px}.dsv-trend{border-bottom:1px solid #499bc81f;padding:14px 0}.dsv-trend:last-child{border-bottom:0}.dsv-trend-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dsv-trend-head>span:last-child{color:#7394aa;font-size:10px}.dsv-chart-wrap{height:130px;margin-top:8px;display:flex}.dsv-chart-axis{color:#69899f;flex-direction:column;flex:0 0 42px;justify-content:space-between;padding:12px 0 13px;font-size:9px;display:flex}.dsv-trend-chart{width:100%;min-width:0;height:130px;overflow:visible}.dsv-chart-grid{fill:none;stroke:#5888a333;stroke-width:1px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.dsv-chart-series polyline{fill:none;stroke:#45d5d8;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dsv-chart-series circle{fill:#45d5d8}.dsv-chart-times{color:#69899f;justify-content:space-between;gap:5px;padding-left:42px;font-size:9px;display:flex}.dsv-preview-mode{overflow:hidden}.dsv-preview-mode #app,.dsv-preview-mode .screen{height:100dvh;min-height:0;overflow:hidden}.dsv-preview-mode .hud:not(.hud--top):not(.dsv-preview-panel),.dsv-preview-mode .top-status-tools,.dsv-preview-mode #label-layer,.dsv-preview-mode #hit-layer{visibility:hidden!important;pointer-events:none!important}.dsv-preview-mode #globe-canvas{pointer-events:none}.dsv-preview{z-index:5;pointer-events:none;color:#e5f4ff;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;position:absolute;inset:0}.dsv-preview-panel.site-detail{flex-direction:column;padding:0;display:flex;overflow:hidden}.dsv-preview-panel-head{border-bottom:1px solid #4699be2b;flex:none;padding:18px}.dsv-preview-panel-head p{color:#71a6bf;letter-spacing:1px;margin:0 0 7px;font-size:10px}.dsv-preview-panel-head h1{color:#e0f0f9;overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:600}.dsv-preview-panel-head small{color:#829eaf;margin-top:8px;font-size:11px;display:block}.dsv-preview-content{scrollbar-width:thin;scrollbar-color:#274a61 transparent;flex:1;min-height:0;padding:16px;overflow:auto}.dsv-preview-content .dsv-layout{gap:12px}.dsv-preview-content .dsv-value-grid{gap:7px;padding:10px}.dsv-preview-content .dsv-value-card{padding:12px 10px 9px}.dsv-preview-content .dsv-reading strong{font-size:25px}.dsv-preview-content .dsv-value-card--large .dsv-reading strong{font-size:32px}.dsv-preview-footer{color:#68869c;border-top:1px solid #4699be2b;flex:none;padding:11px 18px;font-size:10px}@media (width<=850px){.dsv-preview-content{padding:10px}.dsv-preview-content .dsv-value-grid{grid-template-columns:repeat(min(var(--dsv-columns,3), 3), minmax(0, 1fr))}}.dsv-comparison{padding:0 14px}.dsv-comparison-labels,.dsv-comparison-row{border-bottom:1px solid #499bc826;grid-template-columns:minmax(70px,1.5fr) repeat(3,minmax(48px,1fr));align-items:center;gap:8px;padding:12px 0;font-size:12px;display:grid}.dsv-comparison-labels{color:#7999ae;font-size:10px}.dsv-comparison-row>:not(:first-child),.dsv-comparison-labels>:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.dsv-comparison-row strong{color:#55e6df;font-size:18px;font-weight:600}.dsv-comparison-row small{color:#7999ae;margin-top:4px;font-size:10px;display:block}.dsv-production{gap:14px;padding:14px;display:grid}.dsv-progress-caption{color:#a7c6d8;justify-content:space-between;gap:8px;margin:10px 0 8px;font-size:11px;display:flex}.dsv-progress-track{background:#203b50;border-radius:3px;height:5px;overflow:hidden}.dsv-progress-track i{background:#45d5d8;height:100%;display:block}.dsv-data-note{color:#7999ae;margin:0;font-size:10px}.dsv-alarm-list{padding:0 14px}.dsv-alarm-row{color:#a7c6d8;border-bottom:1px solid #499bc826;align-items:baseline;gap:10px;padding:13px 0;font-size:11px;display:flex}.dsv-alarm-row>div{overflow-wrap:anywhere;flex:1;min-width:0}.dsv-alarm-row strong{color:#e5f4ff;font-weight:500}.dsv-alarm-row small{color:#7999ae;margin-top:5px;display:block}.dsv-alarm-label{white-space:nowrap}.is-alarm .dsv-alarm-label{color:#f18e8e}.is-warning .dsv-alarm-label{color:#dfb977}.is-recovered .dsv-alarm-label{color:#7999ae}body.dsv-runtime-mode{background:#071725;overflow:hidden}body.dsv-runtime-mode>:not(.dsv-runtime):not(script){display:none!important}.dsv-runtime{color:#d7edf8;background:#071725;padding:28px 36px;position:fixed;inset:0;overflow:auto}.dsv-runtime-heading{justify-content:space-between;align-items:center;gap:20px;max-width:1800px;margin:0 auto 24px;display:flex}.dsv-runtime-heading h1{margin:8px 0;font-size:28px}.dsv-runtime-heading small,.dsv-runtime-heading p{color:#8eb4cb}.dsv-runtime-heading a{color:#92e5e8;border:1px solid #295467;border-radius:8px;padding:10px 16px;text-decoration:none}.dsv-runtime .dsv-layout{max-width:1800px;margin:auto}.dsv-runtime-notice{color:#ecd69e;background:#322e26;border:1px solid #6c5832;border-radius:8px;max-width:1800px;margin:0 auto 16px;padding:12px 16px}@media (width<=700px){.dsv-runtime{padding:18px 12px}.dsv-runtime-heading h1{font-size:22px}}:root{color:#eef7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;overflow:hidden}button{font:inherit}.screen{--overview-scale:1;background:radial-gradient(circle at 49% 49%,#175b9c33,#0000 32%),radial-gradient(circle at 30% 54%,#1982ff24,#0000 28%),linear-gradient(#000 0%,#02060d 42%,#000 100%);width:100vw;height:100vh;min-height:0;position:relative;overflow:hidden}.screen:before{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#000000b8,#0000 18% 78%,#000000bd),linear-gradient(#000000c7,#0000 20% 77%,#000000b8);position:absolute;inset:0}#globe-canvas,#label-layer,#hit-layer{width:100%;height:100%;position:absolute;inset:0}#globe-canvas{z-index:0;cursor:grab;display:block}#label-layer{z-index:2;pointer-events:none}#hit-layer{z-index:4;pointer-events:none}.marker-hit{cursor:pointer;pointer-events:auto;background:#fff0;border:0;border-radius:999px;width:74px;height:74px;padding:0;position:absolute;top:0;left:0}.hud{z-index:3;position:absolute}.hud--top{z-index:10;pointer-events:none;height:104px;display:block;top:0;left:0;right:0}.top-clock-strip{color:#e9f5ffe0;pointer-events:none;align-items:baseline;gap:10px;min-height:24px;display:flex;position:absolute;top:16px;left:28px}.top-clock-strip strong,.top-clock-strip span{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace}.top-clock-strip strong{color:#f5faffeb;letter-spacing:.06em;text-shadow:0 0 10px #52e0ff1f;font-size:18px;font-weight:800;line-height:1}.top-clock-strip span{color:#a2cce5b8;letter-spacing:.08em;font-size:11px;line-height:1}.title-shell{width:clamp(840px,68vw,1140px);height:88px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.title-shell:before{content:"";clip-path:polygon(4% 0,96% 0,100% 36%,93% 100%,7% 100%,0 36%);opacity:.78;background:linear-gradient(90deg,#0000 0 14%,#52e0ff1c 23% 77%,#0000 86%),linear-gradient(#06172857,#030b1500);width:100%;height:72px;position:absolute;top:0;left:50%;transform:translate(-50%)}.title-shell:after{content:"";background:linear-gradient(90deg,#0000,#75e8ffb8,#0000);width:min(320px,30%);height:1px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #52e0ff47}.title-core{justify-content:center;align-items:center;width:clamp(700px,58vw,930px);height:68px;padding:0 30px;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.title-core:before,.title-core:after{content:"";position:absolute}.title-core:before{clip-path:polygon(9% 0,91% 0,100% 42%,90% 100%,10% 100%,0 42%);background:linear-gradient(90deg,#0514222e,#0a2e44b8 18%,#051422a3 50%,#0a2e44b8 82%,#0514222e),linear-gradient(#48d6ff1f,#05101cc2 56%,#02091261);border:1px solid #54e2ff6b;inset:0;box-shadow:inset 0 0 14px #52e0ff24,inset 0 -10px 16px #02091270,0 0 16px #52e0ff29}.title-core:after{content:none}.title-core__beacon{display:none}.title-brandline{z-index:2;justify-content:center;align-items:center;gap:22px;width:100%;min-width:0;display:flex;position:relative}.title-brandmark{flex:none;align-items:center;gap:12px;min-width:0;display:inline-flex}.title-brandmark__icon{filter:drop-shadow(0 0 14px #58b03029)drop-shadow(0 0 18px #52e0ff1f);flex:none;width:clamp(30px,2.5vw,42px);height:clamp(30px,2.5vw,42px);display:block}.title-brandmark__name{color:#f4fbff;letter-spacing:0;text-shadow:0 0 12px #52e0ff61,0 0 18px #58b03033;white-space:nowrap;font-size:clamp(30px,2.9vw,48px);font-weight:900;line-height:1}.title-brandline__divider{background:linear-gradient(#0000,#72dfff94,#0000);flex:none;width:1px;height:38px;box-shadow:0 0 10px #52e0ff38}.title-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex;position:relative}.eyebrow{color:#6fdcffe0;letter-spacing:0;white-space:nowrap;margin-bottom:6px;font-size:12px;font-weight:800;display:block}h1{color:#f8fbff;letter-spacing:0;text-shadow:0 0 12px #52e0ff9e,0 0 30px #4ab5ff57;z-index:2;white-space:nowrap;margin:0;font-size:36px;font-weight:900;line-height:1;position:relative}@media (width<=1360px){.top-clock-strip{top:16px}.title-shell{width:clamp(720px,62vw,960px);top:12px}.title-core{width:clamp(620px,54vw,820px);height:66px}.title-brandline{gap:18px}.title-brandmark{gap:10px}.title-brandmark__icon{width:34px;height:34px}.title-brandmark__name{font-size:36px}h1{font-size:32px}}.status-pill{color:#e7f5ffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#111d2d9e;border:1px solid #70c6ff38;border-radius:999px;align-items:center;gap:10px;min-height:38px;padding:0 16px;font-size:13px;display:flex;position:absolute;top:34px;right:44px;box-shadow:0 18px 40px #00000057,inset 0 1px #ffffff12}.top-status-tools{pointer-events:auto;z-index:11;align-items:center;gap:10px;display:flex;position:absolute;top:30px;right:44px}.top-status-tools .status-pill{position:static;top:auto;right:auto}.demo-data-toggle{width:30px;height:30px;color:inherit;z-index:12;cursor:pointer;opacity:.42;pointer-events:auto;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:opacity .18s,transform .18s;display:grid;position:relative}.demo-data-toggle:hover,.demo-data-toggle:focus-visible{opacity:.92}.demo-data-toggle:active{transform:scale(.94)}.demo-data-toggle:focus-visible{outline-offset:4px;outline:1px solid #81ddffb8}.demo-data-toggle__track{background:#1c435bb8;border:1px solid #6fcbff57;border-radius:999px;width:28px;height:16px;transition:background .18s,border-color .18s,box-shadow .18s;display:block;position:relative;box-shadow:inset 0 0 10px #0000005c,0 0 12px #3acaff1f}.demo-data-toggle__thumb{background:#79e4ff;border-radius:50%;width:10px;height:10px;transition:background .18s,box-shadow .18s,transform .18s;position:absolute;top:2px;left:2px;transform:translate(12px);box-shadow:0 0 10px #79e4ffe6}.screen[data-demo-data=off] .demo-data-toggle__track{background:#4e37239e;border-color:#ffbf637a;box-shadow:inset 0 0 10px #0000006b,0 0 12px #ffab4c1a}.screen[data-demo-data=off] .demo-data-toggle__thumb{background:#ffc46b;transform:translate(0);box-shadow:0 0 10px #ffc46bc7}.screen[data-demo-data=off] .status-pill span{background:#ffc46b;box-shadow:0 0 14px #ffc46b9e}.screen[data-demo-data=off] .command-column--left,.screen[data-demo-data=off] .command-column--right{gap:8px}.screen[data-demo-data=off] .command-column--left{grid-template-rows:minmax(0,205px) minmax(0,1fr) minmax(0,1fr)}.screen[data-demo-data=off] .command-column--right{grid-template-rows:minmax(272px,1fr) minmax(104px,.36fr) 206px}.screen[data-demo-data=off] .command-column--right .live-asset-list{height:auto;max-height:min(220px,24vh);overflow:auto}.screen[data-demo-data=off] .command-column--right .live-assets-panel--summary{min-height:76px}.screen[data-demo-data=off] .command-column--right .device-log-item{grid-template-columns:32px 36px minmax(0,1fr) 44px}.screen[data-demo-data=off] .command-column--right .device-log-flag{color:#69dfff;text-align:center;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.screen[data-demo-data=off] .command-column--right .device-log-item b{white-space:nowrap}.live-overview-panel,.live-assets-panel,.live-points-panel{overflow:hidden}.live-overview-score{align-items:baseline;gap:8px;padding:10px 2px 8px;display:flex}.live-overview-score strong{color:#54e1ff;font-size:30px;line-height:1}.live-overview-score span{color:#dcf0fad6;font-size:11px}.live-overview-score em{color:#9dc2d8a3;margin-left:auto;font-size:9px;font-style:normal}.live-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.live-overview-grid div{background:#ffffff09;border:1px solid #70beff1a;border-radius:7px;padding:7px 8px}.live-overview-grid span,.live-overview-grid em,.live-point-row em,.live-assets-panel .panel-head strong{color:#aacde09e;font-size:9px;font-style:normal}.live-overview-grid strong{color:#f1fbff;margin-top:4px;font-size:15px;display:block}.live-overview-grid em{margin-top:3px;display:block}.live-asset-list,.live-point-list{gap:6px;display:grid;overflow:auto}.live-asset-list{height:calc(100% - 34px)}.live-point-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;height:calc(100% - 32px)}.live-asset-row{background:#ffffff09;border:1px solid #70beff1a;border-left:2px solid #4edbff9e;border-radius:7px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:42px;padding:6px 7px;display:grid}.live-asset-row--warning{border-left-color:#ffae55}.live-asset-row--offline{border-left-color:#ff5b78}.live-asset-row__kind{color:#69dfff;font-size:9px;font-weight:800}.live-asset-row__main{min-width:0}.live-asset-row__main strong,.live-asset-row__main em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.live-asset-row__main strong{color:#ecf8ffeb;font-size:10px}.live-asset-row__main em{color:#9dc2d89e;margin-top:3px;font-size:9px;font-style:normal}.live-asset-row>b{color:#79f2bb;font-size:9px;font-weight:700}.live-asset-row--warning>b{color:#ffbd70}.live-asset-row--offline>b{color:#ff7c94}.live-point-row{background:#ffffff09;border:1px solid #70beff1a;border-radius:7px;gap:4px;padding:8px;display:grid}.live-point-row strong{color:#e9f8ff;font-size:11px}.live-point-row span{color:#69dfff;font-size:13px;font-weight:700}.live-point-row em{font-style:normal}.live-empty{color:#aacde09e;text-align:center;padding:18px 8px;font-size:10px}.live-asset-summary{color:#d2edf9d1;padding:7px 0;font-size:11px;line-height:1.6}.status-pill span{background:#5df5b0;border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #5df5b0e0}.stat-row{opacity:1;grid-template-columns:repeat(3,minmax(132px,1fr));gap:10px;width:min(690px,100vw - 88px);transition:opacity .52s,transform .52s;display:grid;bottom:42px;left:44px;transform:translateY(0)}.stat-row article{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a121e8f;border:1px solid #6dbdff29;border-radius:10px;min-height:82px;padding:12px 13px 10px;position:relative;box-shadow:0 20px 46px #00000057,inset 0 1px #ffffff0f}.kpi-card--latency strong.is-updating{animation:.42s latencyPulse}.stat-row span,.stat-row em{color:#ccdeeeb8;font-size:12px;font-style:normal}.stat-row strong{color:#55d6ff;margin:4px 5px 0 0;font-size:25px;line-height:1;display:inline-block}.stat-row small{color:#79f2bbbd;font-size:11px;font-weight:800;position:absolute;top:13px;right:13px}.kpi-line{background:#77c6ff1f;border-radius:999px;height:2px;position:absolute;bottom:10px;left:13px;right:12px;overflow:hidden}.kpi-line:before{width:var(--level);content:"";background:linear-gradient(90deg,#52e0ff,#79f2bb);border-radius:999px;height:100%;display:block;box-shadow:0 0 14px #52e0ff6b}.screen.is-detail-open .stat-row,.screen.is-detail-targeting .stat-row{opacity:0;pointer-events:none;transform:translate(-50%,14px)}.screen.is-detail-open .legend-card,.screen.is-detail-targeting .legend-card{opacity:0;pointer-events:none}.screen.is-detail-open .activity-card,.screen.is-detail-targeting .activity-card{opacity:0;pointer-events:none;transform:translateY(-10px)}.activity-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1;background:#0a121e8f;border:1px solid #6dbdff29;border-radius:12px;width:min(424px,100vw - 88px);height:214px;min-height:214px;padding:14px;transition:opacity .52s,transform .52s;top:142px;left:44px;overflow:hidden;transform:translateY(0);box-shadow:0 22px 50px #0000005c,inset 0 1px #ffffff0f}.activity-card__head{color:#ccdeeeb8;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.activity-card__head strong{color:#79f2bb;letter-spacing:0;font-size:11px}.device-log-viewport{height:156px;position:relative;overflow:hidden}.device-log-list{will-change:transform;gap:8px;display:grid;transform:translateY(0)}.device-log-list.is-scrolling{transition:transform .68s cubic-bezier(.42,0,.18,1);transform:translateY(-82px)}.device-log-item{background:#ffffff09;border:1px solid #80c4ff1a;border-left-color:#4edbff75;border-radius:9px;grid-template-columns:42px 22px minmax(0,1fr) 42px;align-items:start;gap:8px;height:74px;padding:8px 8px 7px;display:grid}.device-log-item--warning{border-left-color:#ff9b45ad}.device-log-item--offline{border-left-color:#ff4d6db8}.device-log-item--diagnosis{border-left-color:#79f2bb94}.device-log-item--sync{border-left-color:#869dffa3}.device-log-time{color:#bed5e799;padding-top:3px;font-size:11px}.device-log-flag{padding-top:1px;font-size:17px;font-style:normal;line-height:1;display:block}.device-log-main{gap:5px;min-width:0;display:grid}.device-log-main strong,.device-log-main small,.device-log-metrics em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.device-log-main strong{color:#f2f8ffeb;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.device-log-main strong em{color:#79f2bbdb;font-size:10px;font-style:normal;font-weight:800}.device-log-main small{color:#c6dbec8f;font-size:10px}.device-log-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.device-log-metrics em{color:#d0e7f6b8;background:#ffffff07;border:1px solid #6fd9ff1a;border-radius:5px;min-height:18px;padding:3px 5px 0;font-size:9px;font-style:normal;display:block}.device-log-item b{color:#6fd9ffe6;background:#6fd9ff0f;border:1px solid #6fd9ff29;border-radius:999px;place-items:center;min-height:24px;margin-top:1px;font-size:10px;display:inline-grid}.device-log-item--warning b{color:#ffb46b;background:#ff9b4514;border-color:#ff9b4533}.device-log-item--offline b{color:#ff7890;background:#ff4d6d14;border-color:#ff4d6d38}.device-log-empty{color:#aacde09e;place-items:center;min-height:92px;font-size:10px;display:grid}.legend-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1;background:#0a121e8f;border:1px solid #6dbdff29;border-radius:12px;width:min(560px,100vw - 88px);max-height:min(478px,100vh - 158px);padding:14px;transition:opacity .52s,transform .52s;bottom:42px;right:44px;transform:translateY(0);box-shadow:0 22px 50px #0000005c,inset 0 1px #ffffff0f}.legend-card__head{color:#ccdeeeb8;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.legend-card__head strong{color:#f7fbff;font-size:12px}.region-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.region-tab{color:#dcedf9b3;cursor:pointer;background:#ffffff09;border:1px solid #80c4ff1f;border-radius:7px;height:28px;padding:0 8px;font-size:11px}.region-tab.is-active{color:#f6fbff;background:linear-gradient(#52e0ff29,#52e0ff0d),#ffffff0a;border-color:#52e0ff66;box-shadow:inset 0 0 0 1px #79f2bb14}.legend-status{gap:8px;margin-bottom:10px;display:flex}.legend-status span{color:#e1effac2;background:#ffffff09;border:1px solid #80c4ff1f;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 8px;font-size:11px;display:inline-flex}.country-list{min-height:348px;max-height:348px;padding-right:2px;position:relative;overflow:hidden}.country-list__track{will-change:transform;grid-auto-rows:56px;align-content:start;gap:6px;display:grid}.country-list__track.is-scrolling{animation:.82s countryListScrollUp}.country-row{color:#eff7ffe6;cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #80c4ff1a;border-left-color:#4edbff6b;border-radius:9px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;height:56px;min-height:0;padding:7px 9px;display:grid}.country-row--warning{border-left-color:#ff9b459e}.country-row--offline{border-left-color:#ff4d6dad}.flag-avatar{align-self:center;width:18px;height:18px;font-size:16px;font-style:normal;line-height:1;display:block}.flag-avatar--sm{width:24px;height:24px;font-size:14px}.country-row__content,.country-row__top,.country-row__main,.country-row__metric,.country-row__latency{gap:2px;display:grid}.country-row__content,.country-row__main,.country-row__metric,.country-row__latency{min-width:0}.country-row__content{gap:0}.country-row__top{grid-template-columns:minmax(142px,1.16fr) repeat(3,minmax(108px,1fr));align-items:center;gap:0;min-height:42px}.country-row__main strong,.country-row__metric strong,.country-row__metric em,.country-row__latency strong,.country-row__site,.country-row__coordinate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.country-row__main strong{color:#f3f9ff;font-size:11px;line-height:1.05}.country-row__metric em,.country-row__site{color:#c6dbec8f;font-size:10px;font-style:normal}.country-row__metric strong{color:#5ad9ff;font-size:11px}.country-row__metric{text-align:center;border-left:1px solid #80c4ff14;align-content:center;justify-items:center;min-height:32px}.country-row__latency strong{color:#79f2bb;font-size:11px;line-height:1}.country-row__latency--warning strong{color:#ffb46b}.country-row__latency--poor strong{color:#ff7890}.country-row__latency em{color:#c6dbec8f;text-align:right;font-size:10px;font-style:normal}.country-row__latency.is-updating strong{animation:.52s communicationLatencyPulse}.country-row__latency{border-left:1px solid #80c4ff14;grid-template-columns:38px 42px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:32px;display:grid}.latency-bars{grid-template-columns:repeat(4,1fr);align-items:end;gap:2px;width:38px;height:14px;display:grid}.latency-bars i{background:#77c6ff1a;border-radius:2px}.latency-bars i.is-filled{opacity:.84}.latency-bars i:first-child{height:6px}.latency-bars i:nth-child(2){height:8px}.latency-bars i:nth-child(3){height:11px}.latency-bars i:nth-child(4){height:14px}.country-row__latency--good .latency-bars i.is-filled{box-shadow:none;background:linear-gradient(#79f2bbdb,#35d6ffb8)}.country-row__latency--warning .latency-bars i.is-filled{box-shadow:none;background:linear-gradient(#ffd36bdb,#ff9b45b8)}.country-row__latency--poor .latency-bars i.is-filled{box-shadow:none;background:linear-gradient(#ff8a9ddb,#ff4d6db8)}.country-row__site{color:#c6dbec8f;font-size:10px;font-style:normal;line-height:1.05}.country-row__coordinate{color:#96abbeb8;text-align:center;border-left:1px solid #80c4ff14;justify-content:center;align-items:center;height:100%;min-height:32px;font-size:9px;display:flex}.top-metric-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#09182833,#0b21348f,#09182833),#050d186b;border:1px solid #59dbff29;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));width:clamp(500px,42vw,720px);min-height:74px;display:grid;top:118px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 46px #00000052,inset 0 1px #ffffff0f}.top-metric-bar article{border-left:1px solid #78cdff1a;grid-template-rows:auto auto auto;grid-template-columns:28px 1fr;align-content:center;column-gap:8px;min-width:0;min-height:74px;padding:10px;display:grid;position:relative}.top-metric-bar article:first-child{border-left:0}.top-metric-bar i{background:radial-gradient(circle,#79f2bb61,#0000 36%),#52e0ff14;border:1px solid #52e0ff47;border-radius:999px;grid-row:1/4;align-self:center;width:26px;height:26px;box-shadow:0 0 22px #52e0ff2e}.top-metric-bar span,.top-metric-bar small{color:#c4dbedb3;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.top-metric-bar strong{color:#36dcff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:19px;line-height:1.05;overflow:hidden}.top-metric-bar em{color:#daeefac7;margin-left:4px;font-size:10px;font-style:normal}.command-column{pointer-events:none;gap:8px;width:clamp(318px,26.8vw,420px);display:grid;top:96px;bottom:92px}.command-column--left{grid-template-rows:minmax(0,min(24vh,205px)) minmax(0,1fr) minmax(0,1fr);bottom:20px;left:24px}.command-column--right{grid-template-rows:minmax(272px,1fr) minmax(104px,.36fr) 206px;bottom:20px;right:24px}@media (height<=560px){.command-column{bottom:20px}.command-column--left{grid-template-rows:minmax(0,min(25vh,160px)) minmax(0,1fr) minmax(0,1fr)}}.command-column>*{pointer-events:auto;min-height:0}.command-panel,.activity-card,.legend-card{color:#eaf6ffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1;background:linear-gradient(#071625b8,#050f1b9e),#07101d9e;border:1px solid #52e0ff2e;border-radius:8px;width:auto;height:auto;min-height:0;max-height:none;padding:11px 12px;transition:opacity .52s,transform .52s;position:relative;inset:auto;overflow:hidden;transform:none;box-shadow:0 16px 38px #00000057,inset 0 1px #ffffff0f}.command-panel:before,.activity-card:before,.legend-card:before{content:"";background:linear-gradient(90deg,#0000,#52e0ff9e,#0000);height:1px;position:absolute;top:0;left:14px;right:14px}.panel-head,.activity-card__head,.legend-card__head{color:#c9e0f1c7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;font-size:12px;display:flex}.panel-head span,.activity-card__head span,.legend-card__head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:16px;position:relative;overflow:hidden}.panel-head span:before,.activity-card__head span:before,.legend-card__head span:before{content:"";background:#52e0ff38;border:1px solid #52e0ff6b;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.panel-head strong,.activity-card__head strong,.legend-card__head strong{color:#75e8ff;white-space:nowrap;font-size:11px;font-weight:800}.overview-panel{grid-template-rows:auto minmax(0,auto);gap:10px;display:grid}.overview-scale-shell{min-height:0;overflow:hidden}.overview-scale-content{transform:scale(var(--overview-scale));transform-origin:0 0;gap:10px;display:grid}.overview-score{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:14px;min-height:88px;padding-bottom:14px;display:grid;position:relative}.overview-score:after{content:"";background:linear-gradient(90deg,#77c6ff1f,#77c6ff14);height:1px;position:absolute;bottom:0;left:0;right:0}.score-orbit{background:radial-gradient(circle at center, #08111efa 0 58%, transparent 60%), conic-gradient(#52e0ff 0 82%, #52e0ff26 82% 100%);border-radius:999px;align-content:center;place-items:center;gap:3px;width:68px;height:68px;display:grid;box-shadow:0 0 24px #52e0ff2e}.score-orbit strong{color:#50e4ff;font-size:19px;line-height:.9}.score-orbit span{color:#d2e6f5ad;font-size:8px;line-height:1}.overview-score>div:last-child>span{color:#cee2f2b8;margin-bottom:7px;font-size:11px;display:block}.sparkline{width:100%;height:58px;display:block}.sparkline path{fill:none;stroke:#77c6ff1f;stroke-width:1px}.sparkline polyline{fill:none;stroke:#52e0ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;filter:drop-shadow(0 0 6px #52e0ff47)}.sparkline--compact{height:44px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px 16px;padding-bottom:10px;display:grid}.overview-grid div{border-top:0;grid-template-columns:1fr;gap:5px;min-height:50px;padding-top:0;display:grid}.overview-grid span,.overview-grid em{color:#c3daec9e;font-size:10px;font-style:normal;line-height:1.2}.overview-grid strong{color:#58dfff;font-size:18px;line-height:1}.overview-grid em{color:#c3daecb8}.command-column--left .overview-panel{grid-template-rows:auto minmax(0,1fr);gap:8px}.command-column--left .overview-scale-content{gap:8px}.command-column--left .overview-score{grid-template-columns:70px minmax(0,1fr);gap:10px;min-height:74px;padding-bottom:10px}.command-column--left .score-orbit{width:60px;height:60px}.command-column--left .score-orbit strong{font-size:18px}.command-column--left .sparkline--compact{height:36px}.command-column--left .overview-grid{gap:6px 12px;padding-bottom:4px}.command-column--left .overview-grid div{gap:4px;min-height:38px}.command-column--left .overview-grid strong{font-size:17px}.link-map-panel{grid-template-rows:auto auto 1fr;display:grid}.link-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.link-summary span{background:#ffffff07;border:1px solid #77c6ff1a;border-radius:7px;gap:5px;min-height:46px;padding:8px 10px;display:grid}.link-summary strong{color:#58dfff;font-size:16px;line-height:1}.link-summary em{color:#c6dceda3;font-size:10px;font-style:normal;line-height:1.2}.link-table{background:linear-gradient(#0a1a2a5c,#050f1b38),#ffffff05;border:1px solid #77c6ff14;border-radius:8px;align-content:start;min-height:0;display:grid;overflow:hidden}.link-table__head,.link-route{grid-template-columns:minmax(0,1.45fr) 46px 54px 48px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:grid}.link-table__head{color:#c6dced8a;border-bottom:1px solid #77c6ff14;font-size:10px}.link-route{border-bottom:1px solid #77c6ff14}.link-route:last-child{border-bottom:0}.link-route__main{gap:3px;min-width:0;display:grid}.link-route__main strong,.link-route__main em,.link-route b,.link-route>em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.link-route__main strong{color:#f3f9ffe6;font-size:11px}.link-route__main em{color:#c6dced99;font-size:9px;font-style:normal}.link-route b,.link-route>em{color:#58dfff;text-align:right;font-size:10px;font-style:normal}.link-route--warning b,.link-route--warning>em{color:#ffb46b}.link-route--offline b,.link-route--offline>em{color:#ff7890}.acquisition-panel{grid-template-rows:auto auto 1fr;gap:8px;display:grid}.acquisition-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.acquisition-group{background:linear-gradient(#52e0ff12,#ffffff06),#ffffff05;border:1px solid #77c6ff1a;border-radius:7px;gap:3px;min-width:0;min-height:58px;padding:7px 8px;display:grid}.acquisition-group--warning{background:linear-gradient(#ff9b451a,#ffffff06),#ffffff05;border-color:#ff9b4533}.acquisition-group strong,.acquisition-group span,.acquisition-group em,.acquisition-group small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.acquisition-group strong{color:#f3f9ffeb;font-size:10px;line-height:1}.acquisition-group span,.acquisition-group small{color:#c6dced94;font-size:9px}.acquisition-group em{color:#58dfff;font-size:12px;font-style:normal;font-weight:800;line-height:1}.acquisition-group--warning em{color:#ffb46b}.point-table{background:#ffffff05;border:1px solid #77c6ff14;border-radius:8px;align-content:start;min-height:0;display:grid;overflow:hidden}.point-table__head,.point-row{color:#c7ddee9e;border-bottom:1px solid #77c6ff14;grid-template-columns:minmax(0,.88fr) minmax(0,1fr) 58px 40px;align-items:center;gap:8px;min-height:25px;padding:0 8px;font-size:9px;display:grid}.point-row:last-child{border-bottom:0}.point-row span,.point-row em,.point-row strong,.point-row b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.point-row span{color:#f3f9ffdb}.point-row em{color:#c6dced94;font-style:normal}.point-row strong{color:#58dfff;text-align:right;font-size:10px}.point-row b{color:#58dfff;background:#52e0ff0f;border:1px solid #52e0ff26;border-radius:999px;place-items:center;height:18px;font-size:9px;display:inline-grid}.point-row--warning strong,.point-row--warning b{color:#ffb46b;background:#ff9b4514;border-color:#ff9b4533}.command-column--left .link-summary span{min-height:38px;padding:6px 8px}.command-column--left .link-table__head,.command-column--left .link-route{min-height:32px}.command-column--left .acquisition-group{min-height:48px;padding:6px 7px}.command-column--left .point-table__head,.command-column--left .point-row{min-height:22px}.command-column--right .legend-card{grid-template-rows:auto auto auto minmax(0,1fr);align-content:start;padding:11px 12px;display:grid}.command-column--right .country-list{align-self:stretch;height:auto;min-height:0;max-height:none}.command-column--right .country-list__track{grid-auto-rows:49px}.command-column--right .country-row{height:49px;min-height:0;padding:6px 8px}.command-column--right .country-row__top{grid-template-columns:minmax(96px,1.12fr) repeat(3,minmax(68px,1fr));min-height:36px}.command-column--right .country-row__main strong,.command-column--right .country-row__metric strong,.command-column--right .country-row__latency strong{font-size:10px}.command-column--right .country-row__site,.command-column--right .country-row__metric em,.command-column--right .country-row__coordinate{font-size:8px}.command-column--right .latency-bars{width:32px;height:12px}.command-column--right .country-row__latency{grid-template-columns:32px 36px;gap:5px}.alert-panel{grid-template-rows:auto auto 54px 1fr;display:grid}.alert-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.alert-summary span{background:#ffffff08;border:1px solid #77c6ff1a;border-radius:7px;place-items:center;min-height:38px;display:grid}.alert-summary strong{color:#f6fbff;font-size:18px;line-height:1}.alert-summary em{color:#cee2f29e;font-size:9px;font-style:normal}.metric-value.is-updating,.site-detail .is-updating,.st32-energy-card .is-updating{animation:.52s communicationLatencyPulse}.alert-sparkline{height:54px}.alert-sparkline polyline{stroke:#79f2bb}.alert-list{gap:5px;min-height:0;display:grid;overflow:hidden}.alert-list div{color:#cde2f2ad;grid-template-columns:minmax(0,1fr) 28px minmax(70px,.75fr) 24px;align-items:center;gap:8px;font-size:10px;display:grid}.alert-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.alert-list strong{color:#ff9b45;font-size:10px}.alert-list i{background:linear-gradient(90deg, #ff7890 var(--value), #77c6ff1f var(--value));border-radius:999px;height:3px}.alert-list em{color:#e5f2fccc;text-align:right;font-size:10px;font-style:normal}.command-column--right .activity-card{grid-template-rows:auto 1fr;height:206px;min-height:206px;padding:11px 12px;display:grid}.command-column--right .device-log-viewport{height:156px;min-height:0;overflow:hidden}.command-column--right .device-log-list{gap:4px}.command-column--right .device-log-item{border-radius:7px;grid-template-columns:32px 18px minmax(0,1fr) 36px;align-items:center;gap:6px;height:36px;padding:4px 7px}.command-column--right .device-log-list.is-scrolling{transition-duration:.68s;transform:translateY(-40px)}.command-column--right .device-log-time{padding-top:0;font-size:10px}.command-column--right .device-log-flag{padding-top:0;font-size:13px}.command-column--right .device-log-main{gap:2px}.command-column--right .device-log-main strong{gap:5px;font-size:10px;line-height:1.08}.command-column--right .device-log-main strong em{font-size:8px;line-height:1}.command-column--right .device-log-main small{font-size:8px;line-height:1.08}.command-column--right .device-log-metrics{display:none}.command-column--right .device-log-metrics em{border-radius:4px;min-height:12px;padding:1px 4px 0;font-size:7px}.command-column--right .device-log-item b{align-self:start;min-height:18px;margin-top:0;font-size:8px;transform:translateY(-1px)}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:clamp(488px,39vw,700px);bottom:20px;left:50%;transform:translate(-50%)}.stat-row article{border-radius:8px;min-height:64px;padding:10px 11px 9px}.stat-row strong{font-size:21px}.stat-row small{font-size:9px;top:10px;right:10px}.screen.is-detail-open .command-column,.screen.is-detail-open .top-metric-bar,.screen.is-detail-targeting .command-column,.screen.is-detail-targeting .top-metric-bar{opacity:0;pointer-events:none}.site-detail{z-index:5;color:#ebf6ffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:linear-gradient(#122032c7,#060d18b8),#08101cb8;border:1px solid #77c6ff33;border-radius:12px;width:auto;padding:18px;transition:opacity .62s,transform .62s;inset:112px 34px 34px max(420px,34vw);overflow:auto;transform:translate(22px);box-shadow:0 28px 70px #0000006b,inset 0 1px #ffffff12}.site-detail,.st32-drive-list,.st32-io-list{scrollbar-color:#6fd9ff6b #08121e33;scrollbar-width:thin}.site-detail::-webkit-scrollbar{width:6px;height:6px}.st32-drive-list::-webkit-scrollbar{width:6px;height:6px}.st32-io-list::-webkit-scrollbar{width:6px;height:6px}.site-detail::-webkit-scrollbar-track{background:#08121e33;border-radius:999px}.st32-drive-list::-webkit-scrollbar-track{background:#08121e33;border-radius:999px}.st32-io-list::-webkit-scrollbar-track{background:#08121e33;border-radius:999px}.site-detail::-webkit-scrollbar-thumb{background:linear-gradient(#6fd9ff80,#79f2bb47),#6fd9ff42;border-radius:999px;box-shadow:0 0 10px #6fd9ff2e}.st32-drive-list::-webkit-scrollbar-thumb{background:linear-gradient(#6fd9ff80,#79f2bb47),#6fd9ff42;border-radius:999px;box-shadow:0 0 10px #6fd9ff2e}.st32-io-list::-webkit-scrollbar-thumb{background:linear-gradient(#6fd9ff80,#79f2bb47),#6fd9ff42;border-radius:999px;box-shadow:0 0 10px #6fd9ff2e}.site-detail[data-open=true]{opacity:1;pointer-events:auto;transform:translate(0)}.screen.is-detail-returning .site-detail{opacity:0;pointer-events:none;transform:translate(18px)scale(.985)}.site-detail__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.site-detail__identity{flex:0 0 clamp(190px,28%,320px);min-width:0}.site-detail__eyebrow{color:#6fd9ff;font-size:12px;font-weight:800}.site-detail h2{color:#f8fbff;letter-spacing:0;margin:6px 0;font-size:24px;line-height:1.08}.site-detail p{color:#d2e5f5b8;white-space:nowrap;flex:none;align-items:center;min-height:24px;margin:0;font-size:13px;display:inline-flex}.site-detail__meta{white-space:nowrap;scrollbar-width:none;flex:auto;align-items:center;gap:6px;min-width:0;max-width:none;margin-top:0;display:flex;overflow:auto hidden}.site-detail__meta::-webkit-scrollbar{display:none}.site-detail__time{flex-wrap:nowrap;flex:none;gap:5px;margin-top:0;display:flex}.site-detail__time[hidden]{display:none}.site-detail__time span{color:#cde2f2ad;white-space:nowrap;background:#6fd9ff0e;border:1px solid #6fd9ff29;border-radius:8px;align-items:baseline;gap:4px;min-height:23px;padding:0 7px;font-size:11px;display:inline-flex}.site-detail__time strong{color:#f8fbff;font-variant-numeric:tabular-nums;font-size:12px}.site-detail__telemetry{flex-wrap:nowrap;flex:none;gap:6px;margin-top:0;display:flex}.site-detail__telemetry span{color:#cde2f29e;background:#ffffff09;border:1px solid #6fd9ff24;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:0 7px;font-size:11px;display:inline-flex}.site-detail__telemetry strong{color:#6fd9ff;font-size:11px}.site-detail__close{color:#ecf7ffd1;cursor:pointer;background:#ffffff0d;border:1px solid #86caff33;border-radius:8px;flex:none;width:32px;height:32px}.site-detail__kpis{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.site-detail__kpis article{background:#ffffff0b;border:1px solid #70beff24;border-radius:8px;min-height:62px;padding:10px}.site-detail__kpis span{color:#cadff0ad;font-size:11px;display:block}.site-detail__kpis strong{color:#59d8ff;margin-top:7px;font-size:20px;line-height:1;display:block}.site-detail__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.site-detail__chart{background:#ffffff0a;border:1px solid #70beff24;border-radius:8px;padding:13px 14px 15px}.site-detail__grid>.site-detail__chart:not(.chart--wide){min-height:218px}.site-detail__chart--hidden{display:none}.detail-action-band{background:radial-gradient(circle at 8% 30%,#79f2bb1f,#0000 32%),linear-gradient(135deg,#0e343085,#0a1422c2);border:1px solid #79f2bb2e;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:72px;margin:0 0 14px;padding:12px 14px;display:grid;box-shadow:inset 0 0 28px #79f2bb0a}.detail-action-band span{color:#c9e2f1ad;font-size:11px;display:block}.detail-action-band strong{color:#f6fbff;margin-top:5px;font-size:16px;display:block}.detail-action-band__metrics{gap:8px;display:flex}.detail-action-band__metrics em{color:#d2e6f5ad;background:#ffffff0b;border:1px solid #6fd9ff24;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:11px;font-style:normal;display:inline-flex}.detail-action-band__metrics b{color:#79f2bb}.detail-action-band button,.st32-toolbar button{color:#eafff6;cursor:pointer;background:linear-gradient(#339c7e57,#0e3a386b);border:1px solid #79f2bb47;border-radius:8px;min-height:34px;padding:0 13px;box-shadow:0 0 18px #79f2bb1f}.st32-toolbar{background:#ffffff0a;border:1px solid #6fd9ff24;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:grid}.st32-toolbar span{color:#daecf9b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.st32-toolbar strong{color:#6fd9ff;font-size:12px}.st32-hero{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.st32-hero article{background:linear-gradient(#ffffff0d,#ffffff07),#070f1b6b;border:1px solid #70beff24;border-radius:9px;min-height:72px;padding:11px}.st32-hero span,.st32-hero em{color:#cadff0a8;font-size:11px;font-style:normal;display:block}.st32-hero strong{color:#59d8ff;margin:8px 0 4px;font-size:22px;line-height:1;display:block}.st32-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:10px;display:grid}.st32-panel--temperature,.st32-panel--wide{grid-column:1/-1}.st32-panel--expert .st32-expert-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.st32-temp-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.st32-temp-cell{background:#ffffff0a;border:1px solid #6fd9ff1c;border-radius:8px;min-height:82px;padding:8px}.st32-temp-cell span,.st32-temp-cell em,.st32-temp-cell small,.st32-temp-cell b{display:block}.st32-temp-cell span{color:#bfd8ea94;font-size:10px}.st32-temp-cell strong{color:#79f2bb;margin-top:4px;font-size:18px;line-height:1;display:block}.st32-temp-cell em{color:#eef7ffdb;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;font-style:normal;overflow:hidden}.st32-temp-cell small,.st32-temp-cell b{color:#cadff094;margin-top:4px;font-size:9px;font-weight:500}.st32-temp-cell--warning{background:linear-gradient(#ff9b4521,#ffffff09);border-color:#ff9b455c}.st32-temp-cell--warning strong,.st32-temp-cell--warning b{color:#ffb15f}.st32-temp-cell--critical{background:linear-gradient(#ff4d6d26,#ffffff09);border-color:#ff4d6d6b;box-shadow:inset 0 0 18px #ff4d6d14}.st32-temp-cell--critical strong,.st32-temp-cell--critical b{color:#ff6f8a}.st32-drive-list,.st32-io-list{scrollbar-gutter:stable;gap:7px;max-height:360px;padding-right:10px;display:grid;overflow:auto}.st32-drive-row{background:#ffffff09;border:1px solid #70beff1c;border-radius:8px;grid-template-columns:minmax(118px,.85fr) minmax(100px,1fr) 42px;align-items:center;gap:8px;min-height:46px;padding:8px;display:grid}.st32-drive-row span,.st32-drive-row small,.st32-drive-row mark{min-width:0}.st32-drive-row strong,.st32-drive-row em{display:block}.st32-drive-row strong{color:#f5faffe6;font-size:12px}.st32-drive-row em,.st32-drive-row small{color:#c9e0f194;font-size:10px;font-style:normal}.st32-drive-row i{background:#6fd9ff1a;border-radius:999px;height:8px;position:relative;overflow:hidden}.st32-drive-row i:before{width:var(--value);content:"";border-radius:inherit;background:linear-gradient(90deg,#4edbff,#79f2bb);transition:width .42s;position:absolute;inset:0 auto 0 0}.st32-drive-row b{color:#79f2bb;font-size:12px}.st32-drive-row small{grid-column:1/3}.st32-drive-row mark{color:#e4f1fab3;text-align:right;background:0 0;font-size:10px}.st32-drive-row--warning i:before{background:linear-gradient(90deg,#ff9b45,#ffd166)}.st32-drive-row--warning b,.st32-drive-row--warning mark{color:#ffb15f}.st32-drive-row--critical{border-color:#ff4d6d52}.st32-drive-row--critical i:before{background:linear-gradient(90deg,#ff4d6d,#ff9b45)}.st32-drive-row--critical b,.st32-drive-row--critical mark{color:#ff6f8a}.site-detail__chart--drive{min-height:218px}.st32-drive-list--overview{grid-template-columns:1fr;gap:7px;max-height:168px;padding-right:6px}.st32-drive-list--overview .st32-drive-row{grid-template-columns:minmax(96px,.8fr) minmax(76px,1fr) 38px;min-height:38px;padding:6px 7px}.st32-drive-list--overview .st32-drive-row strong{font-size:11px}.st32-drive-list--overview .st32-drive-row em{font-size:9px}.st32-drive-list--overview .st32-drive-row i{height:7px}.st32-drive-list--overview .st32-drive-row b{font-size:11px}.st32-drive-list--overview .st32-drive-row small{grid-column:1/3}.st32-drive-list--overview .st32-drive-row small,.st32-drive-list--overview .st32-drive-row mark{font-size:9px}.st32-io-row{background:#ffffff09;border:1px solid #70beff1a;border-radius:8px;grid-template-columns:52px minmax(0,1fr) 118px 48px;align-items:center;gap:8px;min-height:38px;padding:7px 8px;display:grid}.st32-io-row span{color:#6fd9ff;font-size:10px}.st32-io-row strong{color:#f5faffe6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.st32-io-row em{color:#c9e0f18f;font-size:10px;font-style:normal}.st32-io-row b{color:#c9e0f194;text-align:right;font-size:10px}.st32-io-row--warning{border-color:#ff9b454d}.st32-io-row--warning b{color:#ffb15f}.st32-io-row--critical{background:#ff4d6d12;border-color:#ff4d6d57}.st32-io-row--critical b{color:#ff6f8a}.st32-energy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.st32-energy-list div,.st32-expert-rows div{background:#ffffff09;border:1px solid #70beff1a;border-radius:8px;min-height:50px;padding:8px}.st32-energy-list span,.st32-energy-list em,.st32-expert-rows span,.st32-expert-rows em{color:#cadff094;font-size:10px;font-style:normal;display:block}.st32-energy-list strong,.st32-expert-rows strong{color:#f6fbff;margin:5px 0 3px;font-size:13px;display:block}.st32-expert-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.chart--wide{grid-column:1/-1}.chart-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.chart-head--stacked{align-items:flex-start;gap:8px}.chart-head--stacked>span{white-space:nowrap}.chart-head span{color:#d1e5f5b8;font-size:12px}.chart-head strong{color:#f6fbff;font-size:18px}.process-trend-values{grid-template-columns:repeat(2,minmax(58px,auto));gap:8px;display:grid}.process-trend-values article{text-align:right;min-width:0}.process-trend-values span{color:#cadff085;font-size:9px;display:block}.process-trend-values strong{color:#f6fbff;white-space:nowrap;margin-top:5px;font-size:17px;line-height:1;display:block}.process-trend-values article:first-child strong{color:#79f2bb}.process-trend-values article:last-child strong{color:#58dfff}.acq-diagnosis{grid-template-columns:minmax(128px,.34fr) minmax(0,1fr);gap:12px;min-height:132px;display:grid}.acq-score{background:radial-gradient(circle at 50% 22%,#79f2bb29,#0000 48%),linear-gradient(#102e2e80,#07111d9e);border:1px solid #79f2bb2e;border-radius:10px;align-content:center;min-height:132px;padding:14px;display:grid}.acq-score span{color:#cee4f3a3;font-size:11px}.acq-score strong{color:#79f2bb;text-shadow:0 0 18px #79f2bb33;margin:9px 0 8px;font-size:38px;line-height:.9}.acq-score strong:after{content:"分";color:#cee4f39e;margin-left:3px;font-size:12px}.acq-score em{color:#deedf9b8;font-size:11px;font-style:normal;line-height:1.45}.acq-flow{grid-template-columns:repeat(4,auto);align-self:end;align-items:center;gap:9px;display:grid}.acq-flow span{color:#f2f8ffe0;background:#ffffff0b;border:1px solid #6fd9ff29;border-radius:999px;place-items:center;min-height:34px;padding:0 13px;font-size:12px;font-weight:800;display:inline-grid}.acq-flow i{background:linear-gradient(90deg,#6fd9ff1f,#79f2bb9e);border-radius:999px;min-width:36px;height:2px;box-shadow:0 0 12px #79f2bb2e}.acq-metrics{grid-template-columns:repeat(4,minmax(0,1fr));align-self:start;gap:8px;display:grid}.acq-metrics article{background:#ffffff09;border:1px solid #70beff1f;border-radius:9px;min-height:62px;padding:10px}.acq-metrics span,.acq-metrics strong{display:block}.acq-metrics span{color:#cadff09e;font-size:10px}.acq-metrics strong{color:#59d8ff;margin-top:8px;font-size:17px;line-height:1}.acq-diagnosis[data-state=warning] .acq-score{background:radial-gradient(circle at 50% 22%,#ff9b4529,#0000 48%),linear-gradient(#36271685,#07111d9e);border-color:#ff9b453d}.acq-diagnosis[data-state=warning] .acq-score strong,.acq-diagnosis[data-state=warning] .acq-metrics strong{color:#ffb15f}.acq-diagnosis[data-state=warning] .acq-flow i{background:linear-gradient(90deg,#ff9b451f,#ffb15f9e)}.acq-diagnosis[data-state=offline] .acq-score{background:radial-gradient(circle at 50% 22%,#ff4d6d29,#0000 48%),linear-gradient(#3614238f,#07111d9e);border-color:#ff4d6d4d}.acq-diagnosis[data-state=offline] .acq-score strong,.acq-diagnosis[data-state=offline] .acq-metrics strong{color:#ff6f8a}.acq-diagnosis[data-state=offline] .acq-flow span:nth-of-type(2){color:#ff8ca0;background:#ff4d6d14;border-color:#ff4d6d57}.acq-diagnosis[data-state=offline] .acq-flow i{background:linear-gradient(90deg,#ff4d6d1f,#ff4d6d99)}.device-flow-card{--flow-color:#26d49b;z-index:4;color:#ebf6ffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:radial-gradient(circle at 58% 54%,#79f2bb14,#0000 42%),radial-gradient(circle at 14% 18%,#6fd9ff1a,#0000 32%),linear-gradient(#0a162494,#050b146b);border:1px solid #77c6ff29;border-radius:14px;width:min(560px,max(420px,34vw) - 54px);padding:12px;transition:opacity .52s,transform .52s;top:auto;bottom:222px;left:clamp(24px,2.4vw,42px);overflow:hidden;transform:translate(-10px,10px)scale(.985);box-shadow:0 22px 54px #00000052,inset 0 1px #ffffff0e}.device-flow-card[data-state=warning]{--flow-color:#ffb15f}.device-flow-card[data-state=offline]{--flow-color:#ff6f8a}.device-flow-card .chart-head{margin-bottom:10px}.device-flow-card .chart-head span{letter-spacing:.12em}.device-flow-card .chart-head strong{color:var(--flow-color,#26d49b);text-shadow:0 0 12px color-mix(in srgb, var(--flow-color,#26d49b) 28%, transparent);font-size:14px}.screen.is-detail-open .device-flow-card{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.screen.is-detail-returning .device-flow-card,.screen.is-detail-targeting .device-flow-card{opacity:0;pointer-events:none;transform:translate(-8px,8px)scale(.985)}.st32-energy-card{z-index:4;color:#ebf6ffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,#6fd9ff17,#0000 34%),linear-gradient(#0a16248f,#050b146b);border:1px solid #77c6ff26;border-radius:14px;width:min(560px,max(420px,34vw) - 54px);height:168px;padding:14px 12px 16px;transition:opacity .52s,transform .52s;top:auto;bottom:34px;left:clamp(24px,2.4vw,42px);overflow:hidden;transform:translate(-8px,10px)scale(.985);box-shadow:0 20px 48px #0000004d,inset 0 1px #ffffff0e}.st32-energy-card .chart-head{margin-bottom:10px}.st32-energy-card .chart-head span{letter-spacing:.12em}.st32-energy-card .chart-head strong{color:#6fd9ff;font-size:14px}.st32-energy-card .st32-energy-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.st32-energy-card .st32-energy-list div{background:linear-gradient(#ffffff0e,#ffffff05),#0d1d2e94;min-height:42px;padding:6px 7px}.st32-energy-card .st32-energy-list span,.st32-energy-card .st32-energy-list em{font-size:9px}.st32-energy-card .st32-energy-list strong{color:#f6fbff;margin:4px 0 2px;font-size:11px;line-height:1}.screen.is-detail-open .st32-energy-card{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.screen.is-detail-returning .st32-energy-card,.screen.is-detail-targeting .st32-energy-card{opacity:0;pointer-events:none;transform:translate(-8px,8px)scale(.985)}.line-chart{width:100%;height:92px;display:block;overflow:visible}.line-chart path{fill:none;stroke:#83c4ff1f;stroke-width:1px}.line-chart polyline{fill:none;stroke:#79f2bb;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;filter:drop-shadow(0 0 8px #79f2bb5c)}.process-trend-chart{height:86px;margin-top:4px}.line-chart .line-chart__pressure{stroke:#58dfff;stroke-width:2.5px;filter:drop-shadow(0 0 8px #58dfff47)}.process-trend-legend{color:#cadff09e;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:10px;display:flex}.process-trend-legend span{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.process-trend-legend i{border-radius:999px;width:14px;height:2px}.process-trend-legend b{color:#eaf6ffd1;font-weight:600}.process-trend-legend__oil{background:#79f2bb;box-shadow:0 0 8px #79f2bb61}.process-trend-legend__pressure{background:#58dfff;box-shadow:0 0 8px #58dfff4d}.donut-row{grid-template-columns:92px 1fr;align-items:center;gap:14px;min-height:98px;display:grid}.donut-chart{background:radial-gradient(circle at center, #08111efa 0 52%, transparent 53%), conic-gradient(#4edbff 0 var(--online,84%), #ff9b45 var(--online,84%) var(--warning,92%), #ff4d6d var(--warning,92%) 100%);border-radius:999px;width:88px;height:88px;box-shadow:0 0 24px #4edbff33,inset 0 0 18px #ffffff0f}.donut-list,.event-list{gap:8px;display:grid}.donut-list span{color:#deedf9c7;align-items:center;gap:8px;font-size:12px;display:flex}.event-item{border-bottom:1px solid #77c6ff1a;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:36px;padding:8px 0;display:grid}.event-item:last-child{border-bottom:0}.event-item span,.event-item em{color:#c8deefa3;font-size:11px;font-style:normal}.event-item strong{color:#f2f8ffe6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.detail-service-body{grid-template-columns:minmax(0,1fr) minmax(218px,.34fr);align-items:stretch;gap:12px;min-height:clamp(240px,28vh,324px);display:grid}.detail-service-body .event-list{grid-auto-rows:1fr;gap:7px}.detail-service-body .event-item{background:linear-gradient(#ffffff0b,#ffffff05),#08121e47;border:1px solid #77c6ff1a;border-radius:8px;grid-template-columns:46px minmax(0,1fr) minmax(86px,auto);min-height:44px;padding:9px 10px}.detail-service-body .event-item:last-child{border-bottom:1px solid #77c6ff1a}.detail-service-body .event-item em{color:#8fb2ccd1;text-overflow:ellipsis;white-space:nowrap;justify-self:end;max-width:160px;overflow:hidden}.detail-service-snapshot{grid-template-rows:minmax(86px,.9fr) minmax(0,1.1fr);gap:8px;min-width:0;display:grid}.service-live-card{background:radial-gradient(circle at 86% 22%,#79f2bb21,#0000 42%),linear-gradient(#0e302d80,#08121e75);border:1px solid #79f2bb29;border-radius:9px;min-height:76px;padding:11px 12px}.service-live-card--warning{background:radial-gradient(circle at 86% 22%,#ff9b4524,#0000 42%),linear-gradient(#33261880,#08121e75);border-color:#ff9b4538}.service-live-card--offline{background:radial-gradient(circle at 86% 22%,#ff4d6d26,#0000 42%),linear-gradient(#32162285,#08121e75);border-color:#ff4d6d3d}.service-live-card span,.service-live-card em,.service-mini-grid span,.service-mini-grid em{color:#cadff094;font-size:10px;font-style:normal;display:block}.service-live-card strong{color:#79f2bb;margin:8px 0 5px;font-size:22px;line-height:1;display:block}.service-live-card--warning strong{color:#ffb15f}.service-live-card--offline strong{color:#ff6f8a}.service-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px;display:grid}.service-mini-grid div{background:#ffffff09;border:1px solid #70beff1a;border-radius:8px;min-height:0;padding:9px}.service-mini-grid strong{color:#f6fbff;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 3px;font-size:14px;line-height:1;display:block;overflow:hidden}.service-asset-list{border-top:1px solid #7abede1f;margin-top:10px;padding-top:9px}.service-asset-list__head,.service-asset-list__rows span{align-items:center;gap:7px;display:flex}.service-asset-list__head{color:#cde7f6d6;letter-spacing:.06em;justify-content:space-between;font-size:10px}.service-asset-list__head em,.service-asset-list__rows em{color:#98bed6a3;font-size:9px;font-style:normal}.service-asset-list__rows{gap:5px;max-height:112px;margin-top:7px;display:grid;overflow:auto}.service-asset-list__rows span{color:#dff2fcd1;min-width:0;font-size:10px}.service-asset-list__rows b{color:#72dcff;letter-spacing:.08em;flex:none;font-size:9px;font-weight:800}.service-asset-list__rows strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.dot{border-radius:999px;width:7px;height:7px}.dot--running{background:#4edbff;box-shadow:0 0 14px #4edbffe6}.dot--warning{background:#ff9b45;box-shadow:0 0 14px #ff9b45e6}.dot--offline{background:#ff4d6d;box-shadow:0 0 14px #ff4d6de6}.site-label{transform:translate(-50%, -50%) scale(var(--label-scale,1));transform-origin:50%;color:#f2f8ffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;white-space:nowrap;background:#080f199e;border:1px solid #78c5ff2e;border-radius:7px;min-width:88px;padding:5px 8px 6px;box-shadow:0 10px 28px #00000057}.site-label strong,.site-label span{display:block}.site-label strong{color:#f5fbff;font-size:10px;line-height:1.1}.site-label span{color:#d4e6f6a8;margin-top:3px;font-size:9px;line-height:1.1}.site-label--hq{background:#1e2d3ec7;border-color:#ffffff59;min-width:104px}.site-label--hq strong{font-size:11px}@keyframes latencyPulse{0%{color:#55d6ff;text-shadow:none;transform:translateY(0)}42%{color:#79f2bb;text-shadow:0 0 18px #79f2bb80;transform:translateY(-1px)}to{color:#55d6ff;text-shadow:none;transform:translateY(0)}}@keyframes communicationLatencyPulse{0%{text-shadow:none;transform:translateY(0)}45%{text-shadow:0 0 12px;transform:translateY(-1px)}to{text-shadow:none;transform:translateY(0)}}@keyframes countryListScrollUp{0%{transform:translateY(0)}to{transform:translateY(calc(-16.6667% - 1px))}}@media (width<=620px){html,body,#app{height:auto;min-height:100%}body{overflow:hidden auto}.screen{width:100%;height:auto;min-height:100dvh;padding:16px clamp(14px,4vw,28px) 28px;overflow:visible}.screen:before,#globe-canvas{width:100vw;height:100dvh;position:fixed;inset:0}#globe-canvas{opacity:.56;pointer-events:none}#label-layer,#hit-layer,.site-label{display:none}.hud,.hud--top,.top-metric-bar,.command-column,.stat-row{width:100%;max-width:920px;margin-left:auto;margin-right:auto;position:relative;inset:auto;transform:none}.hud--top{z-index:5;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px;height:auto;margin-bottom:12px;display:grid}.top-clock-strip{align-self:center;gap:8px;min-width:0;position:relative;top:auto;left:auto}.top-clock-strip strong{font-size:15px}.top-clock-strip span{font-size:10px}.title-shell{grid-column:1/-1;width:100%;height:auto;min-height:64px;position:relative;top:auto;left:auto;transform:none}.title-shell:before{height:100%}.title-shell:after{width:min(240px,54%);bottom:4px}.title-core{width:100%;height:auto;min-height:62px;padding:11px 18px;position:relative;top:auto;left:auto;transform:none}.title-core:before{clip-path:polygon(4% 0,96% 0,100% 38%,94% 100%,6% 100%,0 38%)}.title-brandline{justify-content:flex-start;gap:12px}.title-brandline__divider{height:32px}.eyebrow{margin-bottom:4px;font-size:10px}h1{font-size:clamp(18px,4vw,24px)}.status-pill{min-height:30px;padding:0 11px;font-size:11px;position:relative;top:auto;right:auto}.top-metric-bar{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;margin-bottom:10px;display:grid;top:auto;left:auto;overflow:hidden}.top-metric-bar article{min-height:66px;padding:9px}.top-metric-bar article:nth-child(odd){border-left:0}.command-column{z-index:4;pointer-events:auto;grid-template-rows:none;gap:10px;max-width:760px;margin-bottom:10px;display:grid;top:auto;bottom:auto}.command-column--left,.command-column--right{grid-template-rows:none;left:auto;right:auto}.command-panel,.activity-card,.legend-card{width:100%;min-width:0;padding:12px;overflow:hidden}.overview-panel{grid-template-rows:auto auto}.overview-scale-shell{overflow:visible}.overview-scale-content{grid-template-columns:minmax(0,.96fr) minmax(260px,1.04fr);align-items:center;width:100%;transform:none}.overview-score{grid-template-columns:80px minmax(0,1fr);gap:14px;min-height:94px;padding-bottom:0}.sparkline{min-width:0}.overview-score:after{display:none}.overview-grid{gap:8px 12px;padding-bottom:0}.overview-grid div{min-height:46px}.link-summary,.acquisition-summary,.alert-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.link-summary span{min-height:42px}.link-summary strong{font-size:15px}.link-table,.point-table{overflow:hidden}.link-table__head,.link-route{grid-template-columns:minmax(0,1.15fr) 42px 52px 54px;gap:6px;min-height:37px;padding:0 8px}.acquisition-group{min-height:52px}.point-table__head,.point-row{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) 56px 38px;gap:6px;min-height:23px;padding:0 8px}.command-column--right .legend-card{grid-template-rows:auto auto auto auto}.command-column--right .country-list{height:246px}.command-column--right .country-list__track{grid-auto-rows:47px}.command-column--right .country-row{height:47px}.command-column--right .country-row__top{grid-template-columns:minmax(0,1.18fr) 54px 72px 76px}.activity-card{grid-template-rows:auto 1fr;display:grid}.device-log-viewport{height:128px;min-height:0}.stat-row{z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px;display:grid;bottom:auto;left:auto;right:auto}.stat-row article{min-height:64px}.site-detail{width:auto;max-width:none;padding:14px;position:fixed;inset:14px;overflow:auto;transform:translateY(18px)}.site-detail[data-open=true]{transform:translateY(0)}.site-detail__head{align-items:flex-start}.site-detail__identity{flex-basis:min(230px,36%)}.site-detail h2{font-size:20px}.site-detail__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.site-detail__grid,.st32-grid{grid-template-columns:1fr}.site-detail__chart{padding:10px 11px 12px}.chart--wide,.st32-panel--temperature,.st32-panel--wide{grid-column:auto}.detail-action-band,.st32-toolbar{grid-template-columns:1fr}.detail-action-band__metrics{flex-wrap:wrap}.st32-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.st32-drive-list--overview{grid-template-columns:1fr;max-height:300px}.st32-drive-row{grid-template-columns:minmax(0,1fr) minmax(76px,.52fr) 38px}.st32-io-row{grid-template-columns:44px minmax(0,1fr) 46px}.st32-io-row em{display:none}.st32-energy-list,.st32-expert-rows,.detail-service-body,.acq-diagnosis,.acq-metrics{grid-template-columns:1fr}.detail-service-body .event-item{grid-template-columns:42px minmax(0,1fr)}.detail-service-body .event-item em{grid-column:2;justify-self:start;max-width:100%}.acq-score{min-height:104px}.acq-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.acq-flow span{min-height:30px;padding:0 8px;font-size:10px}.acq-flow i,.device-flow-card,.st32-energy-card{display:none}.line-chart{height:66px}.donut-row{grid-template-columns:76px 1fr;min-height:80px}.donut-chart{width:72px;height:72px}.screen{padding:12px 10px 22px}.hud--top{grid-template-columns:1fr}.status-pill{justify-self:start}.top-status-tools{justify-self:start;position:relative;top:auto;right:auto}.title-shell{min-height:58px}.title-core{min-height:58px;padding:10px 12px}.title-brandline{gap:9px}.title-brandmark{gap:7px}.title-brandmark__icon{width:26px;height:26px}.title-brandmark__name{font-size:clamp(20px,7vw,28px)}.title-brandline__divider,.eyebrow{display:none}h1{white-space:normal;font-size:clamp(17px,5.1vw,21px);line-height:1.12}.top-metric-bar,.overview-grid,.stat-row,.site-detail__kpis,.st32-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-scale-content{grid-template-columns:1fr}.top-metric-bar article{grid-template-columns:22px 1fr;column-gap:7px;min-height:64px}.top-metric-bar i{width:21px;height:21px}.top-metric-bar strong{font-size:17px}.panel-head,.activity-card__head,.legend-card__head{gap:8px}.panel-head strong,.activity-card__head strong,.legend-card__head strong{font-size:10px}.overview-score{grid-template-columns:68px minmax(0,1fr);gap:10px;min-height:84px}.score-orbit{width:62px;height:62px}.score-orbit strong{font-size:20px}.sparkline--compact{height:42px}.link-summary,.acquisition-summary{gap:6px}.link-summary span{min-height:44px;padding:7px 8px}.acquisition-group{min-height:56px;padding:7px}.link-table__head,.link-route{grid-template-columns:minmax(0,1fr) 38px 48px}.link-table__head span:last-child,.link-route>em:last-child{display:none}.point-table__head,.point-row{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) 54px 36px;font-size:8px}.command-column--right .legend-card,.activity-card{display:none}.alert-list div{grid-template-columns:minmax(0,1fr) 28px minmax(52px,.55fr) 24px}.site-detail{padding:12px;inset:10px}.site-detail__head{grid-template-columns:minmax(0,1fr) 34px;display:grid}.site-detail__identity{flex-basis:auto;grid-column:1}.site-detail__meta{grid-area:2/1/auto/-1}.site-detail__close{grid-area:1/2}.site-detail__grid,.detail-service-body,.acq-diagnosis,.acq-metrics,.st32-grid,.st32-energy-list,.st32-expert-rows{grid-template-columns:1fr}.st32-temp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-demo-label{color:#8aaaba;letter-spacing:.5px;margin-left:6px;font-size:9px;font-style:normal;font-weight:400}.detail-demo-label--site{border:1px solid #6fd9ff25;border-radius:3px;margin:0;padding:2px 6px}.screen[data-demo-data=off] .detail-demo-label{display:none}.detail-model-context{border-top:1px solid #6fd9ff20;margin-top:2px;padding-top:9px}.detail-model-context,.detail-backlog-context{color:#9fb5c7;font-size:10px}.detail-tabs{border-bottom:1px solid #77c6ff20;gap:6px;margin:0 0 14px;padding:0 0 10px;display:flex}.detail-tabs button{color:#99b1c3;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:9px 16px;font-size:12px;position:relative}.detail-tabs button[aria-selected=true]{color:#7fdef6;background:#50bddc16;border-color:#64d4f32e}.detail-tabs button[aria-selected=true]:after{content:"";background:#6fd9ff;height:2px;position:absolute;bottom:-11px;left:18px;right:18px}.site-detail__view[hidden]{display:none!important}.detail-tabs button:focus-visible,.site-detail__view--devices button:focus-visible,.site-detail__view--energy button:focus-visible,.st32-energy-card button:focus-visible{outline-offset:2px;outline:2px solid #87dffc}.site-detail__view--devices button,.site-detail__view--energy button,.st32-energy-card button{cursor:pointer;font-family:inherit}.explorer-intro{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.explorer-intro h3{color:#e7f3fb;margin:0;font-size:17px;font-weight:600}.explorer-intro p{color:#8ea8bb;margin:6px 0 0;font-size:11px}.explorer-data-note{color:#99b2c3;white-space:nowrap;border:1px solid #76bad42e;border-radius:4px;padding:4px 7px;font-size:10px}.explorer-device-summary,.energy-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.energy-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.explorer-metric{background:#ffffff06;border:1px solid #76beff20;border-radius:8px;min-width:0;padding:13px}.explorer-metric>span{color:#9cb4c6;font-size:11px;display:block}.explorer-metric strong{color:#72dbf7;font-variant-numeric:tabular-nums;margin:9px 0 6px;font-size:24px;font-weight:600;line-height:1.1;display:block}.explorer-metric strong small{color:#8fb0c1;font-size:11px;font-weight:400}.explorer-metric>small{color:#7f9aaf;font-size:10px}.monitor-toolbar,.energy-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.monitor-groups,.energy-periods{flex-wrap:wrap;gap:5px;display:flex}.monitor-groups button,.energy-periods button{color:#a5bece;background:#ffffff04;border:1px solid #76beff20;border-radius:5px;padding:7px 10px;font-size:11px}.monitor-groups button[aria-pressed=true],.energy-periods button[aria-pressed=true]{color:#80e2fc;background:#59cae519;border-color:#6fd9ff50}.monitor-filters{color:#a5bece;align-items:center;gap:12px;font-size:11px;display:flex}.monitor-filters label{white-space:nowrap;cursor:pointer;align-items:center;gap:5px;display:flex}.monitor-filters input[type=checkbox]{accent-color:#6bd8f1}.monitor-filters input[type=search]{color:#d8e8f4;width:185px;min-width:0;font:inherit;background:#0a1724;border:1px solid #76beff30;border-radius:5px;outline-color:#6bd8f1;padding:7px 10px}.monitor-filters input::placeholder{color:#6f8da3}.monitor-results-summary{color:#819eb2;margin:0 0 9px;font-size:10px}.monitor-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px;display:grid}.monitor-device-grid{scrollbar-width:thin;scrollbar-color:#406c85 #101c2a;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;max-height:445px;padding:2px 5px 2px 2px;display:grid;overflow:auto}.monitor-device{color:#dbeaf4;text-align:left;background:#142635;border:1px solid #75c7dd26;border-radius:8px;min-width:0;padding:12px;display:block}.monitor-device:hover{background:#192f40;border-color:#79d7ed66}.monitor-device[aria-pressed=true]{background:#173143;border-color:#76d9f6;box-shadow:inset 3px 0 #76d9f6}.monitor-device__top{justify-content:space-between;align-items:center;gap:5px;margin-bottom:8px;display:flex}.monitor-device__top small{color:#89b5cb;font-size:9px}.monitor-device__top em{color:#6ee4b7;font-size:10px;font-style:normal}.monitor-device[data-state=warning] .monitor-device__top em,.monitor-inspector [data-state=warning]{color:#f2b96e}.monitor-device[data-state=offline] .monitor-device__top em,.monitor-inspector [data-state=offline],.monitor-device[data-state=unreported] .monitor-device__top em{color:#91a3b2}.monitor-device>strong{font-size:13px;font-weight:600;display:block}.monitor-device__address{color:#8eabbf;font-variant-numeric:tabular-nums;margin-top:5px;font-size:10px;display:block}.monitor-device__bottom{color:#8ba6ba;align-items:center;gap:8px;margin-top:12px;font-size:10px;line-height:1.4;display:flex}.monitor-device__bottom i,.meter-load-row>i{background:#6bcbe51a;border-radius:3px;flex:1;height:4px;display:block;overflow:hidden}.monitor-device__bottom i:before,.meter-load-row>i:before{content:"";width:var(--load);border-radius:inherit;background:linear-gradient(90deg,#5ccfe9,#75e5b9);height:100%;display:block}.monitor-device[data-state=warning] .monitor-device__bottom i:before,.meter-load-row>i[data-warning=true]:before{background:#e6ac68}.monitor-device__bottom b{color:#b8d7e1;font-size:11px;font-weight:500}.monitor-inspector{background:#0b192580;border:1px solid #76beff26;border-radius:8px;min-width:0;overflow:hidden}.monitor-inspector__title{background:#66cae509;border-bottom:1px solid #76beff18;padding:16px 14px 12px}.monitor-inspector__title>span{color:#7f9fb5;font-size:10px}.monitor-inspector__title strong{color:#e1f0f7;margin:7px 0 10px;font-size:16px;font-weight:600;display:block}.monitor-inspector__title em{color:#6ee4b7;font-size:11px;font-style:normal}.monitor-inspector>p{color:#8da9be;overflow-wrap:anywhere;padding:0 14px;font-size:10px;line-height:1.7}.monitor-inspector dl{margin:0;padding:0 14px}.monitor-inspector dl>div{border-bottom:1px solid #76beff10;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.monitor-inspector dt{color:#8ea8bb;font-size:11px}.monitor-inspector dt small{color:#657f94;margin-top:3px;font-size:9px;display:block}.monitor-inspector dd{color:#d2e5ef;text-align:right;overflow-wrap:anywhere;margin:0;font-size:12px}.monitor-inspector__note{color:#7594a8;padding:14px;font-size:10px;line-height:1.7}.explorer-empty{color:#8ba5b9;text-align:center;grid-column:1/-1;padding:45px 16px;font-size:12px;line-height:1.7}.explorer-empty--large{border:1px dashed #76beff30;border-radius:8px;padding:110px 20px}.energy-charts{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-bottom:12px;display:grid}.explorer-panel{background:#ffffff04;border:1px solid #76beff20;border-radius:8px;min-width:0;padding:14px}.explorer-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.explorer-panel h4{color:#b3cbda;margin:0;font-size:12px;font-weight:500}.explorer-panel h4 small{color:#6f90a7;margin-left:4px;font-size:10px}.explorer-panel-head>span{color:#708fa6;font-size:9px}.explorer-panel-head button{color:#80d4e8;background:0 0;border:0;padding:0;font-size:10px}.energy-line-chart{width:100%;height:210px;display:block;overflow:visible}.energy-line-chart line{stroke:#6ea9c41c;stroke-width:1px}.energy-line-chart text{fill:#809fb4;font-size:10px}.energy-line-chart polygon{fill:#5fd5ed0d}.energy-line-chart polyline{stroke:#72d9ef;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.energy-bars{gap:8px;height:210px;padding-top:8px;display:flex}.energy-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex;position:relative}.energy-bar>i{width:min(100%,30px);height:calc(var(--bar) * .7);background:linear-gradient(#5eacc3,#2a627a);border-radius:3px 3px 0 0;min-height:2px}.energy-bar>strong{color:#b1d3e2;font-variant-numeric:tabular-nums;font-size:9px;font-weight:400}.energy-bar>small{color:#7898af;font-size:8px}.energy-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.energy-phase-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.energy-phase-table th{color:#85a3ba;font-size:10px;font-weight:400}.energy-phase-table td,.energy-phase-table tbody th{color:#c8dfe9;border-bottom:1px solid #76beff15;padding:12px 4px}.energy-phase-table td small{color:#718fa5;font-size:10px}.energy-phase{background:#6fd9ff;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.energy-phase--1{background:#79e4b6}.energy-phase--2{background:#e4bc75}.energy-drive-ranking{gap:9px;padding-top:2px;display:grid}.meter-load-row{color:#b2cbd9;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;min-width:0;padding:7px 0;font-size:11px;display:flex}.meter-load-row:hover{color:#8de6f8}.meter-load-row>span{text-overflow:ellipsis;white-space:nowrap;width:96px;overflow:hidden}.meter-load-row>b{text-align:right;color:#9dd9cd;width:32px;font-size:11px;font-weight:500}.st32-energy-card{padding:12px}.st32-energy-card .chart-head{min-height:22px;margin-bottom:8px}.st32-energy-card .chart-head>span{white-space:nowrap}.meter-tabs{background:#07152266;border:1px solid #77c6ff20;border-radius:5px;gap:3px;padding:2px;display:flex}.meter-tabs button{color:#839fb4;white-space:nowrap;background:0 0;border:0;border-radius:3px;padding:3px 8px;font-size:10px}.meter-tabs button[aria-selected=true]{color:#83def3;background:#67c9e51c}.meter-panel{height:108px}.meter-readings{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:100%;display:grid}.meter-readings>div{background:#ffffff05;border:1px solid #76beff18;border-radius:6px;min-width:0;padding:5px 6px}.meter-readings span,.meter-readings small{color:#809db2;font-size:8px;display:block}.meter-readings strong{color:#d5e8f1;white-space:nowrap;font-variant-numeric:tabular-nums;margin:3px 0;font-size:11px;display:block}.meter-readings small{color:#637f93;font-size:8px}.meter-load-list{gap:3px;display:grid}.meter-load-list .meter-load-row{padding:5px 3px;font-size:10px}.meter-load-list .meter-load-row>span{width:110px}.meter-load-list .meter-load-row>b{font-size:10px}.meter-trend{color:#8da9bf;text-align:left;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.meter-trend>span{align-items:center;gap:8px;font-size:10px;display:flex}.meter-trend>span b{color:#8ce4f2;font-size:11px;font-weight:500}.meter-trend>span em{color:#6eacbe;margin-left:auto;font-size:9px;font-style:normal}.meter-trend .energy-line-chart{height:65px;margin:2px 0}.meter-trend>small{color:#6e91a7;gap:5px;font-size:9px;display:flex}.meter-trend>small b{color:#a5c7d6;font-weight:400}.meter-trend>small span{margin-left:auto}.meter-empty{color:#7998ad;place-items:center;height:100%;font-size:11px;display:grid}@media (width<=1400px){.monitor-layout{grid-template-columns:minmax(0,1fr) 230px}.monitor-device{padding:10px}.energy-charts{grid-template-columns:1fr}.energy-line-chart,.energy-bars{height:165px}.explorer-metric strong{font-size:21px}.st32-energy-card .detail-demo-label{display:none}.meter-tabs button{padding-left:6px;padding-right:6px}.meter-readings strong{font-size:9px}}@media (width<=1000px){.monitor-layout{grid-template-columns:1fr}.energy-kpis,.energy-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-bottom{grid-template-columns:1fr}.detail-tabs button{padding:8px 10px;font-size:11px}}.monitor-published-screen{color:#8ee6e9;text-align:center;border:1px solid #286377;border-radius:6px;margin:12px 0;padding:12px;display:block}.device-flow-card #detail-flow-status{color:#8ca9ba;text-shadow:none;font-size:10px;font-weight:400}.field-topology{--field-online:#6ee4b7;--field-muted:#8298aa;color:#e7f3fb;background-color:#08152280;background-image:linear-gradient(#78cdff06 1px,#0000 1px),linear-gradient(90deg,#78cdff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #70beff1a;border-radius:12px;height:286px;padding:10px 10px 0;position:relative}.field-topology-canvas{grid-template-columns:minmax(132px,.85fr) minmax(30px,.22fr) minmax(176px,1.25fr);align-items:center;height:244px;display:grid;position:relative}.field-connectors{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.field-connectors path{fill:none;stroke:var(--field-online);stroke-width:1.5px;stroke-dasharray:5 5;opacity:.8;animation:2s linear infinite field-link-flow}.field-connectors circle{fill:var(--field-online)}.field-connectors path[data-status=offline],.field-connectors path[data-status=unreported]{stroke:#6e8191;stroke-dasharray:3 5;opacity:.6;animation:none}.field-connectors circle[data-status=offline],.field-connectors circle[data-status=unreported]{fill:#6e8191}.field-cpe{z-index:1;background:linear-gradient(160deg,#172c3c,#10202e 72%);border:1px solid #7fb5ca3d;border-radius:8px;grid-column:1;min-width:0;padding:9px 10px 0;position:relative;box-shadow:0 8px 18px #030a122b,inset 0 1px #c8e8f408}.field-cpe-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.field-cpe-name{text-overflow:ellipsis;white-space:nowrap;color:#dfedf5;letter-spacing:.1px;min-width:0;font-size:13px;font-weight:600;line-height:1.35;display:block;overflow:hidden}.field-status{color:var(--field-online);background:#6ee4b709;border:1px solid #6ee4b71a;border-radius:4px;flex:none;align-items:center;gap:4px;padding:3px 5px;font-size:9px;line-height:1;display:inline-flex}.field-status i,.field-tunnel i,.field-device-online i{background:currentColor;border-radius:50%;flex:none;width:4px;height:4px}.field-cpe-artwork{background:radial-gradient(at 50% 75%,#73c5e810,#0000 65%);justify-content:center;align-items:center;height:56px;margin:4px -2px 0;display:flex}.field-cpe-artwork img{object-fit:contain;filter:drop-shadow(0 6px 4px #02070c66);width:min(100%,154px);height:90px;display:block}.field-cpe-sn{color:#9fb7c7;font-variant-numeric:tabular-nums;letter-spacing:.4px;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.field-cpe-sn small{color:#698b9f;letter-spacing:.6px;font-size:8px}.field-cpe-metrics{border-top:1px solid #8bc5e215;border-bottom:1px solid #8bc5e215;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;padding:9px 0;display:grid}.field-cpe-metrics>div{min-width:0}.field-cpe-metrics>div+div{border-left:1px solid #8bc5e21a;padding-left:9px}.field-cpe-metrics>div>span{color:#8fa8ba;margin-bottom:6px;font-size:9px;display:block}.field-cpe-metrics strong{color:#d6edf7;font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;font-size:20px;font-weight:600;line-height:1;display:flex}.field-cpe-metrics small{color:#89a9bc;font-size:10px;font-weight:400}.field-signal-bars{align-items:flex-end;gap:2px;height:12px;margin-right:3px;display:inline-flex}.field-signal-bars i{background:#4a6274;border-radius:1px;width:2px}.field-signal-bars i:first-child{height:3px}.field-signal-bars i:nth-child(2){height:6px}.field-signal-bars i:nth-child(3){height:9px}.field-signal-bars i:nth-child(4){height:12px}.field-signal-bars i.is-lit{background:var(--field-online)}.field-cpe-network{color:#7894a8;gap:4px;margin:8px 0;font-size:9px;display:grid}.field-cpe-network>span{justify-content:space-between;gap:4px;display:flex}.field-cpe-network b{color:#a8c0d0;font-variant-numeric:tabular-nums;font-weight:400}.field-tunnel{color:#85cbb5;background:#040d1426;border-top:1px solid #8bc5e215;border-radius:0 0 7px 7px;justify-content:center;align-items:center;gap:5px;margin:0 -10px;padding:6px 3px;font-size:9px;line-height:1.2;display:flex}.field-cpe[data-status=offline]{background:#142330;border-color:#71859840}.field-cpe[data-status=offline] .field-cpe-artwork{opacity:.65}.field-cpe[data-status=offline] .field-cpe-metrics strong,.field-status[data-status=offline],.field-status[data-status=unreported],.field-tunnel[data-status=offline],.field-tunnel[data-status=unreported]{color:var(--field-muted)}.field-status[data-status=offline],.field-status[data-status=unreported]{background:#8298aa08;border-color:#8298aa20}.field-lan-label{z-index:1;color:#8aa7b9;white-space:nowrap;grid-column:2;place-self:start center;margin-top:4px;font-size:8px}.field-device-stack{scrollbar-width:thin;scrollbar-color:#4c758a #0c1b29;grid-column:3;align-content:start;gap:6px;min-width:0;max-height:244px;display:grid;position:relative;overflow:auto}.field-device{z-index:1;background:#142a39;border:1px solid #72c7d43b;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;min-width:0;min-height:43px;padding:6px 8px;display:flex;position:relative}.field-device-identity{min-width:0}.field-device-identity>strong{white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.field-device-kind{color:#78bfd8;letter-spacing:.4px;font-size:8px}.field-device-ip{color:#9ab4c5;font-variant-numeric:tabular-nums;margin-top:3px;font-size:10px;display:block}.field-device-online{color:var(--field-online);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.field-device-online b{font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.field-device-online small{font-size:8px;font-weight:400}.field-device-sources{color:#8fa9bb;white-space:nowrap;gap:3px;min-width:66px;font-size:9px;display:grid}.field-device-sources>span{justify-content:space-between;gap:5px;display:flex}.field-device-sources b{font-variant-numeric:tabular-nums;font-weight:400}.field-device-sources [data-status=online] b{color:var(--field-online)}.field-device[data-mismatch=true]{background:#292c2b;border-color:#d5a35c65}.field-device[data-mismatch=true] .field-device-sources [data-status=offline] b{color:#e3b577}.field-device[data-link-state=offline]:not([data-mismatch=true]){color:#9fb2c0;background:#172733;border-color:#7185984d}.field-topology-footer{color:#92aebf;white-space:nowrap;border-top:1px solid #6fd9ff18;justify-content:space-between;align-items:center;gap:6px;height:30px;font-size:9px;display:flex}.field-topology-footer b{color:#b4d6ce;font-weight:400}.field-link-legend{align-items:center;gap:4px;font-size:8px;display:inline-flex}.field-link-legend i{border-top:1px dashed var(--field-online);width:10px}.field-link-legend i:nth-of-type(2){border-color:#8298aa;margin-left:4px}.field-topology-empty{color:#92aebf;text-align:center;padding:30px 12px;font-size:12px}@keyframes field-link-flow{to{stroke-dashoffset:-20px}}@media (prefers-reduced-motion:reduce){.field-connectors path{animation:none}}@media (width<=1550px){.field-topology{padding-left:7px;padding-right:7px}.field-topology-canvas{grid-template-columns:minmax(120px,.85fr) 24px minmax(162px,1.25fr)}.field-cpe{padding-left:7px;padding-right:7px}.field-cpe-name{font-size:11px}.field-status{gap:3px;padding:3px 4px;font-size:8px}.field-cpe-metrics{gap:6px}.field-cpe-metrics>div+div{padding-left:6px}.field-tunnel{margin-left:-7px;margin-right:-7px}.field-cpe-metrics strong{font-size:17px}.field-device{padding-left:5px;padding-right:5px}.field-device-kind,.field-lan-label,.field-link-legend{display:none}.field-device-identity>strong{font-size:10px}.field-device-online{gap:3px;font-size:8px}}.customer-process-panel,.live-data-empty,[data-live-without-telemetry=true] #detail-panel-st32>:not(.live-data-empty){display:none}[data-live-without-telemetry=true] #detail-panel-st32>.live-data-empty{display:block}[data-customer-showcase=true] #detail-panel-st32>:not(.customer-process-panel){display:none}[data-customer-showcase=true] .customer-process-panel{display:block}[data-customer-showcase=true] .detail-action-band__metrics{display:none}.customer-process-toolbar{color:#8daabd;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;font-size:12px;display:flex}.customer-process-toolbar select{color:#d2e8f4;font:inherit;background:#142535;border:1px solid #5acdea40;border-radius:6px;margin-left:12px;padding:9px 16px}.customer-point-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.customer-point-grid article{background:#ffffff04;border:1px solid #6ac8ed25;border-radius:8px;padding:20px 16px}.customer-point-grid article>span{color:#b2c7d6;font-size:13px}.customer-point-grid strong{color:#6eddf7;margin:20px 0 12px;font-size:30px;font-weight:600;display:block}.customer-point-grid small{color:#91b1c5;margin-left:5px;font-size:12px}.customer-point-grid em{color:#789bb3;font:11px ui-monospace,monospace;display:block}.customer-point-grid article p{color:#6bc7a8;margin:10px 0 0;font-size:10px;display:block}.customer-process-note{color:#7f9daf;border:1px dashed #6ac8ed25;border-radius:6px;margin-top:18px;padding:15px;font-size:12px;line-height:1.8}.screen[data-customer-showcase=true] .st32-energy-card .detail-demo-label{display:inline}.screen[data-demo-data=off] .country-row__main strong{text-overflow:ellipsis;white-space:nowrap;max-width:215px;overflow:hidden}@media (width<=1400px){.customer-point-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-point-grid strong{font-size:24px}}