html,body{overflow:hidden;background:#061723}.vv-stage{position:fixed;left:0;top:0;transform-origin:0 0;container:vv / size;overflow:hidden}dialog:modal,:popover-open{zoom:var(--vv-scale, 1)}:not(:root):fullscreen{zoom:var(--vv-scale, 1)}.sidebar-globe{position:absolute;left:-84px;bottom:-150px;width:340px;height:340px;pointer-events:none;z-index:0}.sidebar{position:relative;overflow:hidden}.sidebar>.sidebar-bottom{position:relative;z-index:1;text-shadow:0 1px 6px rgba(0,0,0,.85)}.topbar-clock{display:inline-flex;align-items:baseline;gap:10px;margin-right:14px;font-size:13px;color:#cfeaf4;white-space:nowrap}.topbar-clock b{font:700 19px/1 var(--font-data);color:#fff;letter-spacing:.04em;text-shadow:0 0 10px rgba(79,240,194,.55);min-width:78px}.platform-module-tools{position:relative;font-family:var(--font-ui);font-size:11px;color:#bde2ee}.platform-module-tools summary{cursor:pointer;padding:6px 10px;border:1px solid #2c6479;border-radius:4px;background:#093045;list-style:none;white-space:nowrap}.platform-module-tools summary:focus-visible{outline:2px solid #49e7cf;outline-offset:2px}.platform-module-tools nav{position:absolute;right:0;top:calc(100% + 7px);z-index:1000;min-width:180px;padding:6px;background:#06283a;border:1px solid #2c7b8b;border-radius:6px;box-shadow:0 10px 25px #0007;display:flex;flex-direction:column}.platform-module-tools nav a{padding:10px 12px;white-space:nowrap;text-decoration:none}.platform-module-tools nav a:hover{background:#0b5361;color:#d9fff5}.module-workspace{display:flex;flex-direction:column;flex:1;min-height:0;color:#d7eaf4;font-family:var(--font-ui);gap:8px}.module-heading{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:linear-gradient(90deg,#052433e8,#08263880),var(--factory-background) center 40%/cover;border:1px solid #205268;border-radius:6px}.module-heading>div>span{font-size:9px;color:#8ebaca}.module-heading h1{font-size:23px;line-height:1.3;margin:3px 0 0;color:#e0f4fb}.module-heading>a{padding:6px 10px;border:1px solid #2b7480;border-radius:4px;background:#073344;color:#9be4de;text-decoration:none;font-size:11px}.module-workspace>nav{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.module-workspace>nav a{border:1px solid #24566d;border-radius:4px;background:#082b3c;padding:7px 12px;font-size:11px;text-decoration:none;color:#bbd8e6}.module-workspace>nav a[aria-current=page]{background:#086571;border-color:#25cbbf;color:#efffff}.module-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 5px 12px;scrollbar-width:thin;scrollbar-color:#2a667d #051f2d;color:#d4e9f2;--muted:#9abdcf;--border:#255167;--teal:#45d9c5}.module-content>.page-heading h1,.module-content>.page-heading h2{display:none}.module-content .page-heading{margin:0 0 12px;padding:0 2px;gap:15px}.module-content .page-heading p{color:#9dc2d5;font-size:12px}.module-content :is(.content-panel,.table-panel,.detail-panel,.device-detail,.side-block,.situation-card,.chart-panel,.supply-chart,.result-card,.summary-card,.plan-card,.task-card,.empty-state){background:#062839;color:#d4e9f2;border-color:#25556b;border-radius:6px}.module-content :is(h1,h2,h3,h4){color:#dbf0f8;font-family:var(--font-ui)}.module-content h2{font-size:16px}.module-content h3{font-size:14px}.module-content :is(p,li,dt,dd,label,td,th){font-size:12px}.module-content .content-panel{padding:15px;margin-bottom:10px}.module-content :is(input,select,textarea){background:#041d2d!important;color:#d9edf6!important;border:1px solid #2a5e74!important;border-radius:4px;padding:7px 9px;caret-color:#39e1c8}.module-content input::placeholder,.module-content textarea::placeholder{color:#86acbe}.module-content :is(button,.primary-button,.secondary-button,.small-button){font-family:var(--font-ui);background:#0a3d51;border:1px solid #337b8a;color:#ccebe9;border-radius:4px;padding:6px 10px;font-size:11px;cursor:pointer}.module-content .primary-button{background:#086a78;border-color:#31b9b2;color:#f1fffd}.module-content button:disabled{opacity:.5;cursor:default}.module-content :is(a,.text-button){color:#70ddcf}.module-content :is(.muted,.scenario-meta,.field-help,.compact){color:#9fbfce}.module-content .neutral-tag,.module-content .source-tag{background:#093b46;border-color:#2b6474;color:#a0ddd8}.module-content table{color:#d0e6ef;border-color:#28526a}.module-content th{background:#0a3448!important;color:#a8ccdf}.module-content td{background:transparent!important;border-color:#244b5e}.module-content tr:hover td{background:#0b3547!important}.module-content .analysis-layout{grid-template-columns:minmax(360px,1.05fr) minmax(0,1fr)}.module-content .plan-list button{background:#082c3f;border:1px solid #285569;color:#c3dce9}.module-content .plan-list button.active{background:#0a5461;border-color:#32d7c6}.module-content :is(.source-details,pre,.confirm-block,.metric-card,.evidence-grid>div){background:#062234;color:#cce3ee;border-color:#28566b}.module-content pre{overflow:auto;font-size:11px}.module-content .notice-line{color:#8ce4d1}.module-content .error-banner,.module-content .field-error{color:#ffc1b3}.module-content :is(.stacked-field,.field-row,.submit-row){margin-top:9px}.module-content :is(button,a,input,select,textarea):focus-visible{outline:2px solid #3fe3cf;outline-offset:2px}.module-content .demo-tabs{background:none;border-color:#23596f}.module-content .demo-tabs a.active,.module-content .demo-tabs button.active{background:#085d69;color:#dffdf8}.module-content .demo-chart{background:#062435;border-color:#25556b}.module-content .demo-chart-svg{background:#062435}.module-content .axis-label,.module-content .axis-unit{fill:#acd1e0}.module-content .grid-line{stroke:#20485a}.module-content .legend-item{background:#083144;border-color:#255c70;color:#bfdce8}.module-content .reset-panel{margin-top:20px}.integrated-device-evidence>label,.integrated-device-picker{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:12px}.integrated-device-evidence select,.integrated-device-picker select{max-width:390px;flex:1}.integrated-device-evidence>.device-detail{margin-top:10px;padding:18px}.knowledge-reference{display:grid;gap:10px}.knowledge-reference form>a{margin-left:15px}.knowledge-reference li{margin-bottom:14px}.integrated-engineering-tools{position:relative;display:flex;flex-direction:column;min-height:520px;height:100%;--accent-cyan:#36dacf;--text-primary:#d7eaf4;--text-secondary:#a6c9db;--bg-card:#072b3b;font-family:var(--font-ui)}.integrated-engineering-tools>.sim-panel,.integrated-engineering-tools>.device-mgmt-panel,.integrated-engineering-tools>.et-panel,.integrated-engineering-tools>.camera-video-panel{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;flex:1;min-height:0;z-index:auto!important;border:1px solid #2a6176;border-radius:6px;background:#062839;color:#d6eaf3;box-shadow:none}.integrated-engineering-tools .panel-header,.integrated-engineering-tools .et-header,.integrated-engineering-tools .video-header{background:#083044;border-color:#25546a}.integrated-engineering-tools .panel-body{min-height:0}.integrated-engineering-tools .et-header{flex-wrap:wrap;height:auto;min-height:58px;padding:8px;gap:8px}.integrated-engineering-tools .et-tabs{flex-wrap:wrap}.integrated-engineering-tools .et-content{overflow:auto}.integrated-engineering-tools .video-body{flex:1;min-height:250px;height:auto}.integrated-engineering-tools .camera-video-panel{display:flex;flex-direction:column}.integrated-engineering-tools :is(button,input,select,textarea){font-family:var(--font-ui)}@container vv (min-width:1101px){.module-shell .main-content{padding-top:8px!important}.module-shell .demo-workspace{min-height:0}.module-shell .demo-workspace>.module-workspace{min-height:0}.module-shell .sidebar{height:100cqh}.module-content{scrollbar-gutter:stable}}@container vv (max-width:760px){.module-workspace{min-height:600px}.module-heading{padding:10px}.module-heading h1{font-size:18px}.module-heading>a{font-size:10px}.module-content .analysis-layout{grid-template-columns:1fr}.module-content{overflow:auto}.platform-module-tools summary{font-size:10px;padding:5px}.module-content .field-row{flex-wrap:wrap}}.platform-module-tools summary{color:#bde2ee}.simulation-session-link{color:#65e6cf;font-size:10px;text-decoration:none;white-space:nowrap}:root{font-family:var(--font-ui, "Microsoft YaHei", sans-serif);color:#dcecf7;background:#061723;font-synthesis:none;--teal: #137d77;--nav: #192e38;--muted: #596f7a;--border: #dde5e8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #70bdb7;outline-offset:3px}input,select{border:1px solid #ccd8dd;border-radius:6px;background:#fff;color:#253b44;padding:10px 12px;min-height:42px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:.02em;font-weight:650;margin-bottom:9px}h2{font-size:19px;font-weight:650;margin-bottom:16px}h3{font-size:14px;font-weight:650;margin:25px 0 12px}p{line-height:1.75;font-size:14px}small{font-size:12px}.muted{color:var(--muted)}.compact{font-size:12px}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:.12em;font-weight:650;display:block;margin-bottom:9px}.platform-shell{min-height:100cqh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;z-index:30;background:var(--nav);color:#c6d2d7;display:flex;flex-direction:column;padding:29px 15px 23px}.brand{display:flex;gap:12px;align-items:center;padding:0 8px;color:#f5fafb;font-weight:650;font-size:16px}.brand small{display:block;color:#839da8;font-size:10px;font-weight:400;letter-spacing:.16em;margin-top:7px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#1b827d;color:#fff;width:38px;height:42px;border-radius:6px;font-size:23px;font-weight:700;letter-spacing:-.04em}.brand-mark span{font-size:13px;align-self:flex-end;margin-bottom:8px;margin-left:1px}.nav-label{font-size:10px;letter-spacing:.13em;color:#93aab5;margin:52px 14px 14px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;gap:14px;align-items:center;padding:13px 15px;font-size:14px;border-radius:5px}.sidebar nav a:hover{background:#213b46}.sidebar nav a.router-link-active{background:#274a52;color:#b6eee3}.sidebar-bottom{margin-top:auto;font-size:12px;padding:18px 10px 0;border-top:1px solid #30434c}.sidebar-bottom small{display:block;color:#95acb6;font-size:10px;margin-top:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#48a99d;border-radius:50%;margin-right:7px;vertical-align:middle}.status-dot.warn{background:#b89658}.workspace{margin-left:220px}.topbar{height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff}.project-picker{display:flex;align-items:center;gap:14px}.project-picker>span{font-size:11px;color:var(--muted)}.project-picker select{font-size:14px;font-weight:600;border:0;max-width:380px;padding-left:0;background:transparent}.topbar-right{display:flex;align-items:center;gap:22px;font-size:12px}.connection{color:var(--muted)}.account{border-left:1px solid var(--border);padding-left:22px}.text-button{border:0;padding:6px 0;background:none;color:var(--teal);font-size:12px}.main-content{padding:30px 32px 36px;max-width:2100px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p{color:var(--muted);margin:0;font-size:12px;max-width:860px}.primary-button,.secondary-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #cbd9dc;background:#fff;border-radius:5px;padding:10px 16px;font-size:12px;white-space:nowrap;min-height:39px}.primary-button{background:var(--teal);color:#fff;border-color:var(--teal)}.primary-button:hover{background:#106c67}.secondary-button:hover,.small-button:hover{background:#f4f9f8}.small-button{padding:5px 10px;min-height:30px}.cockpit-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px;align-items:stretch;min-height:calc(100cqh - 248px)}.scene-panel,.device-detail,.table-panel,.content-panel{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.scene-panel{display:flex;flex-direction:column;min-height:580px}.scene-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border);font-size:12px}.scene-heading strong{font-size:14px;font-weight:600}.scene-heading div>span{font-size:10px;color:var(--muted);border-left:1px solid var(--border);margin-left:10px;padding-left:10px}.scene-count{color:var(--muted);font-size:11px}.scene-body{position:relative;flex:1;min-height:500px;background:#e8eeeb}.scene-body>div:first-child{height:100%;min-height:500px}.scene-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);line-height:1.8;padding:12px 18px}.scene-caption a{color:var(--teal);margin-left:6px}.scene-error{position:absolute;bottom:15px;left:15px;right:15px;background:#fff1ed;color:#97503a;padding:12px;font-size:12px}.device-detail{padding:22px;overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.section-heading .text-button{flex-shrink:0}.device-detail h2{margin:0 0 8px;font-size:18px}.device-code{font-size:11px;color:var(--muted)}.detail-list{margin:22px 0;font-size:12px}.detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf1f2}.detail-list dt{color:var(--muted);flex-shrink:0}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.observation{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f2;font-size:13px}.observation strong{font-size:12px;font-weight:500}.observation div small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.observation>span{font-size:12px;color:#8b734e}.scope-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:15px}.source-details{border-top:1px solid var(--border);margin-top:25px;padding-top:15px;font-size:11px;color:var(--muted)}summary{cursor:pointer;color:#4c646e;line-height:1.8}details p,details li{font-size:11px;overflow-wrap:anywhere}details p:first-of-type{margin-top:12px}details ul{padding-left:16px;line-height:1.7}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8;background:#f5f7f8;padding:15px;border-radius:5px;max-height:500px;overflow:auto}.detail-empty{text-align:center;padding:110px 0 50px;color:var(--muted)}.detail-empty h2{color:#48616a;margin-top:24px;font-size:17px}.detail-empty p{font-size:12px;line-height:1.9}.selection-outline{display:block;margin:auto;width:35px;height:35px;border:1px solid #9db5ba;transform:rotate(-30deg) skew(5deg);border-radius:5px}.text-link{font-size:12px;color:var(--teal)}.equipment-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px;align-items:start}.table-toolbar{display:flex;gap:12px;padding:18px}.table-toolbar input{flex:1;min-width:100px;font-size:12px}.table-toolbar select{font-size:12px;max-width:190px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-weight:500;color:var(--muted);font-size:11px;padding:13px 18px;background:#f7f9fa;border-block:1px solid var(--border)}td{padding:12px 18px;border-bottom:1px solid #edf1f2}tr.selected{background:#42e8da21}tbody tr:hover{background:#42e8da12}.device-link{display:block;text-align:left;border:0;background:transparent;padding:2px 0;color:#294b54;font-weight:600;font-size:12px}.device-link small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:7px}.neutral-tag{display:inline-block;padding:4px 8px;border:1px solid #e5ddcf;border-radius:4px;font-size:10px;color:#79633f;background:#fbf8f2}.table-footer{font-size:11px;color:var(--muted);padding:16px 18px}.count-label{font-size:12px;color:var(--muted)}.content-panel{padding:28px 30px}.content-panel p{font-size:13px;max-width:1000px;color:var(--muted)}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:22px 0;border-block:1px solid var(--border);margin:25px 0}.evidence-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.evidence-grid strong{font-size:13px;font-weight:600}.source-list{list-style:none;padding:0}.source-list li{border-bottom:1px solid #edf1f2;padding:15px 0;font-size:12px;overflow-wrap:anywhere}.source-file-icon{color:var(--teal);margin-right:12px}.settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.settings-grid .detail-list{font-size:13px}.error-banner{background:linear-gradient(90deg,#7834286b,#28161c8c);border:1px solid rgba(255,140,110,.45);color:#ffcdb8;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:5px;margin-bottom:20px;font-size:12px}.empty-state{padding:60px 25px;text-align:center;color:var(--muted);font-size:13px}.form-error{font-size:12px;color:#a64536;background:#fff0ed;padding:12px;border-radius:4px;margin:14px 0}.mobile-menu{display:none}.icon-button{background:transparent;border:0;padding:7px;color:#375760}.nav-backdrop{position:fixed;inset:0;background:#12262e80;border:0;z-index:29}.login-page{min-height:100cqh;display:grid;grid-template-columns:1.1fr 1fr}.login-intro{background:#1c333d;color:#fff;padding:12cqh 7cqw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-intro:after{content:"";position:absolute;width:400px;height:400px;right:-200px;bottom:-150px;border:1px solid #567b7c;transform:rotate(35deg);box-shadow:0 0 0 40px #41696b25,0 0 0 80px #41696b15}.login-intro .eyebrow{color:#7fbbb4;font-size:11px;margin-bottom:35px}.login-intro h1{font-size:clamp(28px,3cqw,44px);line-height:1.6;font-weight:550;letter-spacing:.03em}.login-intro p{color:#94acb5;font-size:14px;line-height:2;margin-top:20px}.login-line{width:48px;height:2px;background:#79b3a9;margin:55px 0 22px}.intro-caption{font-size:11px;color:#7e99a4;letter-spacing:.08em}.login-panel{min-width:0;display:flex;align-items:center;justify-content:center;background:#fbfcfc;padding:50px 30px}.login-panel form{width:340px;max-width:100%}.login-panel h2{font-size:25px;margin:26px 0 12px}.login-panel .muted{font-size:12px;margin-bottom:32px}.login-panel label{display:block;font-size:12px;margin:21px 0}.login-panel input{display:block;width:100%;margin-top:10px;font-size:13px;padding:12px}.login-submit{width:100%;margin-top:8px;font-size:14px;min-height:45px}.login-note{font-size:11px;color:var(--muted);margin-top:26px;line-height:1.9}@container vv (min-width: 1700px){.cockpit-layout,.equipment-layout{grid-template-columns:minmax(0,1fr) 340px}.scene-body{min-height:650px}}@container vv (max-width: 1180px){.sidebar{width:200px}.workspace{margin-left:200px}.main-content{padding:25px 22px}.topbar{padding:0 22px}.cockpit-layout,.equipment-layout{grid-template-columns:minmax(0,1fr) 275px;gap:12px}.device-detail{padding:18px}.connection{display:none}.scene-heading{padding:16px 12px}.scene-count{font-size:10px}.scene-heading div>span{display:none}}@container vv (max-width: 960px){.sidebar{transform:translate(-100%);visibility:hidden;width:220px;transition:transform .2s}.sidebar.open{transform:none;visibility:visible}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{gap:12px}.project-picker{margin-right:auto}.project-picker>span{display:none}.topbar-right{gap:12px}.account{padding-left:0;border:0}.cockpit-layout{grid-template-columns:minmax(0,1fr) 270px}.settings-grid{grid-template-columns:1fr}.login-intro{padding:10cqh 5cqw}.login-intro h1{font-size:30px}}@container vv (max-width: 720px){.topbar{height:64px;padding:0 14px}.project-picker select{max-width:190px;font-size:12px}.account{display:none}.main-content{padding:23px 14px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.count-label{white-space:nowrap}h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .secondary-button{padding:9px;font-size:10px;gap:8px}.cockpit-layout,.equipment-layout{grid-template-columns:1fr}.scene-panel{min-height:450px}.scene-body,.scene-body>div:first-child{min-height:380px}.scene-caption{font-size:9px;flex-wrap:wrap}.device-detail{min-height:180px}.detail-empty{padding:25px 0}.detail-empty .selection-outline{display:none}.table-toolbar{padding:12px;gap:8px}.table-toolbar select{max-width:120px}.table-toolbar input{width:100px}.content-panel{padding:22px 19px}.evidence-grid{grid-template-columns:1fr;gap:18px}.evidence-grid span{margin-bottom:5px}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100cqh;padding:40px 28px}.topbar-right .text-button{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}::selection{background:#cae9e2;color:#183d40}input{caret-color:var(--teal)}*{scrollbar-color:#2b6274 #071c28;scrollbar-width:thin}table,.detail-list,.observation{font-variant-numeric:tabular-nums}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.table-toolbar input::placeholder{color:#657982}.analysis-status{padding:22px 24px 8px;margin-bottom:18px}.analysis-status .detail-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid;gap:0 30px;margin-top:0}.analysis-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}.analysis-layout>.content-panel{padding:22px 24px}.scenario-library,.scenario-detail{min-height:480px}.filter-row{display:flex;gap:14px;margin-bottom:16px}.filter-row label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);flex:1}.filter-row select,.stacked-field select,.stacked-field input{width:100%}.scenario-list,.plan-list,.capability-list,.gap-list{list-style:none;margin:0;padding:0}.scenario-list li+li,.plan-list li+li{margin-top:8px}.scenario-list button,.plan-list button{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border);border-radius:5px;background:#fff;color:inherit}.scenario-list button:hover,.plan-list button:hover{background:#f4f9f8}.scenario-list button.active,.plan-list button.active{background:#e0eeea;border-color:#bcded8;color:#12695f}.scenario-list strong,.plan-list strong{font-size:13px}.scenario-list span,.plan-list span{font-size:11px;color:var(--muted)}.scenario-meta{font-size:10px}.curve-figure{margin:0 0 22px}.curve-figure figcaption{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.curve-figure figcaption span{font-size:11px;color:var(--muted)}.curve-svg{width:100%;height:auto;background:#f7f9f8;border:1px solid var(--border);border-radius:6px}.curve-grid line{stroke:#e4ebec;stroke-width:1}.curve-axis text{fill:var(--muted);font-size:10px}.curve-line{fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linejoin:round}.curve-gaps rect{fill:#c9d6d9}.curve-notes{margin:10px 0 0;padding-left:18px;font-size:11px;color:var(--muted);line-height:1.7}.strategy-list{display:grid;gap:8px;margin-bottom:8px}.strategy-list label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:5px}.strategy-list label.disabled{opacity:.6}.strategy-list input{margin-top:2px;min-height:0}.strategy-list span{display:flex;flex-direction:column;gap:3px;font-size:12px}.strategy-list small{color:var(--muted)}.parameter-group h4{margin:18px 0 8px;font-size:12px;color:var(--muted);font-weight:650}.parameter-row{display:grid;grid-template-columns:minmax(140px,200px) minmax(120px,1fr);gap:6px 16px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f2}.parameter-row label{font-size:12px;display:flex;flex-direction:column;gap:2px}.parameter-hint{grid-column:2;color:var(--muted);font-size:10px}.field-error{grid-column:2;color:#a2503a;font-size:11px}.field-row{display:flex;gap:12px}.stacked-field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);margin-bottom:12px;flex:1}.submit-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:18px}.submit-row label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.heading-actions{display:flex;gap:10px;align-items:center}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.panel-heading h2{margin-bottom:0}.content-panel>h2{margin-bottom:14px}.notice-line{background:#fbf8f2;border:1px solid #e5ddcf;border-radius:6px;color:#79633f;font-size:12px;padding:10px 14px;margin:0 0 16px}.service-block{padding:18px 0 4px}.service-block strong{font-size:13px}.pending-capabilities,.confirm-block{margin-bottom:18px}.pending-capabilities ul,.capability-list{margin:10px 0 0}.capability-list li{font-size:12px;color:var(--muted);padding:6px 0;border-bottom:1px solid #edf1f2}.confirm-block{border:1px solid #e5ddcf;background:#fbf8f2;border-radius:8px;padding:16px 18px}.gap-list li{font-size:11px;color:var(--muted)}@container vv (max-width: 1180px){.analysis-layout,.parameter-row{grid-template-columns:minmax(0,1fr)}.parameter-hint,.field-error{grid-column:1}}.project-picker{min-width:0}.project-picker select{max-width:min(660px,58cqw);width:auto}.overview-shell .project-picker select{max-width:min(680px,60cqw);font-size:13px}.project-picker>span{white-space:nowrap}@container vv (max-width:720px){.project-picker select,.overview-shell .project-picker select{max-width:calc(100cqw - 125px);font-size:10px}}.demo-workspace{display:flex;flex-direction:column;gap:16px}.demo-header{display:flex;flex-direction:column;gap:14px;padding:18px 20px;background:var(--surface, #fff);border:1px solid var(--border, #dde5e8);border-radius:8px}.demo-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.demo-header h1{font-size:24px;font-weight:650;margin:0 0 4px}.demo-header-sub{color:var(--muted, #596f7a);font-size:13px;margin:0}.demo-case-switch{display:flex;gap:8px;flex-wrap:wrap}.case-chip{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:9px 13px;min-width:168px;background:#fff;border:1px solid var(--border, #dde5e8);border-radius:6px;cursor:pointer;font-family:inherit;text-align:left}.case-chip strong{font-size:13.5px;font-weight:600;color:var(--text, #253b44)}.case-chip span{font-size:11.5px;color:var(--muted, #596f7a)}.case-chip:hover{border-color:#b9cbd1}.case-chip.active{background:#e0eeea;border-color:#137d77}.case-chip.active strong{color:#12695f}.demo-playback{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border, #dde5e8);font-size:12.5px;color:var(--muted, #596f7a)}.playback-slider{flex:1;min-width:180px;accent-color:#137d77}.playback-clock{font-variant-numeric:tabular-nums;font-weight:650;color:var(--text, #253b44);font-size:14px}.playback-holder b{color:var(--text, #253b44)}.demo-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border, #dde5e8);padding-bottom:6px}.demo-tabs a,.demo-tabs button{padding:9px 14px;border-radius:6px 6px 0 0;font-size:13.5px;color:var(--muted, #596f7a);text-decoration:none;background:transparent;border:1px solid transparent;border-bottom:none;cursor:pointer;font-family:inherit}.demo-tabs a:hover,.demo-tabs button:hover{color:#e6fbff;background:#42e8da1a}.demo-tabs a.active,.demo-tabs button.active,.demo-tabs a.router-link-active{color:#12695f;background:#e0eeea;border-color:#cfe2dd;font-weight:600}.demo-subtabs{border-bottom:none;padding-bottom:0;margin-top:-6px}.demo-subtabs a{font-size:12.5px;padding:6px 11px;border-radius:5px}.demo-hero{background:var(--surface, #fff);border:1px solid var(--border, #dde5e8);border-radius:8px;padding:20px 22px 16px}.demo-hero-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start;margin-bottom:14px}.demo-hero-head h2{font-size:20px;font-weight:650;margin:6px 0}.demo-hero-head p{color:var(--muted, #596f7a);max-width:760px;margin:0;line-height:1.7}.demo-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.source-tag{display:inline-block;padding:3px 9px;border-radius:4px;background:#42e8da1f;color:#6fe6d4;font-size:11.5px;letter-spacing:.02em}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px;margin:14px 0 18px}.kpi-strip.narrow{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.kpi-card{background:#f7f9f9;border:1px solid var(--border, #dde5e8);border-radius:7px;padding:11px 13px;display:flex;flex-direction:column;gap:4px}.kpi-card span{font-size:12px;color:var(--muted, #596f7a)}.kpi-card strong{font-size:21px;font-weight:650;color:var(--text, #253b44);font-variant-numeric:tabular-nums}.kpi-card strong em{font-style:normal;font-size:12px;font-weight:500;color:var(--muted, #596f7a);margin-left:4px}.kpi-card small{font-size:11px;color:var(--muted, #596f7a)}.demo-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:16px;margin:16px 0}.demo-chart{margin:0;display:flex;flex-direction:column;gap:8px}.demo-chart-caption{font-size:12.5px;color:var(--muted, #596f7a)}.demo-chart-legend{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px}.legend-item,.legend-static{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid var(--border, #dde5e8);background:#fff;color:var(--text, #253b44);cursor:pointer;font-family:inherit;font-size:12px}.legend-static{cursor:default}.legend-item.off{opacity:.45;text-decoration:line-through}.legend-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-spacer{flex:1}.demo-chart-svg{width:100%;height:auto;background:#fff;border:1px solid var(--border, #dde5e8);border-radius:7px;cursor:crosshair;user-select:none;touch-action:none}.grid-line{stroke:#eef2f3;stroke-width:1}.axis-line{stroke:#cfd9dd;stroke-width:1}.axis-label{fill:#6b818b;font-size:11px;font-family:Segoe UI,Microsoft YaHei,sans-serif}.axis-unit{fill:#8fa3ac;font-size:10.5px}.crosshair{stroke:#8fa3ac;stroke-width:1;stroke-dasharray:3 3}.brush-rect{fill:#137d771f;stroke:#137d7766}.demo-chart-readout{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:7px 11px;background:#f7f9f9;border:1px solid var(--border, #dde5e8);border-radius:6px;font-size:12px;color:var(--muted, #596f7a);font-variant-numeric:tabular-nums}.demo-chart-readout strong{color:var(--text, #253b44)}.demo-chart-readout b{color:var(--text, #253b44);margin-left:4px}.chart-hint{font-size:11.5px;color:var(--muted, #596f7a);margin:4px 0 0}.chart-actions{display:flex;gap:8px;margin-top:8px}.slot-panels{display:flex;flex-direction:column;gap:16px}.slot-grid{display:grid;gap:8px}.slot-panel{display:flex;flex-direction:column;gap:4px;padding:9px 10px;background:#fbfcfc;border:1px solid var(--border, #dde5e8);border-radius:7px;cursor:pointer;font-family:inherit;text-align:left}.slot-panel.active{border-color:#137d77;background:#f2f8f7}.slot-panel-title{font-size:12px;font-weight:600;color:var(--text, #253b44)}.slot-panel svg{width:100%;height:60px}.slot-panel-meta{font-size:10.5px;color:var(--muted, #596f7a);line-height:1.5}.slot-heatmap{display:flex;flex-direction:column;gap:6px}.heatmap-head{display:flex;justify-content:space-between;font-size:11.5px}.heatmap-svg{width:100%;height:auto;border:1px solid var(--border, #dde5e8);border-radius:7px;background:#fff}.data-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums;margin:10px 0}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid var(--border, #dde5e8);text-align:left}.data-table th{background:#f7f9f9;color:var(--muted, #596f7a);font-weight:600;font-size:12px}.data-table tbody tr:hover{background:#fbfcfc}.data-table tr.active{background:#e0eeea}.compact-table th,.compact-table td{padding:6px 9px;font-size:12px}.strategy-note-list,.event-list,.highlight-list,.script-list,.saved-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.strategy-note-list li,.event-list li,.saved-list li{padding:10px 12px;background:#fbfcfc;border:1px solid var(--border, #dde5e8);border-radius:6px;display:flex;flex-direction:column;gap:3px}.event-list li{flex-direction:row;align-items:flex-start;gap:10px}.event-list li>div{flex:1;display:flex;flex-direction:column;gap:3px}.saved-list li{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.severity-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:#93aab5}.severity-dot.watch{background:#d99a2b}.severity-dot.attention{background:#c2884a}.severity-dot.critical{background:#b04a4a}.row-actions{display:flex;gap:6px}.highlight-list li{padding-left:18px;position:relative;font-size:12.5px;color:var(--text, #253b44)}.highlight-list li:before{content:"";position:absolute;left:4px;top:8px;width:6px;height:6px;border-radius:50%;background:#137d77}.script-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:#fbfcfc;border:1px solid var(--border, #dde5e8);border-radius:7px}.script-list li>div{flex:1}.script-list p{margin:4px 0;font-size:12.5px;color:var(--muted, #596f7a)}.script-index{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#e0eeea;color:#12695f;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}.analysis-head{display:flex;flex-direction:column;gap:14px}.analysis-head-main h2{margin:6px 0}.strategy-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.strategy-chip{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:11px 13px;border:1px solid var(--border, #dde5e8);border-radius:7px;background:#fff;cursor:pointer;font-family:inherit;text-align:left}.strategy-chip span{font-size:11.5px;color:var(--muted, #596f7a)}.strategy-chip.active{border-color:#137d77;background:#e0eeea}.strategy-chip.active strong{color:#12695f}.param-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:12px;margin:12px 0}.param-field{display:flex;flex-direction:column;gap:5px}.param-label{font-size:12.5px;color:var(--text, #253b44)}.param-label em{font-style:normal;color:var(--muted, #596f7a)}.param-field small{font-size:11px}.cap-scatter{width:100%;height:auto;background:#fff;border:1px solid var(--border, #dde5e8);border-radius:7px}.cap-scatter circle{cursor:pointer}.scenario-group h3{font-size:14px;font-weight:650;margin:14px 0 0}.detail-list.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.notice-line{font-size:12.5px;color:#12695f;margin:8px 0 0}.pending-hint{margin-top:10px}.health-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}@container vv (max-width: 1180px){.health-grid,.demo-grid-2{grid-template-columns:minmax(0,1fr)}}.health-row{display:grid;grid-template-columns:26px minmax(0,1.4fr) 74px 108px 96px;gap:8px;align-items:center;padding:7px 9px;border-bottom:1px solid var(--border, #dde5e8);font-size:12.5px;cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:inherit}.health-row:hover{background:#f7f9f9}.health-row.active{background:#e0eeea}.health-score{font-variant-numeric:tabular-nums;font-weight:650}.risk-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;background:#78aabe24;color:#a9c8d6}.risk-pill.normal{background:#e0eeea;color:#12695f}.risk-pill.watch{background:#fbf1dd;color:#8a6318}.risk-pill.attention{background:#f8e8d8;color:#96551f}.risk-pill.critical{background:#f8e2e2;color:#93343a}.assistant-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);gap:16px}@container vv (max-width: 1180px){.assistant-layout{grid-template-columns:minmax(0,1fr)}}.assistant-thread{display:flex;flex-direction:column;gap:12px}.chat-bubble{padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.75}.chat-bubble.user{background:#e0eeea;color:#12695f;align-self:flex-end;max-width:82%}.chat-bubble.bot{background:#f7f9f9;border:1px solid var(--border, #dde5e8);color:var(--text, #253b44)}.suggestion-chips{display:flex;gap:6px;flex-wrap:wrap}.suggestion-chips button{padding:6px 11px;border-radius:999px;border:1px solid var(--border, #dde5e8);background:#fff;color:var(--text, #253b44);font-size:12px;cursor:pointer;font-family:inherit}.suggestion-chips button:hover{background:#42e8da1f}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.report-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#fbfcfc;border:1px solid var(--border, #dde5e8);border-radius:8px}.report-card h3{margin:0;font-size:15px;font-weight:650}.report-card p{margin:0;font-size:12.5px;color:var(--muted, #596f7a);line-height:1.7}@media print{.sidebar,.topbar,.demo-tabs,.demo-playback{display:none!important}.workspace,.main-content{margin:0!important;padding:0!important}}.situation-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:10px;margin:4px 0 16px}.situation-card{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border:1px solid var(--border, #dde5e8);border-left:3px solid #cfd9dd;border-radius:7px;background:#fbfcfc}.situation-card.good{border-left-color:#137d77}.situation-card.watch{border-left-color:#d99a2b}.situation-card.bad{border-left-color:#b04a4a}.situation-label{font-size:12px;color:var(--muted, #596f7a)}.situation-card strong{font-size:26px;font-weight:650;color:var(--text, #253b44);font-variant-numeric:tabular-nums;line-height:1.15}.situation-card strong em{font-style:normal;font-size:12px;font-weight:500;color:var(--muted, #596f7a);margin-left:4px}.situation-detail{font-size:11.5px;color:var(--muted, #596f7a);line-height:1.55}.situation-detail.warn{color:#93343a;font-weight:600}.mix-bar{display:flex;height:9px;border-radius:999px;overflow:hidden;background:#eef2f3;margin:3px 0 4px}.mix-bar span{display:block;height:100%}.action-panel{border:1px solid var(--border, #dde5e8);border-radius:8px;padding:13px 15px;background:#fbfcfc;margin-bottom:16px}.action-panel h3{margin:0 0 9px;font-size:14.5px;font-weight:650}.action-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.action-panel li{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;background:#fff;border:1px solid var(--border, #dde5e8);border-radius:6px}.action-panel li.critical{border-left:3px solid #b04a4a}.action-panel li.attention{border-left:3px solid #d99a2b}.action-panel li.info{border-left:3px solid #93aab5}.action-panel li>div{flex:1;display:flex;flex-direction:column;gap:3px}.rules-inline{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}.rules-inline li{font-size:11.5px;color:var(--muted, #596f7a);padding-left:13px;position:relative}.rules-inline li:before{content:"";position:absolute;left:2px;top:7px;width:4px;height:4px;border-radius:50%;background:#93aab5}.health-row.header{cursor:default;background:#f7f9f9;font-size:11.5px;color:var(--muted, #596f7a);font-weight:600}.health-row.header:hover{background:#f7f9f9}.log-list{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}.log-list li{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;background:#fbfcfc;border:1px solid var(--border, #dde5e8);border-radius:6px;font-size:12.5px}.log-list li>div{display:flex;flex-direction:column;gap:3px}.log-kind{flex:0 0 auto;padding:2px 7px;border-radius:4px;background:#78aabe24;color:#a9c8d6;font-size:11px}.inspection-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.inspection-row>div{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}html body .inspection-row>:is(button,.risk-pill){flex:0 0 auto;width:auto;min-width:76px;white-space:nowrap}.submit-row.wrap{flex-wrap:wrap}.step-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.markdown-answer{margin:0;white-space:pre-wrap}.stacked-field.inline{max-width:240px}.tradeoff-list{list-style:none;margin:10px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.tradeoff-list li{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:#f7f9f9;border:1px solid var(--border, #dde5e8);border-radius:7px}.tradeoff-label{font-size:11.5px;color:var(--muted, #596f7a)}.tradeoff-list strong{font-size:15px;font-weight:650;color:#12695f}.playback-handover{display:inline-flex;align-items:center;gap:6px;font-size:12.5px}.playback-handover select{min-height:30px;padding:3px 8px;border:1px solid var(--border, #dde5e8);border-radius:5px;font-family:inherit;font-size:12.5px}.demo-chart-svg .chart-glow-line:not(#_){filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 6px currentColor)}.demo-chart-svg .chart-glow-dot:not(#_){filter:drop-shadow(0 0 4px currentColor)}.demo-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;background:var(--surface, #fff);border:1px solid var(--border, #dde5e8);border-radius:8px}.demo-bar-title{display:flex;align-items:baseline;gap:8px;flex:0 0 auto}.demo-bar-title h1{font-size:19px;font-weight:650;margin:0}.demo-bar-cases{position:relative;flex:0 0 auto}.case-select{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--border, #dde5e8);border-radius:6px;background:#fff;cursor:pointer;font-family:inherit;text-align:left}.case-select strong{font-size:13px;font-weight:600;color:var(--text, #253b44)}.case-select span,.case-select em{font-size:11.5px;color:var(--muted, #596f7a);font-style:normal}.case-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:232px;margin:0;padding:5px;list-style:none;background:#fff;border:1px solid var(--border, #dde5e8);border-radius:7px;box-shadow:0 6px 20px #223b4520;max-height:min(65cqh,520px);overflow-y:auto;max-width:calc(100cqw - 40px)}.case-menu button{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 10px;border:none;border-radius:5px;background:none;cursor:pointer;font-family:inherit;text-align:left}.case-menu button:hover{background:#42e8da1a}.case-menu button.active{background:#e0eeea}.case-menu button strong{font-size:13px;color:var(--text, #253b44)}.case-menu button span{font-size:11.5px;color:var(--muted, #596f7a)}.demo-bar-playback{display:flex;align-items:center;gap:9px;flex:1;min-width:420px;font-size:12.5px;color:var(--muted, #596f7a)}.icon-text-button{padding:6px 12px;border:1px solid var(--border, #dde5e8);border-radius:5px;background:#fff;color:var(--text, #253b44);cursor:pointer;font-family:inherit;font-size:12.5px}.icon-text-button:hover{background:#42e8da1a}.demo-bar-playback .playback-slider{min-width:140px}.demo-bar-playback .playback-speed select,.demo-bar-playback .playback-handover select{min-height:28px;padding:2px 6px;border:1px solid var(--border, #dde5e8);border-radius:5px;font-family:inherit;font-size:12px}.overview-hero{background:var(--surface, #fff);border:1px solid var(--border, #dde5e8);border-radius:8px;padding:14px 16px 12px}.overview-split{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:16px;align-items:start}.overview-main{min-width:0}.overview-side{display:flex;flex-direction:column;gap:9px;max-height:calc(100cqh - 450px);min-height:340px;overflow-y:auto;padding-right:2px}.side-block{border:1px solid var(--border, #dde5e8);border-radius:7px;padding:9px 11px;background:#fbfcfc}.side-block h3{display:flex;align-items:center;gap:7px;margin:0 0 6px;font-size:13.5px;font-weight:650}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;font-size:11.5px;font-weight:600}.count-pill.alert{background:#f8e2e2;color:#93343a}.count-pill.warn{background:#fbf1dd;color:#8a6318}.count-pill.ok{background:#e0eeea;color:#12695f}.action-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.action-list li{display:flex;gap:8px;align-items:flex-start;padding:7px 9px;background:#fff;border:1px solid var(--border, #dde5e8);border-radius:6px}.action-list li.critical{border-left:3px solid #b04a4a}.action-list li.attention{border-left:3px solid #d99a2b}.action-list li.info{border-left:3px solid #93aab5}.action-list li>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.action-list li strong{font-size:12.5px;font-weight:600;color:var(--text, #253b44)}.side-actions{display:flex;gap:8px;flex-wrap:wrap}@container vv (max-width: 1440px){.overview-split{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}}@container vv (max-width: 1180px){.overview-split{grid-template-columns:minmax(0,1fr)}}.gate-list{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px}.gate-list li{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border, #dde5e8);border-left:3px solid #d99a2b;border-radius:6px;background:#fdfaf4}.gate-list li.ok{border-left-color:#137d77;background:#f2f8f7}.gate-list li>div{display:flex;flex-direction:column;gap:2px}.gate-mark{flex:0 0 auto;padding:2px 7px;border-radius:4px;background:#fbf1dd;color:#8a6318;font-size:11px}.gate-list li.ok .gate-mark{background:#e0eeea;color:#12695f}.log-list li.system{background:#f7f9f9;color:var(--muted, #596f7a)}.log-list li.system .log-kind{background:#eef2f3}.overview-shell{--muted:#9bb7cb;--border:#1a4257;--teal:#33dfbd;color:#e7f3ff;background:#03111d;min-height:100cqh;font-variant-numeric:tabular-nums;color-scheme:dark}.overview-shell .sidebar{width:230px;padding:0 0 18px;background:linear-gradient(165deg,#051722,#020b14 65%,#073240);border-right:1px solid #174455;overflow-y:auto}.overview-brand{display:flex;justify-content:center;align-items:center;min-height:116px;padding:12px 22px}.overview-brand img{width:176px;height:96px;object-fit:contain;filter:invert(1) hue-rotate(180deg) brightness(1.7) contrast(1.6);mix-blend-mode:screen}.overview-shell .workspace{margin-left:230px;min-width:0;background:linear-gradient(180deg,#0a2639 0,#041522 370px,#020d16 900px)}.overview-shell .topbar{height:54px;padding:0 24px;background:#061521;border-color:#183649;color:#cce4f2}.overview-shell select,.overview-shell input{color:#e0edf5;background:#092131;border-color:#234c60;min-height:30px;padding:5px 9px;font-size:12px}.overview-shell .topbar .text-button{color:#abc8d9}.overview-shell .project-picker>span{color:#a3c1d1}.overview-shell .main-content{padding:0 20px 14px;max-width:none}.overview-shell .overview-nav{gap:2px;margin-top:10px}.overview-shell .overview-nav a{height:53px;padding:12px 30px;border-radius:0;color:#b3cadb;font-size:15px;gap:19px}.overview-shell .overview-nav a.router-link-active{background:transparent;color:#b3cadb}.overview-shell .overview-nav a.selected{background:linear-gradient(90deg,#087c80,#07303f 70%,transparent);color:#efffff;border-left:2px solid #4ff5d2}.overview-shell .overview-nav a:hover{background:#0d3546;color:#6bf6df}.overview-shell .sidebar-bottom{margin:auto 22px 0;padding:22px 0 0;color:#91b7c6;border:0}.overview-brand-message{padding:34px 0 20px;letter-spacing:.12em;color:#a9d2e6;font-size:12px}.overview-brand-message p{font-size:15px;line-height:1.8;margin-top:17px}.overview-brand-message a{letter-spacing:normal;color:#7fa9be}.overview-shell .demo-workspace{gap:0}.overview-shell .demo-bar{min-height:42px;padding:6px 0;background:transparent;border:0;gap:12px;box-shadow:none;margin:0;position:relative;z-index:5;flex-wrap:wrap}.overview-shell .demo-bar-title h1{display:none}.overview-shell .source-tag{background:#0d333d;border:1px solid #24515b;color:#8be1cf;font-size:10px;white-space:nowrap}.overview-shell .demo-tabs:not(.inner){display:none}.overview-shell .case-select,.overview-shell .icon-text-button,.overview-shell .small-button{background:#092433;border:1px solid #265264;color:#d6ebf4;font-size:11px;min-height:28px;padding:4px 9px}.overview-shell .case-select strong{font-size:11px}.overview-shell .case-select span{display:none}.overview-shell .case-menu{background:#092333;border-color:#2b6175}.overview-shell .case-menu button{color:#d2e7ee}.overview-shell .case-menu button:hover,.overview-shell .case-menu button.active{background:#154352}.overview-shell .case-select strong,.overview-shell .case-menu button strong{color:#d6ebf4}.overview-shell .case-menu button span{color:#9bb7cb}.overview-shell .case-menu button:disabled{opacity:.6;cursor:default}.overview-shell .playback-holder,.overview-shell .playback-clock{color:#afd2df;font-size:11px}.overview-shell .playback-slider{min-height:15px;width:100px;padding:0;accent-color:#21d6b0}.overview-shell .demo-bar-playback{gap:7px}.overview-shell .demo-bar-cases{margin-left:0}.plant-dashboard{position:relative}.plant-hero{height:172px;padding:19px 30px 0;display:flex;justify-content:space-between;position:relative;isolation:isolate;margin:0 -20px;background:linear-gradient(90deg,#041727e6,#08213666 60%,#03152188),var(--factory-background, url(/assets/overview/factory-night.png)) center 37%/cover}.plant-hero h1{font-size:46px;letter-spacing:.09em;line-height:1.2;margin:0 0 10px;color:#f1f8ff;font-weight:750}.plant-hero h2{font-size:22px;font-weight:550;letter-spacing:.07em;margin:0 0 14px}.plant-hero p{font-size:12px;letter-spacing:.28em;color:#b7dbed}.plant-motto{padding:14px 10px 0;font-size:17px;letter-spacing:.25em;text-align:right;color:#d0e8ef}.plant-motto small{display:block;font-size:8px;letter-spacing:.15em;margin-top:12px}.plant-panel{border:1px solid #1a455d;background:linear-gradient(145deg,#0b2435c9,#03121ef2);border-radius:9px;min-width:0;overflow:hidden}.plant-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 10px;position:relative}.plant-metric{height:124px;padding:14px 15px 10px}.metric-heading{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600}.metric-heading small{display:block;font-size:9px;color:#96b8ce;margin-top:4px;font-weight:400;white-space:nowrap}.metric-icon{width:32px;height:32px;display:grid;place-items:center;color:#56efd0;background:#0b464f;border-radius:50%;flex-shrink:0}.metric-icon svg{width:23px;height:23px}.plant-metric strong{display:block;font-size:29px;line-height:1.2;font-weight:600;margin-top:10px;white-space:nowrap}.plant-metric strong span{font-size:12px;margin-left:6px;font-weight:400}.plant-metric p{font-size:10px;color:#6fdfbf;margin:5px 0 0;line-height:1.3}.plant-middle{display:grid;grid-template-columns:minmax(0,3.45fr) minmax(260px,1fr);gap:10px;margin-bottom:10px}.plant-map{position:relative;height:340px;isolation:isolate}.plant-map-image{position:absolute;inset:0;background:linear-gradient(90deg,#041523b8,transparent 38%),linear-gradient(0deg,#020f21a8,transparent 45%),var(--factory-background, url(/assets/overview/factory-night.png)) center 57%/cover;z-index:-1}.plant-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:13px 14px 5px}.plant-panel-title h2{font-size:14px;margin:0;font-weight:600;white-space:nowrap}.plant-panel-title h2 small{display:block;font-size:9px;color:#91b8ce;font-weight:400;margin-top:5px;letter-spacing:.03em}.plant-panel-title>a,.plant-panel-title>span{font-size:10px;color:#9ac4d9;white-space:nowrap;margin-top:2px}.plant-map .plant-panel-title h2{font-size:19px}.plant-map-tools{display:flex;flex-direction:column;position:absolute;top:77px;left:16px;gap:12px;font-size:12px;color:#c5dcec}.plant-map-tools>*{padding:9px 13px}.plant-map-tools .selected{background:#0a5978c9;border:1px solid #2087a6;border-radius:4px}.plant-zone{position:absolute;display:flex;align-items:center;gap:9px;background:#032330de;border:1px solid #427f89;border-radius:8px;padding:9px 12px;transform:translate(-50%,-50%);box-shadow:0 4px 13px #0006;color:#e1ffff;font-size:12px;white-space:nowrap}.plant-zone svg{color:#69ebd9;width:23px;height:23px}.plant-zone small{display:block;font-size:10px;font-weight:400;color:#b1d7df;margin-top:3px}.plant-zone:hover{background:#11566a;border-color:#55dfcf}.plant-map-caption{position:absolute;bottom:17px;left:18px;font-size:20px;letter-spacing:.14em}.plant-map-caption small{display:block;font-size:9px;color:#c2dbe7;letter-spacing:0;margin-top:8px}.plant-enter{position:absolute;right:16px;bottom:16px;background:#0b5365e8;border:1px solid #35b8b4;border-radius:4px;padding:9px 14px;font-size:12px;display:flex;align-items:center;gap:12px}.plant-info dl{margin:5px 14px 10px}.plant-info dl>div{display:flex;align-items:center;justify-content:space-between;padding:16px 3px;border-bottom:1px solid #163445}.plant-info dt{font-size:12px}.plant-info dt small{display:block;font-size:10px;color:#94b4c8;margin-top:4px}.plant-info dd{font-size:23px;margin:0;white-space:nowrap}.plant-info dd span{font-size:11px}.mint{color:#35e7b0!important}.plant-info-foot{display:block;padding:13px 17px;background:#143e5070;font-size:12px}.plant-info-foot svg{width:14px;height:14px;float:right}.plant-info-foot small{display:block;font-size:9px;color:#aac9d8;margin-top:7px}.plant-bottom{display:grid;grid-template-columns:1.35fr 1fr 1.05fr 1.1fr;gap:10px}.plant-bottom>.plant-panel{height:226px}.plant-trend .demo-chart{padding:0 8px;background:transparent;border:0}.plant-trend .demo-chart-svg{width:100%;height:148px;background:transparent}.plant-trend .chart-toolbar{font-size:9px;min-height:22px;gap:6px;margin:0}.plant-trend .legend-button{color:#bedcea;font-size:9px;padding:0}.plant-trend .chart-caption{font-size:9px;color:#8db0c5;margin:0}.plant-trend .text-button{font-size:9px;color:#a0d6ec}.plant-trend .grid-line{stroke:#1d3d50}.plant-trend .axis-label,.plant-trend .axis-unit{fill:#9dbed2}.plant-trend .chart-tooltip{background:#0b293d;color:#fff;border-color:#2b586e}.plant-event{display:flex;align-items:center;gap:8px;font-size:11px;padding:12px 13px;border-bottom:1px solid #143345}.plant-event span{flex:1}.plant-event i,.plant-energy li i{width:7px;height:7px;border-radius:50%;background:#f5b357;flex-shrink:0}.plant-event i.critical{background:#fa6d75}.plant-event time{color:#8badc3;font-size:10px}.plant-clear{padding:27px 16px;font-size:13px}.plant-clear p{font-size:11px;color:#92b4c9;line-height:1.9;margin-top:14px}.plant-device{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:11px;border-bottom:1px solid #112f42}.plant-device svg{width:16px;height:16px;color:#9bcbdc}.plant-device span{flex:1}.plant-device b{font-size:10px;font-weight:400}.plant-device em{font-size:10px;font-style:normal;color:#9cabb8;margin-left:5px}.plant-energy-body{display:flex;align-items:center;gap:17px;padding:24px 14px}.plant-ring{width:122px;height:122px;border-radius:50%;padding:18px;flex-shrink:0}.plant-ring>div{height:100%;background:#061826;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.plant-ring strong{font-size:22px}.plant-ring span{font-size:10px;color:#afd1de;margin-top:3px}.plant-energy ul{padding:0;margin:0;flex:1;list-style:none}.plant-energy li{display:flex;align-items:center;gap:7px;font-size:11px;margin:15px 0;white-space:nowrap}.plant-energy li span{flex:1}.plant-energy li b{font-weight:500}.plant-footer{display:flex;justify-content:space-between;gap:15px;color:#84aec3;font-size:9px;padding:11px 3px}.overview-more{margin:0 0 20px;color:#d1e4ee}.overview-more>summary{cursor:pointer;font-size:12px;padding:12px;border:1px solid #1b4356;border-radius:5px;background:#092433}.overview-more[open]>summary{margin-bottom:15px}.overview-more .overview-hero,.overview-more .content-panel,.overview-more .situation-card,.overview-more .side-block{background:#092333;color:#d1e4ee;border-color:#255066}.overview-more .data-table th,.overview-more .data-table td{background:transparent;color:#c7dce8;border-color:#204454}.overview-more .text-button{color:#74dcd1}.overview-shell ::selection{background:#217e88;color:#fff}.overview-shell *{scrollbar-color:#26546a #061925}@container vv (min-width:1750px){.plant-hero{height:190px;padding-top:26px}.plant-map{height:390px}.plant-info dl>div{padding:21px 3px}.plant-bottom>.plant-panel{height:249px}.plant-trend .demo-chart-svg{height:170px}.plant-device{padding:8px 14px}.plant-energy-body{padding-top:32px}.plant-ring{width:140px;height:140px}.plant-metric{height:134px}.plant-metric strong{font-size:32px}}@container vv (max-width:1500px){.overview-shell .sidebar{width:204px}.overview-shell .workspace{margin-left:204px}.overview-shell .overview-nav a{padding-left:24px;height:49px;font-size:14px}.overview-shell .main-content{padding-inline:14px}.plant-hero{margin-inline:-14px;height:152px;padding-top:17px}.plant-hero h1{font-size:39px}.plant-hero h2{font-size:18px}.plant-motto{font-size:13px}.plant-metric{padding:12px 10px;height:119px}.metric-heading{font-size:11px;gap:7px}.metric-heading small{font-size:8px}.metric-icon{width:26px;height:26px}.plant-metric strong{font-size:25px}.plant-metric strong span{font-size:10px}.plant-metric p{font-size:9px}.plant-middle{grid-template-columns:minmax(0,3.1fr) minmax(245px,1fr)}.plant-map{height:310px}.plant-info dl>div{padding:13px 3px}.plant-zone{font-size:10px;padding:7px 9px}.plant-zone small{font-size:8px}.plant-zone svg{width:18px}.plant-map-tools{font-size:10px;left:7px}.plant-map-caption{font-size:16px}.plant-bottom{grid-template-columns:1.35fr 1fr 1.1fr 1.05fr}.plant-bottom>.plant-panel{height:216px}.plant-ring{width:93px;height:93px;padding:13px}.plant-ring strong{font-size:19px}.plant-energy-body{gap:10px;padding:25px 9px}.plant-energy li{font-size:9px;gap:4px}.plant-panel-title{padding:12px 10px 5px}.plant-panel-title h2{font-size:12px}.plant-panel-title h2 small{font-size:8px}.plant-device{font-size:10px;gap:5px;padding-inline:9px}.plant-footer{font-size:8px}}@container vv (max-width:1100px){.plant-metrics{grid-template-columns:repeat(3,1fr)}.plant-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-middle{grid-template-columns:1fr}.plant-info dl{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.plant-motto{display:none}.plant-zone{font-size:10px}.plant-hero h2{font-size:16px}}@container vv (max-width:760px){.overview-shell .workspace{margin-left:0}.overview-shell .sidebar{width:220px}.plant-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-bottom{grid-template-columns:1fr}.plant-map{height:350px}.plant-zone{position:relative;left:auto!important;top:auto!important;transform:none;display:inline-flex;margin:8px 5px}.plant-map-tools{display:none}.plant-map-caption{font-size:12px;bottom:60px}.plant-hero h1{font-size:34px}.plant-hero h2{font-size:14px}.plant-footer{flex-wrap:wrap}}.overview-shell .case-select strong{color:#d6ebf4}.plant-info dl{display:block;gap:0}.plant-info dl>div{min-width:0}.plant-info dd{flex-shrink:0;font-size:22px}.plant-trend .demo-chart-caption{font-size:9px;margin:0 0 3px;color:#a7c5d6}.plant-trend .demo-chart-legend{gap:5px;margin-bottom:5px}.plant-trend .legend-item{background:transparent;border:0;color:#b6d9e8;padding:2px 4px;font-size:10px}.plant-trend .demo-chart-svg{border:0;border-radius:0}@container vv (min-width:1101px){.plant-hero{height:auto;min-height:clamp(116px,13cqh,145px);padding-block:15px 14px}.plant-hero h1{font-size:clamp(35px,2.5cqw,46px);margin-bottom:7px}.plant-hero h2{margin-bottom:8px}.plant-hero p{margin:0;line-height:1.5}.plant-metric{height:110px;padding-top:10px}.plant-metric strong{margin-top:7px;font-size:28px}.plant-map,.plant-info{height:clamp(275px,32cqh,340px)}.plant-info{display:flex;flex-direction:column}.plant-info dl{flex:1;margin-block:0}.plant-info dl>div{height:25%;padding:7px 3px}.plant-info-foot{padding:10px 15px}.plant-info-foot small{margin-top:4px}.plant-bottom>.plant-panel{height:200px}.plant-trend .demo-chart-svg{height:126px}.plant-device{padding-block:5px}.plant-energy-body{padding-top:17px}.plant-ring{width:112px;height:112px;padding:15px}.plant-footer{padding-block:9px}}@container vv (min-width:1101px) and (max-width:1500px){.plant-ring{width:87px;height:87px;padding:12px}.plant-ring strong{font-size:18px}.plant-metric strong{font-size:25px}.plant-zone{padding:6px 8px}.plant-map-tools{top:63px;gap:6px}.plant-info dd{font-size:21px}}.plant-panel-title h2,.plant-panel-title h2 small{line-height:1.2}.plant-bottom .plant-panel-title{height:47px;flex-shrink:0}.plant-trend .demo-chart{display:block;margin:0;gap:0}.plant-trend .chart-hint{display:none}.plant-trend .demo-chart-legend{margin:2px 0;min-height:20px;height:20px}.plant-trend .demo-chart-svg{height:111px}.plant-device{height:24px;padding-block:3px}.plant-info-foot{flex-shrink:0}.plant-info dl{min-height:0}.factory-scene-toggle{display:flex;align-items:center;gap:8px;border:1px solid #2d6479;border-radius:5px;background:#083042;color:#aeeae7;padding:5px 9px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.factory-scene-toggle span{font-size:9px;color:#8db9cd}.factory-scene-toggle:focus-visible{outline:2px solid #46e7d0;outline-offset:3px}@container vv (max-width:760px){.factory-scene-toggle{padding:5px;font-size:9px}.factory-scene-toggle span{display:none}.overview-shell .topbar{padding-inline:10px}.overview-shell .topbar-right{gap:7px}}.overview-details-button{display:block;align-self:flex-end;flex-shrink:0;padding:3px 8px;border:1px solid #24566b;border-radius:4px;background:#092838;color:#a5d9e9;font:10px var(--font-ui);cursor:pointer}.overview-details-dialog{position:fixed;width:min(1200px,90cqw);max-height:85cqh;margin:auto;padding:0 18px 18px;border:1px solid #2a7189;background:#061c2b;color:#d6eaf4;border-radius:8px;overflow:auto}.overview-details-dialog::backdrop{background:#000b}.overview-details-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 0;background:#061c2b}.overview-details-heading h2{margin:0;font-size:18px}.overview-details-heading button{padding:6px 15px;background:#0e4257;border:1px solid #35768b;color:#d8edf7;border-radius:4px;cursor:pointer}@container vv (min-width:1101px){:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell){height:100cqh;min-height:0;overflow:clip}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .workspace{height:100%;min-height:0;display:flex;flex-direction:column}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .topbar{flex:0 0 54px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .main-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0;padding-bottom:6px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .demo-workspace{display:flex;flex-direction:column;flex:1;min-height:0}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .demo-bar{flex-shrink:0;min-height:40px;padding-block:5px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .demo-workspace>.error-banner,:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .demo-workspace>.notice-line,:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .demo-workspace>.muted{flex-shrink:0;margin-block:3px;padding-block:4px;font-size:11px}}@container vv (min-width:1101px){.overview-screen .overview-page{display:flex;flex-direction:column;flex:1;min-height:0;gap:3px}.overview-screen .plant-dashboard{display:grid;flex:1;min-height:0;grid-template-rows:auto clamp(89px,10.6cqh,112px) minmax(0,1fr) clamp(173px,22cqh,228px) 18px;gap:clamp(6px,.8cqh,9px)}.overview-screen .plant-hero{height:auto;min-height:0;padding:8px 26px 9px}.overview-screen .plant-hero h1{font-size:clamp(30px,3.9cqh,42px);margin-bottom:5px;line-height:1.2}.overview-screen .plant-hero h2{font-size:clamp(15px,2cqh,20px);line-height:1.3;margin-bottom:6px}.overview-screen .plant-hero p{font-size:clamp(10px,1.2cqh,12px);margin:0;line-height:1.5}.overview-screen .plant-motto{padding-top:10px;font-size:clamp(17px,2.2cqh,23px)}.overview-screen .plant-metrics,.overview-screen .plant-middle,.overview-screen .plant-bottom{margin:0;min-height:0}.overview-screen .plant-metric{height:auto;min-height:0;padding:clamp(7px,1cqh,11px) 12px}.overview-screen .plant-dashboard .plant-metric strong{font-size:clamp(25px,3cqh,32px);line-height:1;margin-top:6px}.overview-screen .plant-metric p{margin-top:4px;font-size:clamp(8px,1cqh,10px);line-height:1.2}.overview-screen .metric-heading{font-size:clamp(10px,1.3cqh,13px);gap:8px;line-height:1.15}.overview-screen .metric-heading small{font-size:clamp(7px,.9cqh,9px);margin-top:3px}.overview-screen .metric-icon{width:clamp(24px,3cqh,32px);height:clamp(24px,3cqh,32px)}.overview-screen .plant-map,.overview-screen .plant-info,.overview-screen .plant-bottom>.plant-panel{height:100%;min-height:0}.overview-screen .plant-info{display:flex;flex-direction:column}.overview-screen .plant-info dl{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));flex:1;min-height:0;margin:0 12px}.overview-screen .plant-info dl>div{height:auto;min-height:0;padding:3px 2px}.overview-screen .plant-info dt small{margin-top:2px;font-size:9px}.overview-screen .plant-info dd{font-size:clamp(19px,2.5cqh,25px)}.overview-screen .plant-info-foot{padding:7px 12px;font-size:11px}.overview-screen .plant-info-foot small{margin-top:3px;font-size:8px}.overview-screen .plant-panel-title{padding:9px 11px 5px;min-height:38px;flex:0 0 38px}.overview-screen .plant-bottom .plant-panel-title{height:38px}.overview-screen .plant-panel-title h2{font-size:clamp(11px,1.4cqh,14px)}.overview-screen .plant-panel-title h2 small{font-size:8px;margin-top:3px}.overview-screen .plant-map-tools{top:55px;left:10px;gap:5px;font-size:10px}.overview-screen .plant-map-tools>*{padding:6px 9px}.overview-screen .plant-map-caption{font-size:clamp(14px,1.9cqh,20px);bottom:12px}.overview-screen .plant-map-caption small{font-size:8px;margin-top:5px}.overview-screen .plant-enter{bottom:12px;padding:7px 10px;font-size:11px}.overview-screen .plant-zone{padding:6px 9px;font-size:11px}.overview-screen .plant-zone small{font-size:8px;margin-top:2px}.overview-screen .plant-zone svg{width:19px;height:19px}.overview-screen .plant-trend{display:flex;flex-direction:column}.overview-screen .plant-trend .demo-chart{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;gap:0;margin:0;padding:0 8px 4px}.overview-screen .plant-trend .demo-chart-caption{flex-shrink:0;font-size:8px;line-height:1.3;margin-bottom:2px}.overview-screen .plant-trend .demo-chart-legend{flex-shrink:0;min-height:19px;height:auto;margin:0;gap:4px}.overview-screen .plant-trend .demo-chart-svg{height:0;min-height:0;flex:1;width:100%}.overview-screen .plant-trend .demo-chart-readout{position:absolute;bottom:3px;left:8px;right:8px;z-index:2;font-size:9px;padding:4px;background:#082d40;border:1px solid #2c6680;pointer-events:none}.overview-screen .plant-devices{display:grid;grid-template-rows:38px repeat(6,minmax(0,1fr))}.overview-screen .plant-device{height:auto;min-height:0;padding-block:0;font-size:clamp(9px,1.1cqh,11px)}.overview-screen .plant-alarms{display:flex;flex-direction:column}.overview-screen .plant-event{flex:1;min-height:0;padding:4px 11px;font-size:10px}.overview-screen .plant-clear{padding:16px 12px;font-size:12px}.overview-screen .plant-clear p{font-size:10px;margin-top:8px}.overview-screen .plant-energy{display:flex;flex-direction:column}.overview-screen .plant-energy-body{flex:1;min-height:0;padding:8px 10px;gap:11px}.overview-screen .plant-ring{width:clamp(84px,12cqh,127px);height:clamp(84px,12cqh,127px);padding:clamp(12px,1.7cqh,18px)}.overview-screen .plant-ring strong{font-size:clamp(18px,2.3cqh,23px)}.overview-screen .plant-energy li{font-size:clamp(9px,1.1cqh,11px);gap:5px;margin-block:12px}.overview-screen .plant-footer{padding:0 2px;align-items:center;font-size:8px;line-height:1.2}}@container vv (min-width:1101px){:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .sidebar{height:100cqh;padding-bottom:8px;overflow:clip}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .overview-brand{flex:0 0 clamp(80px,11cqh,116px);min-height:0;padding:5px 20px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .overview-brand img{height:clamp(68px,9cqh,96px)}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .overview-nav{flex:1;min-height:0;display:grid;grid-template-rows:repeat(12,minmax(0,1fr));margin-top:3px;gap:2px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .overview-nav a{height:auto;min-height:0;padding-block:3px;font-size:clamp(12px,1.45cqh,15px)}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .sidebar-bottom{flex:0 0 auto;margin-top:0;padding-top:9px;font-size:10px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .sidebar-bottom>small{font-size:8px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .overview-brand-message{padding:6px 0 9px;font-size:10px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .overview-brand-message p{font-size:12px;line-height:1.5;margin:8px 0 4px}:is(.overview-screen,.twin-shell,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.knowledge-shell,.planning-shell,.module-shell) .overview-brand-message a{font-size:10px}}.overview-screen .plant-hero-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px}.overview-screen .plant-hero-actions .plant-motto{padding-top:0}.overview-screen .overview-details-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font:500 12px var(--font-ui);border-color:#397589;border-radius:6px;color:#d6f4f2;background:#103848}.overview-screen .overview-details-button svg{width:16px;height:16px}.overview-screen .overview-details-button:hover{background:#185064;border-color:#70d9cb}.overview-screen :is(.overview-details-button,.plant-map-tools a,.plant-info-foot):focus-visible{outline:2px solid #70d9cb;outline-offset:3px}.overview-screen .plant-info .plant-panel-title{flex:0 0 auto;min-height:48px;padding:12px 16px 8px}.overview-screen .plant-info dl{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(48px,1fr));margin:0 16px;min-height:192px}.overview-screen .plant-info dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;height:auto;min-height:48px;padding:8px 0;border-color:#214354}.overview-screen .plant-info dt{min-width:0;font-size:12px;line-height:1.4}.overview-screen .plant-info dt small{margin-top:3px;font-size:10px;line-height:1.3;color:#9bb7cb}.overview-screen .plant-info dd{font-size:22px;line-height:1.2;text-align:right}.overview-screen .plant-info dd span{font-size:11px}.overview-screen .plant-info-foot{padding:12px 16px;font-size:12px;line-height:1.4}.overview-screen .plant-info-foot small{margin-top:4px;font-size:10px;line-height:1.4}.overview-screen .plant-map-tools{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding:4px 12px;font-size:11px}.overview-screen .plant-map-tools>*{padding:6px 10px;border:1px solid transparent;border-radius:4px;background:#062131df}.overview-screen .plant-map-tools a:hover{background:#14495b}.overview-screen .plant-map-caption{bottom:16px;left:16px;font-size:16px;letter-spacing:.04em}.overview-screen .plant-map-caption small{font-size:10px;line-height:1.5}.overview-screen .plant-middle{grid-template-columns:minmax(0,1fr) minmax(290px,28%)}@container vv (min-width:1101px){.overview-screen .main-content{overflow:clip}.overview-screen .demo-workspace,.overview-screen .overview-page{flex:1;min-height:0}.overview-screen .plant-dashboard{min-height:0;grid-template-rows:auto clamp(82px,10.4cqh,112px) minmax(0,1fr) clamp(136px,20.7cqh,224px) 16px}.overview-screen .plant-info,.overview-screen .plant-map{min-height:0}.overview-screen .plant-info .plant-panel-title{min-height:36px;padding:8px 12px 5px}.overview-screen .plant-info dl{min-height:0;grid-template-rows:repeat(4,minmax(0,1fr));margin-inline:12px}.overview-screen .plant-info dl>div{min-height:0;padding:3px 0}.overview-screen .plant-info dt{font-size:clamp(11px,1.4cqh,12px);line-height:1.25}.overview-screen .plant-info dt small{font-size:clamp(9px,1.15cqh,10px);line-height:1.2;margin-top:2px}.overview-screen .plant-info dd{font-size:clamp(18px,2.6cqh,22px)}.overview-screen .plant-info-foot{padding:6px 12px;font-size:11px;line-height:1.2}.overview-screen .plant-info-foot small{margin-top:3px;font-size:9px;line-height:1.2}.overview-screen .plant-hero-actions{gap:6px}.overview-screen .plant-motto small{margin-top:5px}.overview-screen .plant-zones{display:contents}}@container vv (min-width:1101px) and (max-height:780px){.overview-screen .plant-dashboard{gap:5px}.overview-screen .plant-hero{padding:5px 16px}.overview-screen .plant-hero h1{font-size:27px;margin-bottom:3px}.overview-screen .plant-hero h2{font-size:14px;margin-bottom:3px}.overview-screen .plant-hero p{font-size:9px}.overview-screen .plant-motto{font-size:13px}.overview-screen .overview-details-button{min-height:28px;padding:4px 9px;font-size:11px}.overview-screen .plant-metric{padding:6px 9px}.overview-screen .plant-dashboard .plant-metric strong{font-size:23px;margin-top:4px}.overview-screen .metric-heading{gap:5px}.overview-screen .metric-heading small{white-space:normal;font-size:7px}.overview-screen .plant-map-tools{padding:0 10px;font-size:10px}.overview-screen .plant-map-tools>*{padding:4px 8px}.overview-screen .plant-zones{position:absolute;inset:68px 10px 49px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;align-items:center;justify-items:center}.overview-screen .plant-zone{position:static;transform:none;padding:4px 6px;font-size:10px;gap:5px}.overview-screen .plant-zone small{font-size:8px}.overview-screen .plant-map-caption{bottom:9px;left:12px;font-size:12px}.overview-screen .plant-map-caption small{font-size:8px;margin-top:3px}.overview-screen .plant-enter{bottom:9px;right:10px;padding:6px 8px;font-size:10px}.overview-screen .plant-clear{padding:8px 10px;font-size:11px}.overview-screen .plant-clear p{margin-top:5px;font-size:9px}.overview-screen .plant-energy-body{padding:4px 7px;gap:7px}.overview-screen .plant-ring{width:76px;height:76px;padding:10px}.overview-screen .plant-ring strong{font-size:16px}.overview-screen .plant-ring span{font-size:9px}.overview-screen .plant-energy li{font-size:9px;gap:4px;margin-block:9px}}@container vv (max-width:1100px){.overview-screen .plant-middle{grid-template-columns:1fr}.overview-screen .plant-info{display:flex;flex-direction:column}.overview-screen .plant-hero{display:flex;flex-wrap:wrap;height:auto;gap:16px}.overview-screen .plant-hero-actions{align-items:flex-start}.overview-screen .plant-map{min-height:360px}}@container vv (max-width:760px){.overview-screen .plant-map{height:auto;min-height:420px;padding-bottom:108px}.overview-screen .plant-zone{white-space:normal;margin:6px 8px;max-width:calc(100% - 16px)}.overview-screen .plant-map-caption{bottom:64px;font-size:13px}.overview-screen .plant-enter{bottom:16px;left:16px;right:auto}.overview-screen .plant-info dd{font-size:20px}}@container vv (max-width:760px){.overview-screen .demo-bar-playback{min-width:0;width:100%;flex:1 1 100%}.overview-screen .demo-bar-playback input[type=range]{min-width:0;flex:1;width:0}.overview-screen .topbar-right .text-button{white-space:nowrap}}.plant-alarm-row span{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.plant-alarm-row span b{font-weight:600;color:#e8fbff;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plant-alarm-row span{color:#a8c9d6;white-space:nowrap;text-overflow:ellipsis}.plant-alarm-row time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.plant-alarm-row time small{font-size:.82em;color:#6fa3b5}.plant-alarm-row i.warning{background:#ffbd63;box-shadow:0 0 8px #ffbd63}.plant-alarm-row i.critical{background:#ff5d6c;box-shadow:0 0 8px #ff5d6c}.plant-alarm-row i.info{background:#31b8fa;box-shadow:0 0 8px #31b8fa}@font-face{font-family:Smiley Sans;src:url(/assets/fonts/smiley-sans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/assets/fonts/noto-sans-sc-ui.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/assets/fonts/rajdhani-data.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0020-00FF,U+2000-206F,U+2212}:root{--font-ui:"Noto Sans SC","Microsoft YaHei",sans-serif;--font-display:"Smiley Sans","Noto Sans SC",sans-serif;--font-data:"Rajdhani","Noto Sans SC",sans-serif}body{font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility}.overview-shell{font-family:var(--font-ui);font-weight:450}.overview-shell .overview-nav a{font-family:var(--font-ui);font-weight:550;letter-spacing:.035em}.overview-shell .overview-nav a.selected{font-weight:650}.overview-shell :is(.plant-hero,.process-hero,.equipment-hero,.alarms-hero,.safety-hero,.maintenance-hero,.energy-hero,.insights-hero,.twin-title) h1{font-family:var(--font-ui);font-weight:650;font-style:normal;letter-spacing:.065em;line-height:1.2;padding-right:.15em}.overview-shell :is(.plant-motto,.process-motto,.equipment-motto,.alarms-motto,.safety-motto,.maintenance-motto,.energy-motto,.insights-motto){font-family:var(--font-display);font-weight:400;letter-spacing:.07em}.overview-shell :is(.plant-panel-title,.process-section-head,.equipment-section-head,.alarms-section-head,.safety-panel>header,.maintenance-panel>header,.energy-panel>header,.insights-panel>header) h2{font-family:var(--font-ui);font-weight:650;letter-spacing:.025em}.overview-shell :is(.plant-metric,.process-metrics,.equipment-metrics,.alarms-metrics,.safety-metrics,.maintenance-kpis,.energy-kpis,.insights-kpis) strong{font-family:var(--font-data);font-weight:600;letter-spacing:.025em;font-variant-numeric:lining-nums tabular-nums;font-size:32px;line-height:1.05}.overview-shell :is(.safety-metrics,.maintenance-kpis,.energy-kpis,.insights-kpis) strong.pending{font-family:var(--font-ui);font-size:20px;font-weight:550;letter-spacing:.01em;line-height:1.2}.overview-shell :is(.plant-metric,.process-metrics,.equipment-metrics,.alarms-metrics,.safety-metrics,.maintenance-kpis,.energy-kpis,.insights-kpis) strong :is(span,em,small){font-family:var(--font-ui);font-weight:400;letter-spacing:0}.overview-shell :is(.insights-ring,.energy-ring,.energy-sec-ring,.maintenance-ring) strong{font-family:var(--font-data);font-size:30px;font-weight:600;letter-spacing:0;line-height:1}.overview-shell :is(.axis-label,.axis-unit){font-family:var(--font-data);font-weight:600;letter-spacing:.015em}.overview-shell .project-picker select{font-family:var(--font-ui);font-weight:550}.overview-shell :is(.insights-panel,.energy-panel,.maintenance-panel,.safety-panel) h2 small{font-family:var(--font-data);font-weight:600;letter-spacing:.09em;font-size:9px}.overview-shell :is(.insights-kpis,.energy-kpis,.maintenance-kpis) :is(h2,h3){font-weight:550}@container vv (min-width:1750px){.overview-shell :is(.plant-metric,.process-metrics,.equipment-metrics,.alarms-metrics,.safety-metrics,.maintenance-kpis,.energy-kpis,.insights-kpis) strong{font-size:36px}.overview-shell :is(.safety-metrics,.maintenance-kpis,.energy-kpis,.insights-kpis) strong.pending{font-size:22px}}@container vv (max-width:1500px){.overview-shell :is(.plant-metric,.process-metrics,.equipment-metrics,.alarms-metrics,.safety-metrics,.maintenance-kpis,.energy-kpis,.insights-kpis) strong{font-size:29px}.overview-shell :is(.safety-metrics,.maintenance-kpis,.energy-kpis,.insights-kpis) strong.pending{font-size:18px}.overview-shell :is(.insights-ring,.energy-ring,.energy-sec-ring,.maintenance-ring) strong{font-size:26px}.overview-shell :is(.insights-panel,.energy-panel,.maintenance-panel,.safety-panel) h2 small{font-size:8px;letter-spacing:.055em}}.overview-shell .insights-kpis strong{margin-top:4px}.overview-shell .insights-kpis p{line-height:1.2;margin-top:3px}.overview-shell .maintenance-kpis small{line-height:1.15;margin:2px 0 3px}.overview-shell .insights-carbon>div{gap:6px}.overview-shell .insights-carbon footer{margin-top:4px;padding-block:4px}.overview-shell .insights-distribution>p{line-height:1.2}.overview-shell .insights-distribution dl>div{line-height:1.2;margin-block:5px}html body .demo-chart-svg .axis-unit{transform:none!important}html body .business-insights-screen .bis-energy .axis-unit{text-anchor:end}@container vv (max-width:960px){html body .overview-shell .workspace{margin-left:0}html body .overview-shell .sidebar{width:232px;box-shadow:12px 0 32px #0009}}@container vv (min-width:961px){html body .overview-shell .sidebar{height:100cqh;overflow-x:hidden;overflow-y:auto;padding-bottom:8px;scrollbar-width:none}html body .overview-shell .overview-brand{flex:0 0 clamp(72px,11cqh,116px);min-height:0;padding:4px 20px}html body .overview-shell .overview-brand img{height:clamp(60px,9cqh,96px)}html body .overview-shell .overview-nav{flex:1 0 auto;display:grid;grid-template-rows:repeat(12,minmax(36px,1fr));gap:2px;margin-top:2px}html body .overview-shell .overview-nav a{height:auto;min-height:36px;padding-block:3px;font-size:clamp(13px,1.5cqh,15px)}html body .overview-shell .sidebar-bottom{flex:0 0 auto;margin-top:0;padding-top:8px;font-size:11px}html body .overview-shell .sidebar-bottom>small{font-size:10px;line-height:1.4}html body .overview-shell .overview-brand-message{padding:6px 0 8px;font-size:10px}html body .overview-shell .overview-brand-message p{font-size:12px;line-height:1.5;margin:6px 0 4px}html body .overview-shell .overview-brand-message a{font-size:12px}}@container vv (min-width:961px) and (max-height:779px){html body .overview-shell .overview-brand-message{font-size:0;padding:2px 0 6px}html body .overview-shell .overview-brand-message p{display:none}}html body .overview-shell .factory-scene-toggle{font-size:12px}html body .overview-shell .factory-scene-toggle span{font-size:10px}html body .overview-shell .platform-module-tools,html body .overview-shell .platform-module-tools summary{font-size:12px}html body .overview-shell .simulation-session-link,html body .overview-shell .source-tag{font-size:11px}html body .overview-shell :is(.case-select,.icon-text-button,.small-button),html body .overview-shell .case-select strong{font-size:12px}html body .overview-shell :is(.playback-clock,.playback-holder){font-size:12px}html:has(.overview-shell),html body:has(.overview-shell){height:100%;overflow:hidden}html body .overview-shell{height:100cqh;min-height:0;overflow:hidden}html body .overview-shell .workspace{height:100cqh;min-height:0;display:flex;flex-direction:column}html body .overview-shell .topbar{flex:0 0 auto}html body .overview-shell .main-content{flex:1 1 auto;min-height:0;width:100%;max-width:none;margin:0;overflow:hidden;overscroll-behavior:contain}@container vv (max-width:1100px){html body :is(.overview-screen,.process-shell,.equipment-shell,.alarms-shell,.safety-shell,.maintenance-shell,.energy-shell,.insights-shell,.reports-shell,.planning-shell) .main-content>.demo-workspace{flex:none;min-height:auto}}@container vv (min-width:1101px) and (max-width:1150px){html body :is(.maintenance-shell,.energy-shell) .main-content>.demo-workspace{flex:none;min-height:auto}}@container vv (min-width:1101px) and (max-width:1120px){html body :is(.insights-shell,.reports-shell,.planning-shell,.knowledge-shell) .main-content>.demo-workspace{flex:none;min-height:auto}}@container vv (max-width:1100px){html body :is(.twin-shell,.knowledge-shell) .main-content>.demo-workspace{flex:none;min-height:auto}}html body .overview-shell.module-shell .main-content{display:flex;flex-direction:column}html body .overview-shell.module-shell .main-content>.demo-workspace{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}html body .overview-shell.module-shell .module-workspace{flex:1 1 auto;min-height:0}html body .overview-shell.module-shell .module-content{flex:1 1 auto;min-height:0;overflow:hidden}html body .overview-shell.module-shell .integrated-engineering-tools{min-height:0}html body .overview-shell .main-content{position:relative}html body .overview-shell .section-hidden{display:none!important}html body .overview-shell .section-dock{position:absolute;left:12px;right:12px;bottom:4px;z-index:9;display:flex;align-items:stretch;gap:4px;height:36px;padding:3px;border:1px solid #24566b;border-radius:6px;background:#04161fe8;box-shadow:0 -4px 16px #0006}html body .overview-shell .section-dock button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:4px;background:#082c3d;color:#c7e3ee;font:500 12px/1.2 var(--font-ui);white-space:normal;overflow-wrap:anywhere;overflow:hidden;padding:0 5px;cursor:pointer}html body .overview-shell .section-dock button b{flex-shrink:0;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#123f50;color:#9fe9df;font:600 11px var(--font-data)}html body .overview-shell .section-dock button[aria-pressed=true]{background:#0b5563;border-color:#43cbbd;color:#f2fffd}html body .overview-shell .section-dock button[aria-pressed=true] b{background:#43cbbd;color:#03303a}html body .overview-shell .section-dock button:hover:not(:disabled){background:#0f4a5c}html body .overview-shell .section-dock .section-step{flex:0 0 34px;font-size:18px;padding:0}html body .overview-shell .section-dock button:disabled{opacity:.35;cursor:default}html body .overview-shell .section-dock button:focus-visible{outline:2px solid #46e7d0;outline-offset:1px}.region-pager{position:fixed;z-index:60;display:flex;gap:3px;transform:translate(-100%,-100%);pointer-events:auto}.region-pager button{width:26px;height:24px;padding:0;border:1px solid #3a8197;border-radius:4px;background:#0a3b4ce8;color:#e6fbff;font-size:11px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0008}.region-pager button:hover:not(:disabled){background:#13708a}.region-pager button:disabled{opacity:.3;cursor:default}.region-pager button:focus-visible{outline:2px solid #46e7d0;outline-offset:1px}@container vv (max-height:779px){html body .overview-shell :is(.plant-hero,.process-hero,.equipment-hero,.alarms-hero,.safety-hero,.maintenance-hero,.insights-hero,.reports-hero,.knowledge-hero,.planning-hero){height:auto;min-height:0;padding-block:8px}html body .overview-shell :is(.plant-hero,.process-hero,.equipment-hero,.alarms-hero,.safety-hero,.maintenance-hero,.energy-hero,.insights-hero,.reports-hero,.knowledge-hero,.planning-hero) h1{font-size:28px;margin-bottom:2px}html body .overview-shell :is(.plant-hero,.process-hero,.equipment-hero,.alarms-hero,.safety-hero,.maintenance-hero,.energy-hero,.insights-hero,.reports-hero,.knowledge-hero,.planning-hero) h2{font-size:15px}html body .overview-shell :is(.plant-hero,.equipment-hero,.maintenance-hero,.insights-hero,.reports-hero,.knowledge-hero,.planning-hero)>div>p,html body .overview-shell :is(.plant-motto,.process-motto,.insights-motto,.reports-motto,.knowledge-motto,.planning-motto,.maintenance-motto,.energy-motto) small{display:none}html body .overview-shell .energy-hero{height:auto;padding-top:8px}html body .overview-shell .module-heading{padding:8px 16px}html body .overview-shell .module-heading h1{font-size:20px}}@container vv (max-width:960px){html body .overview-shell .sidebar{height:100cqh;overflow:hidden;padding-bottom:8px}html body .overview-shell .overview-brand{flex:0 0 72px;min-height:0;padding:4px 20px}html body .overview-shell .overview-brand img{height:60px}html body .overview-shell .overview-nav{flex:1 0 auto;display:grid;grid-template-rows:repeat(12,minmax(34px,1fr));gap:2px;margin-top:2px}html body .overview-shell .overview-nav a{height:auto;min-height:34px;padding-block:3px;font-size:14px}html body .overview-shell .overview-brand-message{font-size:0;padding:2px 0 6px}html body .overview-shell .overview-brand-message p{display:none}html body .overview-shell .overview-brand-message a{font-size:12px}}@container vv (max-height:620px){html body .overview-shell .sidebar{overflow:hidden}html body .overview-shell .overview-brand{flex-basis:56px}html body .overview-shell .overview-brand img{height:48px}html body .overview-shell .overview-nav{grid-template-rows:repeat(12,minmax(28px,1fr))}html body .overview-shell .overview-nav a{min-height:28px;font-size:13px}html body .overview-shell .sidebar-bottom>small{display:none}}@container vv (max-height:460px){html body .overview-shell .overview-nav{grid-template-rows:repeat(12,minmax(24px,1fr))}html body .overview-shell .overview-nav a{min-height:24px}html body .overview-shell .sidebar-bottom{display:none}}html body .overview-shell .sections-fit{display:flex!important;flex-direction:column!important;grid-template-rows:none!important;min-height:0}html body .overview-shell .sections-fit>*{flex:0 0 auto;min-height:0}html body .overview-shell .sections-fit>.section-row{flex:var(--section-weight,1) 1 0;height:auto!important;min-height:0;margin:0}html body .overview-shell .sections-fit{padding-bottom:46px}html body .overview-shell .section-split{height:auto!important;min-height:0!important}html body .overview-shell.insights-shell .insights-kpis p{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.25;overflow:hidden}@container vv (min-width:1121px){html body .overview-shell.insights-shell .insights-page{grid-template-rows:auto 30px auto minmax(0,1.1fr) minmax(0,1.08fr) minmax(0,1fr) 18px}html body .overview-shell.insights-shell .insights-kpis>article{height:auto;min-height:0}}html body .overview-shell .section-bounded{scrollbar-width:none}html body .overview-shell .section-bounded::-webkit-scrollbar{display:none}@container vv (max-width:1100px){html body .overview-shell .demo-bar{flex-wrap:nowrap}html body .overview-shell .demo-bar-cases{min-width:0;flex:0 1 auto}html body .overview-shell .case-select{max-width:42cqw;overflow:hidden}html body .overview-shell .case-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body .overview-shell .demo-bar-playback{min-width:0;flex:1 1 auto}html body .overview-shell .demo-bar-playback .playback-slider{min-width:60px;width:auto;flex:1}}@container vv (max-height:600px){html body .overview-shell :is(.plant-hero,.process-hero,.equipment-hero,.alarms-hero,.safety-hero,.maintenance-hero,.insights-hero,.reports-hero,.knowledge-hero,.planning-hero,.twin-title){height:auto;min-height:0;padding-block:5px;align-items:center}html body .overview-shell :is(.plant-hero,.process-hero,.equipment-hero,.alarms-hero,.safety-hero,.maintenance-hero,.energy-hero,.insights-hero,.reports-hero,.knowledge-hero,.planning-hero,.twin-title) h1{display:inline-block;font-size:24px;margin:0 14px 0 0;vertical-align:middle}html body .overview-shell :is(.plant-hero,.process-hero,.equipment-hero,.alarms-hero,.safety-hero,.maintenance-hero,.energy-hero,.insights-hero,.reports-hero,.knowledge-hero,.planning-hero,.twin-title) :is(h2,p){display:inline-block;font-size:13px;margin:0;vertical-align:middle}html body .overview-shell :is(.plant-motto,.process-motto,.equipment-motto,.alarms-motto,.safety-motto,.maintenance-motto,.energy-motto,.insights-motto,.reports-motto,.knowledge-motto,.planning-motto),html body .overview-shell .twin-title>div>p,html body .overview-shell .alarms-hero-icon{display:none}html body .overview-shell .energy-hero{padding-bottom:40px}}@container vv (max-width:1180px){html body .overview-shell.twin-shell .twin-scene-actions>button{display:inline-flex}html body .overview-shell.twin-shell .twin-replay>header>span:not(.twin-source){display:inline}}@container vv (max-width:1100px){html body .overview-shell.twin-shell .twin-page .twin-stats article{height:auto;min-height:76px}html body .overview-shell.twin-shell .twin-page .twin-stats article p{display:block}}html body .overview-shell.overview-screen .plant-hero p{font-size:clamp(11px,1.2cqh,12px)}html body .overview-shell.overview-screen .plant-motto small{font-size:9px}html body .overview-shell.overview-screen .metric-heading{font-size:clamp(12px,1.3cqh,13px)}html body .overview-shell.overview-screen .metric-heading small{font-size:9px}html body .overview-shell.overview-screen .plant-metric p{font-size:clamp(10px,1cqh,11px)}html body .overview-shell.overview-screen .plant-metric strong span{font-size:11px}html body .overview-shell.overview-screen .plant-panel-title h2{font-size:clamp(13px,1.4cqh,15px)}html body .overview-shell.overview-screen .plant-map .plant-panel-title h2{font-size:clamp(15px,1.9cqh,19px)}html body .overview-shell.overview-screen .plant-panel-title h2 small{font-size:9px}html body .overview-shell.overview-screen .plant-panel-title>:is(a,span){font-size:11px}html body .overview-shell.overview-screen .plant-map-tools,html body .overview-shell.overview-screen .plant-zone{font-size:12px}html body .overview-shell.overview-screen .plant-zone small,html body .overview-shell.overview-screen .plant-map-caption small{font-size:10px}html body .overview-shell.overview-screen .plant-enter,html body .overview-shell.overview-screen .plant-info dt{font-size:12px}html body .overview-shell.overview-screen .plant-info dt small{font-size:10px}html body .overview-shell.overview-screen .plant-info-foot{font-size:12px}html body .overview-shell.overview-screen .plant-info-foot small{font-size:10px}html body .overview-shell.overview-screen .plant-trend :is(.demo-chart-caption,.text-button,.chart-toolbar){font-size:10px}html body .overview-shell.overview-screen .plant-trend .legend-item{font-size:11px}html body .overview-shell.overview-screen .plant-device{font-size:clamp(12px,1.2cqh,13px)}html body .overview-shell.overview-screen .plant-device b,html body .overview-shell.overview-screen .plant-device em{font-size:11px}html body .overview-shell.overview-screen .plant-event{font-size:12px}html body .overview-shell.overview-screen .plant-event time{font-size:11px}html body .overview-shell.overview-screen .plant-clear p{font-size:11px}html body .overview-shell.overview-screen .plant-energy li{font-size:clamp(11px,1.1cqh,12px)}html body .overview-shell.overview-screen .plant-ring span,html body .overview-shell.overview-screen .plant-footer{font-size:10px}html body .overview-shell.process-shell .process-motto small{font-size:9px}html body .overview-shell.process-shell .process-metrics article>div{font-size:clamp(12px,1.3cqh,13px)}html body .overview-shell.process-shell .process-metrics article small{font-size:9px}html body .overview-shell.process-shell .process-metrics article em{font-size:11px}html body .overview-shell.process-shell .process-metrics article p{font-size:11px}html body .overview-shell.process-shell .process-section-head h2{font-size:clamp(13px,1.4cqh,15px)}html body .overview-shell.process-shell .process-section-head h2 small{font-size:9px}html body .overview-shell.process-shell .process-section-head nav>*{font-size:12px}html body .overview-shell.process-shell .process-section-head>span{font-size:10px}html body .overview-shell.process-shell .process-view-tools>button{font-size:12px}html body .overview-shell.process-shell .process-water-branch{font-size:12px}html body .overview-shell.process-shell .process-water-branch small{font-size:11px}html body .overview-shell.process-shell .process-flow-note{font-size:11px!important}html body .overview-shell.process-shell .process-stage-inspector h3{font-size:14px}html body .overview-shell.process-shell .process-stage-inspector h3 small,html body .overview-shell.process-shell .process-stage-inspector select{font-size:11px}html body .overview-shell.process-shell .process-device-grid strong{font-size:13px}html body .overview-shell.process-shell .process-device-grid small,html body .overview-shell.process-shell .process-device-pagination,html body .overview-shell.process-shell .process-device-pagination button,html body .overview-shell.process-shell .process-detail-actions button{font-size:11px}html body .overview-shell.process-shell .process-device-profile dl{font-size:12px}html body .overview-shell.process-shell .process-device-observations,html body .overview-shell.process-shell .process-device-observations :is(p,a,button){font-size:12px}html body .overview-shell.process-shell .process-device-trend{font-size:12px}html body .overview-shell.process-shell .process-panel .process-section-head h2{font-size:13px}html body .overview-shell.process-shell .process-panel .process-section-head h2 small{font-size:9px}html body .overview-shell.process-shell .process-panel .process-section-head>span{font-size:10px}html body .overview-shell.process-shell .process-panel :is(.demo-chart-caption,.text-button){font-size:10px}html body .overview-shell.process-shell .process-panel :is(.legend-item,.legend-static){font-size:11px}html body .overview-shell.process-shell .process-chart-kpi :is(small,span){font-size:10px}html body .overview-shell.process-shell .process-no-data strong{font-size:12px}html body .overview-shell.process-shell .process-no-data :is(p,a){font-size:11px}html body .overview-shell.process-shell .process-engineering-tools,html body .overview-shell.process-shell .process-engineering-tools button{font-size:11px}html body .overview-shell.process-shell .process-parameter-list table{font-size:12px}html body .overview-shell.process-shell .process-parameter-list th{font-size:11px}html body .overview-shell.process-shell .process-footer{font-size:11px!important}html body .overview-shell.process-shell .stage-thumb-missing small{font-size:10px}html body .overview-shell.equipment-shell .equipment-hero p{font-size:11px}html body .overview-shell.equipment-shell .equipment-hero>a{font-size:11px}html body .overview-shell.equipment-shell .equipment-section-head h2{font-size:clamp(13px,1.3cqh,14px)}html body .overview-shell.equipment-shell .equipment-section-head h2 small{font-size:9px}html body .overview-shell.equipment-shell .equipment-section-head>:is(span,a){font-size:11px}html body .overview-shell.equipment-shell .equipment-section-head>nav button{font-size:11px}html body .overview-shell.equipment-shell .equipment-tree>input{font-size:12px}html body .overview-shell.equipment-shell .equipment-tree-root{font-size:12px!important}html body .overview-shell.equipment-shell .equipment-tree-root span{font-size:11px}html body .overview-shell.equipment-shell .equipment-tree nav button{font-size:12px}html body .overview-shell.equipment-shell .equipment-tree nav button small{font-size:10px}html body .overview-shell.equipment-shell .equipment-category-pagination,html body .overview-shell.equipment-shell .equipment-category-pagination button,html body .overview-shell.equipment-shell .equipment-filters label{font-size:11px}html body .overview-shell.equipment-shell .equipment-filters :is(select,input){font-size:12px}html body .overview-shell.equipment-shell .equipment-page th{font-size:11px}html body .overview-shell.equipment-shell .equipment-page td{font-size:12px}html body .overview-shell.equipment-shell .equipment-table-scroll :is(th,td){line-height:1.25}html body .overview-shell.equipment-shell .equipment-name{font-size:12px!important}html body .overview-shell.equipment-shell :is(.equipment-code,.equipment-state,.equipment-health-bar){font-size:11px}html body .overview-shell.equipment-shell .equipment-pagination,html body .overview-shell.equipment-shell .equipment-pagination select,html body .overview-shell.equipment-shell .equipment-notice{font-size:11px}html body .overview-shell.equipment-shell .equipment-export{font-size:11px!important}html body .overview-shell.equipment-shell .equipment-detail-title p{font-size:11px}html body .overview-shell.equipment-shell .equipment-detail-title small{font-size:10px}html body .overview-shell.equipment-shell .equipment-detail-title button{font-size:11px}html body .overview-shell.equipment-shell .equipment-health-ring span{font-size:10px}html body .overview-shell.equipment-shell .equipment-summary-values>small{font-size:10px}html body .overview-shell.equipment-shell .equipment-summary-values>span{font-size:11px}html body .overview-shell.equipment-shell .equipment-detail-tabs button{font-size:12px}html body .overview-shell.equipment-shell .equipment-basic>div{font-size:12px}html body .overview-shell.equipment-shell .equipment-source{font-size:10px}html body .overview-shell.equipment-shell .equipment-records>:is(div,a){font-size:12px}html body .overview-shell.equipment-shell .equipment-records span{font-size:11px}html body .overview-shell.equipment-shell .equipment-trend :is(.demo-chart-caption,.text-button){font-size:10px}html body .overview-shell.equipment-shell .equipment-trend .legend-item{font-size:11px}html body .overview-shell.equipment-shell .equipment-support-scroll td{font-size:12px}html body .overview-shell.equipment-shell .equipment-support-scroll th{font-size:11px}html body .overview-shell.equipment-shell .equipment-footer{font-size:10px}html body .overview-shell.alarms-shell .alarms-metrics>button>span{font-size:clamp(12px,1.3cqh,14px)}html body .overview-shell.alarms-shell .alarms-metrics small{font-size:clamp(10px,.95cqh,11px)}html body .overview-shell.alarms-shell .alarms-section-head h2{font-size:clamp(13px,1.4cqh,15px)}html body .overview-shell.alarms-shell .alarms-section-head h2 small{font-size:9px}html body .overview-shell.alarms-shell .alarms-section-head>a,html body .overview-shell.alarms-shell .alarms-section-head nav>*{font-size:11px}html body .overview-shell.alarms-shell .alarms-map-legend{font-size:11px}html body .overview-shell.alarms-shell .alarms-map-events strong{font-size:clamp(12px,1.4cqh,15px)}html body .overview-shell.alarms-shell .alarms-map-events button>span:not(.alarms-beacon){font-size:clamp(11px,1.2cqh,13px)}html body .overview-shell.alarms-shell .alarms-map-events small{font-size:10px}html body .overview-shell.alarms-shell .alarms-map>footer{font-size:10px}html body .overview-shell.alarms-shell .alarms-map>footer a{font-size:11px}html body .overview-shell.alarms-shell .alarms-map-empty :is(p,button){font-size:12px}html body .overview-shell.alarms-shell .alarms-region-list button{font-size:12px}html body .overview-shell.alarms-shell .alarms-region-list small,html body .overview-shell.alarms-shell .alarms-ring span{font-size:10px}html body .overview-shell.alarms-shell .alarms-ring-row li{font-size:clamp(11px,1.1cqh,12px)}html body .overview-shell.alarms-shell .alarms-types>button{font-size:clamp(11px,1.1cqh,12px)}html body .overview-shell.alarms-shell .alarms-stat-note{font-size:10px}html body .overview-shell.alarms-shell .alarms-trend :is(.demo-chart-caption,.text-button){font-size:10px}html body .overview-shell.alarms-shell .alarms-trend .legend-item{font-size:11px}html body .overview-shell.alarms-shell .alarms-workflow-steps strong{font-size:clamp(11px,1.1cqh,12px)}html body .overview-shell.alarms-shell .alarms-workflow-steps small{font-size:9px}html body .overview-shell.alarms-shell .alarms-workflow-note strong{font-size:clamp(11px,1.15cqh,12px)}html body .overview-shell.alarms-shell .alarms-workflow-note span,html body .overview-shell.alarms-shell .alarms-list-head h2 small{font-size:10px}html body .overview-shell.alarms-shell .alarms-list-head :is(select,input,button){font-size:11px}html body .overview-shell.alarms-shell .alarms-list th{font-size:11px}html body .overview-shell.alarms-shell .alarms-list td{font-size:12px}html body .overview-shell.alarms-shell .alarms-event-code{font-size:11px!important}html body .overview-shell.alarms-shell :is(.alarms-level-pill,.alarms-state,.alarms-actions button){font-size:11px}html body .overview-shell.alarms-shell .alarms-list>footer{font-size:11px}html body .overview-shell.alarms-shell .alarms-page-footer{font-size:10px}html body .overview-shell.safety-shell .safety-metrics>*>span{font-size:clamp(12px,1.25cqh,13px)}html body .overview-shell.safety-shell .safety-metrics small{font-size:clamp(10px,.95cqh,11px)}html body .overview-shell.safety-shell .safety-panel h2{font-size:clamp(13px,1.5cqh,16px)}html body .overview-shell.safety-shell .safety-bottom h2{font-size:clamp(13px,1.35cqh,14px)}html body .overview-shell.safety-shell .safety-panel h2 small{font-size:9px}html body .overview-shell.safety-shell .safety-panel header button{font-size:11px}html body .overview-shell.safety-shell .safety-map-legend{font-size:11px}html body .overview-shell.safety-shell .safety-zones strong{font-size:12px}html body .overview-shell.safety-shell .safety-zones span{font-size:11px}html body .overview-shell.safety-shell .safety-zones small{font-size:10px}html body .overview-shell.safety-shell .safety-map>footer{font-size:11px}html body .overview-shell.safety-shell :is(.safety-camera-note,.safety-camera-grid small){font-size:10px}html body .overview-shell.safety-shell .safety-camera-grid footer{font-size:11px}html body .overview-shell.safety-shell .safety-gas-grid :is(span,small){font-size:10px}html body .overview-shell.safety-shell .safety-await strong{font-size:12px}html body .overview-shell.safety-shell .safety-await p{font-size:10px}html body .overview-shell.safety-shell .safety-fire-grid strong{font-size:11px}html body .overview-shell.safety-shell .safety-fire-grid small{font-size:10px}html body .overview-shell.safety-shell .safety-wide-link{font-size:12px!important}html body .overview-shell.safety-shell .safety-footnote{font-size:10px}html body .overview-shell.safety-shell .safety-person span{font-size:11px}html body .overview-shell.safety-shell :is(.safety-list>div,.safety-environment>div,.safety-resources>*){font-size:11px}html body .overview-shell.safety-shell :is(.safety-environment small,.safety-environment em,.safety-resources small){font-size:10px}html body .overview-shell.safety-shell .safety-page-footer{font-size:10px}html body .overview-shell.safety-shell .safety-page-footer button{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-hero p{font-size:clamp(11px,1.1cqh,12px)}html body .overview-shell.maintenance-shell .maintenance-motto small{font-size:9px}html body .overview-shell.maintenance-shell .maintenance-kpis h3{font-size:clamp(12px,1.25cqh,13px)}html body .overview-shell.maintenance-shell .maintenance-kpis small{font-size:9px}html body .overview-shell.maintenance-shell .maintenance-kpis em{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-panel>header h2{font-size:clamp(13px,1.4cqh,14px)}html body .overview-shell.maintenance-shell .maintenance-bottom .maintenance-panel h2,html body .overview-shell.maintenance-shell .maintenance-diagnosis-row .maintenance-panel>header h2{font-size:clamp(12px,1.2cqh,13px)}html body .overview-shell.maintenance-shell .maintenance-panel>header h2 small{font-size:9px}html body .overview-shell.maintenance-shell .maintenance-panel>header>a{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-tabs button{font-size:12px}html body .overview-shell.maintenance-shell .maintenance-tabs select{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-trend :is(.demo-chart-caption,.text-button){font-size:10px}html body .overview-shell.maintenance-shell .maintenance-trend .legend-item{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-diagnostic-content strong{font-size:13px}html body .overview-shell.maintenance-shell .maintenance-diagnostic-content p{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-diagnostic-content dt{font-size:10px}html body .overview-shell.maintenance-shell .maintenance-suggestion ol{font-size:11px;line-height:1.4}html body .overview-shell.maintenance-shell .maintenance-suggestion>button{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-machine-title p,html body .overview-shell.maintenance-shell .maintenance-health-badges span{font-size:11px}html body .overview-shell.maintenance-shell :is(.maintenance-health-badges>div>small,.maintenance-health-badges button){font-size:10px}html body .overview-shell.maintenance-shell .maintenance-machine-stats>div{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-visual-actions,html body .overview-shell.maintenance-shell .maintenance-visual-actions button,html body .overview-shell.maintenance-shell .maintenance-carousel span{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-carousel small{font-size:10px}html body .overview-shell.maintenance-shell .maintenance-orders nav button{font-size:10px}html body .overview-shell.maintenance-shell .maintenance-table table,html body .overview-shell.maintenance-shell .maintenance-table td{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-table th,html body .overview-shell.maintenance-shell .maintenance-pagination{font-size:10px}html body .overview-shell.maintenance-shell .maintenance-date-filter{font-size:10px!important}html body .overview-shell.maintenance-shell .maintenance-calendar nav{font-size:12px}html body .overview-shell.maintenance-shell .maintenance-calendar-grid>span{font-size:10px}html body .overview-shell.maintenance-shell .maintenance-calendar-grid button{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-calendar>p{font-size:10px}html body .overview-shell.maintenance-shell .maintenance-inspections>a{font-size:11px}html body .overview-shell.maintenance-shell :is(.maintenance-inspections small,.maintenance-inspections b){font-size:10px}html body .overview-shell.maintenance-shell :is(.maintenance-team-summary dl>div,.maintenance-preventive dl>div,.maintenance-team-list>div,.maintenance-scores>button,.maintenance-mobile>a){font-size:11px}html body .overview-shell.maintenance-shell :is(.maintenance-ring small,.maintenance-team-list small,.maintenance-mobile small,.maintenance-bars b,.maintenance-bars span){font-size:10px}html body .overview-shell.maintenance-shell .maintenance-footer{font-size:10px}html body .overview-shell.maintenance-shell .maintenance-footer button{font-size:11px}html body .overview-shell.maintenance-shell .maintenance-details{font-size:12px}html body .overview-shell.energy-shell .energy-motto small{font-size:9px}html body .overview-shell.energy-shell .energy-hero nav button{font-size:clamp(12px,1.3cqh,14px)}html body .overview-shell.energy-shell .energy-kpis h2{font-size:clamp(12px,1.25cqh,14px)}html body .overview-shell.energy-shell .energy-kpis small{font-size:clamp(10px,.95cqh,11px)}html body .overview-shell.energy-shell .energy-kpis em{font-size:11px}html body .overview-shell.energy-shell .energy-panel h2{font-size:clamp(13px,1.45cqh,16px)}html body .overview-shell.energy-shell :is(.energy-bottom,.energy-side) .energy-panel h2{font-size:clamp(13px,1.35cqh,15px)}html body .overview-shell.energy-shell .energy-panel h2 small{font-size:9px}html body .overview-shell.energy-shell .energy-panel header button{font-size:11px}html body .overview-shell.energy-shell .energy-flow>footer{font-size:10px}html body .overview-shell.energy-shell .energy-flow>footer button{font-size:11px}html body .overview-shell.energy-shell .energy-load header>div button{font-size:10px}html body .overview-shell.energy-shell .energy-page :is(.demo-chart-caption,.text-button){font-size:10px}html body .overview-shell.energy-shell .energy-page .legend-item,html body .overview-shell.energy-shell .energy-price-cards span{font-size:11px}html body .overview-shell.energy-shell .energy-price-cards small{font-size:10px}html body .overview-shell.energy-shell :is(.energy-sec-ring span,.energy-sec-ring small,.energy-ring span,.energy-ring small){font-size:10px}html body .overview-shell.energy-shell .energy-efficiency dl>div{font-size:11px}html body .overview-shell.energy-shell .energy-efficiency>p{font-size:10px}html body .overview-shell.energy-shell .energy-ring-row li button{font-size:11px}html body .overview-shell.energy-shell :is(.energy-carbon-empty span,.energy-carbon-labels){font-size:10px}html body .overview-shell.energy-shell .energy-footer{font-size:10px}html body .overview-shell.energy-shell .energy-footer button{font-size:11px}html body .overview-shell.energy-shell .energy-data-table>div,html body .overview-shell.energy-shell .energy-data-table table{font-size:11px}html body .overview-shell.energy-shell .energy-data-table :is(button,a,p){font-size:10px}html body .overview-shell.energy-shell .energy-carbon-workspace p{font-size:11px}html body .overview-shell.insights-shell .insights-hero p,html body .overview-shell.insights-shell .insights-motto small{font-size:9px}html body .overview-shell.insights-shell .insights-tabs>button{font-size:clamp(12px,1.3cqh,14px)}html body .overview-shell.insights-shell .insights-kpis h2{font-size:clamp(12px,1.2cqh,13px)}html body .overview-shell.insights-shell .insights-kpis h2 small{font-size:9px}html body .overview-shell.insights-shell .insights-kpis strong span{font-size:11px}html body .overview-shell.insights-shell .insights-kpis p{font-size:10px;overflow:hidden;text-overflow:ellipsis}html body .overview-shell.insights-shell .insights-panel h2{font-size:clamp(13px,1.25cqh,14px)}html body .overview-shell.insights-shell .insights-panel h2 small{font-size:9px}html body .overview-shell.insights-shell .insights-panel header>:is(button,a){font-size:11px}html body .overview-shell.insights-shell .insights-panel select{font-size:11px!important}html body .overview-shell.insights-shell .insights-interval button{font-size:11px}html body .overview-shell.insights-shell .insights-page :is(.demo-chart-caption,.text-button){font-size:10px}html body .overview-shell.insights-shell .insights-page :is(.legend-item,.legend-static){font-size:10px}html body .overview-shell.insights-shell .insights-pair-legend{font-size:10px}html body .overview-shell.insights-shell .insights-pair>span{font-size:11px}html body .overview-shell.insights-shell .insights-pair>span small{font-size:9px}html body .overview-shell.insights-shell .insights-pair b,html body .overview-shell.insights-shell .insights-ring span{font-size:10px}html body .overview-shell.insights-shell .insights-ring small{font-size:9px}html body .overview-shell.insights-shell .insights-cost li{font-size:11px}html body .overview-shell.insights-shell .insights-cost>p{font-size:10px}html body .overview-shell.insights-shell .insights-page table{font-size:11px}html body .overview-shell.insights-shell .insights-page th{font-size:10px}html body .overview-shell.insights-shell .insights-page td small{font-size:9px}html body .overview-shell.insights-shell .insights-ranking nav button{font-size:11px}html body .overview-shell.insights-shell .insights-rank,html body .overview-shell.insights-shell .insights-rank strong{font-size:11px}html body .overview-shell.insights-shell .insights-rank>b{font-size:10px}html body .overview-shell.insights-shell .insights-carbon p{font-size:10px}html body .overview-shell.insights-shell .insights-carbon a{font-size:11px}html body .overview-shell.insights-shell .insights-carbon footer{font-size:10px}html body .overview-shell.insights-shell .insights-event-pages,html body .overview-shell.insights-shell .insights-event-pages button{font-size:10px}html body .overview-shell.insights-shell .insights-empty{font-size:11px}html body .overview-shell.insights-shell .insights-distribution dl>div{font-size:11px}html body .overview-shell.insights-shell .insights-distribution>p{font-size:10px}html body .overview-shell.insights-shell .insights-footer{font-size:10px}html body .overview-shell.reports-shell .reports-hero{padding:10px 20px;min-height:74px}html body .overview-shell.reports-shell .reports-hero h1{font-size:30px;margin-bottom:4px}html body .overview-shell.reports-shell .reports-hero h2{font-size:14px;line-height:1.4}html body .overview-shell.reports-shell .reports-kpis h2{font-size:13px;line-height:1.4;white-space:normal}html body .overview-shell.reports-shell .reports-kpis p{font-size:11px;line-height:1.4}html body .overview-shell.reports-shell .reports-kpis em{font-size:11px}html body .overview-shell.reports-shell .reports-panel h2{font-size:15px;line-height:1.4}html body .overview-shell.reports-shell .reports-panel header>span{font-size:11px}html body .overview-shell.reports-shell .reports-template b,html body .overview-shell.reports-shell .reports-scope{font-size:12px;line-height:1.5}html body .overview-shell.reports-shell .reports-footer{font-size:12px;font-family:var(--font-ui);letter-spacing:0}html body .overview-shell.reports-shell .reports-notice{font-size:12px}html body .overview-shell.planning-shell .planning-page table tbody tr:hover{background:transparent}html body .overview-shell.planning-shell .planning-hero p,html body .overview-shell.planning-shell .planning-motto small{font-size:9px}html body .overview-shell.planning-shell .planning-kpis h2{font-size:clamp(12px,1.2cqh,13px)}html body .overview-shell.planning-shell .planning-kpis small{font-size:9px}html body .overview-shell.planning-shell .planning-kpis em,html body .overview-shell.planning-shell .planning-kpis p{font-size:10px}html body .overview-shell.planning-shell .planning-panel h2{font-size:clamp(13px,1.35cqh,15px)}html body .overview-shell.planning-shell .planning-panel h2 small{font-size:9px}html body .overview-shell.planning-shell .planning-panel header>:is(span,a,button),html body .overview-shell.planning-shell .planning-panel>footer,html body .overview-shell.planning-shell .planning-panel>nav a{font-size:10px}html body .overview-shell.planning-shell .planning-page button,html body .overview-shell.planning-shell .planning-schedule-summary{font-size:11px}html body .overview-shell.planning-shell .planning-schedule-summary b{font-size:clamp(12px,1.3cqh,14px)}html body .overview-shell.planning-shell :is(.planning-hours,.planning-gantt-row,.planning-gantt-row>button){font-size:11px}html body .overview-shell.planning-shell .planning-hours b{font-size:10px}html body .overview-shell.planning-shell .planning-page table,html body .overview-shell.planning-shell .planning-page td,html body .overview-shell.planning-shell .planning-shifts table{font-size:11px}html body .overview-shell.planning-shell .planning-page th,html body .overview-shell.planning-shell .planning-page td small{font-size:10px}html body .overview-shell.planning-shell .planning-advice strong{font-size:clamp(11px,1.1cqh,12px)}html body .overview-shell.planning-shell .planning-advice p,html body .overview-shell.planning-shell .planning-advice>div>a{font-size:10px}html body .overview-shell.planning-shell :is(.planning-constraints>div,.planning-resources>div,.planning-milestones>div,.planning-resources b){font-size:11px}html body .overview-shell.planning-shell :is(.planning-constraints small,.planning-milestones time,.planning-milestones small){font-size:10px}html body .overview-shell.planning-shell .planning-chart :is(.legend-item,.text-button){font-size:10px}html body .overview-shell.planning-shell .planning-saved-overview>button>*{font-size:11px}html body .overview-shell.planning-shell .planning-saved-overview span,html body .overview-shell.planning-shell .planning-footer,html body .overview-shell.planning-shell .planning-footer button,html body .overview-shell.planning-shell .planning-pagination button{font-size:10px}html body .overview-shell.planning-shell .planning-demand>footer{font-size:10px}html body .overview-shell.knowledge-shell .knowledge-hero p,html body .overview-shell.knowledge-shell .knowledge-motto small{font-size:9px}html body .overview-shell.knowledge-shell .knowledge-kpis h2{font-size:12px}html body .overview-shell.knowledge-shell .knowledge-kpis h2 small{font-size:9px}html body .overview-shell.knowledge-shell .knowledge-kpis :is(em,p){font-size:10px}html body .overview-shell.knowledge-shell .knowledge-panel h2 small{font-size:9px}html body .overview-shell.knowledge-shell .knowledge-panel header>span{font-size:11px}html body .overview-shell.knowledge-shell .knowledge-panel button,html body .overview-shell.knowledge-shell .knowledge-tool-tabs button{font-size:12px}html body .overview-shell.knowledge-shell .knowledge-context{font-size:11px}html body .overview-shell.knowledge-shell .knowledge-context small{font-size:10px}html body .overview-shell.knowledge-shell .knowledge-message header{font-size:11px}html body .overview-shell.knowledge-shell :is(.knowledge-message time,.knowledge-answer-meta,.knowledge-attached,.knowledge-inline-citations button){font-size:10px}html body .overview-shell.knowledge-shell .knowledge-suggestions,html body .overview-shell.knowledge-shell .knowledge-suggestions button,html body .overview-shell.knowledge-shell .knowledge-composer button{font-size:11px}html body .overview-shell.knowledge-shell .knowledge-chat>footer{font-size:10px}html body .overview-shell.knowledge-shell .knowledge-session-list b{font-size:12px}html body .overview-shell.knowledge-shell .knowledge-session-list small{font-size:11px}html body .overview-shell.knowledge-shell .knowledge-session-list time{font-size:10px}html body .overview-shell.knowledge-shell :is(.knowledge-history>footer,.knowledge-session-pages){font-size:10px}html body .overview-shell.knowledge-shell :is(.knowledge-capabilities button,.knowledge-sources a,.knowledge-source-pending,.knowledge-citations button,.knowledge-actions button,.knowledge-actions a){font-size:11px}html body .overview-shell.knowledge-shell :is(.knowledge-sources small,.knowledge-citations small,.knowledge-citations em){font-size:10px}html body .overview-shell.knowledge-shell .knowledge-card dl,html body .overview-shell.knowledge-shell .knowledge-card>select{font-size:11px}html body .overview-shell.knowledge-shell :is(.knowledge-card dt,.knowledge-card footer){font-size:10px}html body .overview-shell.knowledge-shell :is(.knowledge-topics>div,.knowledge-keywords button:not(.large),.knowledge-log table){font-size:11px}html body .overview-shell.knowledge-shell .knowledge-log td small,html body .overview-shell.knowledge-shell .knowledge-notice{font-size:10px}html body .overview-shell.twin-shell .twin-title p{font-size:clamp(10px,1.1cqh,11px)}html body .overview-shell.twin-shell .twin-original{font-size:11px}html body .overview-shell.twin-shell .twin-section-heading h2{font-size:14px}html body .overview-shell.twin-shell .twin-section-heading small{font-size:9px}html body .overview-shell.twin-shell .twin-section-heading>span{font-size:11px}html body .overview-shell.twin-shell .twin-search input,html body .overview-shell.twin-shell .twin-group-button{font-size:12px}html body .overview-shell.twin-shell .twin-group-button small{font-size:10px}html body .overview-shell.twin-shell :is(.twin-tree-items button,.twin-flat-device){font-size:11px}html body .overview-shell.twin-shell :is(.twin-tree footer,.twin-tree-footer small){font-size:10px}html body .overview-shell.twin-shell .twin-layer-control summary{font-size:12px}html body .overview-shell.twin-shell .twin-layer-control summary>small{font-size:9px}html body .overview-shell.twin-shell .twin-layer-list button{font-size:11px}html body .overview-shell.twin-shell .twin-scene-actions>button,html body .overview-shell.twin-shell .twin-scene-actions select{font-size:11px}html body .overview-shell.twin-shell .twin-scene-caption{font-size:10px}html body .overview-shell.twin-shell .twin-device-title p{font-size:11px}html body .overview-shell.twin-shell .twin-source{font-size:10px}html body .overview-shell.twin-shell .twin-device-profile dl>div{font-size:11px}html body .overview-shell.twin-shell .twin-device-tabs button{font-size:11px}html body .overview-shell.twin-shell .twin-status-row small{font-size:10px}html body .overview-shell.twin-shell .twin-stats article>span{font-size:11px}html body .overview-shell.twin-shell .twin-stats article small{font-size:9px}html body .overview-shell.twin-shell :is(.twin-stats article em,.twin-stats article p,.twin-data-note){font-size:10px}html body .overview-shell.twin-shell .twin-detail-footer,html body .overview-shell.twin-shell .twin-detail-footer button{font-size:11px}html body .overview-shell.twin-shell :is(.twin-replay h2,.twin-video h2){font-size:13px}html body .overview-shell.twin-shell :is(.twin-replay h2 small,.twin-video h2 small){font-size:9px}html body .overview-shell.twin-shell .twin-replay>header>span{font-size:11px}html body .overview-shell.twin-shell :is(.twin-time-ticks,.twin-replay footer,.twin-replay footer button,.twin-replay footer select,.twin-video>header>span){font-size:10px}html body .overview-shell.twin-shell .twin-camera-placeholder>strong,html body .overview-shell.twin-shell .twin-camera-links{font-size:11px}html body .overview-shell.twin-shell .twin-camera-placeholder>span{font-size:10px}html body .overview-shell.twin-shell .twin-page-footer{font-size:10px}html body .overview-shell .module-heading>div>span{font-size:11px}html body .overview-shell .module-workspace>nav a{font-size:12px}@container vv (max-width:1100px){html body .overview-shell.alarms-shell .alarms-table-scroll,html body .overview-shell.equipment-shell .equipment-table-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#2a667d #051f2d}html body .overview-shell.equipment-shell .equipment-list table{min-width:620px}}@container vv (max-width:760px){html body .overview-shell.equipment-shell .equipment-main{grid-template-columns:minmax(0,1fr)}html body .overview-shell.equipment-shell .equipment-tree{height:220px}html body .overview-shell.equipment-shell .equipment-detail{grid-column:auto}}@container vv (max-width:1100px){html body .overview-shell.overview-screen .plant-metric{height:auto;min-height:110px}html body .overview-shell.equipment-shell .equipment-model-summary{height:auto;min-height:176px}html body .overview-shell.energy-shell .energy-kpis>button{height:auto;min-height:88px}html body .overview-shell.energy-shell .energy-bottom{height:auto}html body .overview-shell.energy-shell .energy-bottom>.energy-panel{min-height:270px}html body .overview-shell.energy-shell .energy-load .demo-chart-svg{height:150px}html body .overview-shell.energy-shell .energy-price .demo-chart-svg{height:96px}html body .overview-shell.energy-shell .energy-sec-ring{width:112px;height:112px}html body .overview-shell.energy-shell .energy-ring{width:120px;height:120px}html body .overview-shell.maintenance-shell .maintenance-hero{height:auto;min-height:96px;padding-block:10px}html body .overview-shell.alarms-shell .alarms-ring{width:96px;height:96px}html body .overview-shell.insights-shell .insights-ring{width:108px;height:108px}html body .overview-shell.reports-shell .reports-bottom>.reports-panel{height:auto;min-height:115px}html body .overview-shell.reports-shell .reports-distribution article{white-space:nowrap}}html body .overview-shell.overview-screen .plant-metric p,html body .overview-shell.energy-shell .energy-kpis small,html body .overview-shell.energy-shell .energy-kpis strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}html body .overview-shell.energy-shell .energy-kpis>button>div{min-width:0}html body .overview-shell.energy-shell .energy-kpis strong{display:block}@container vv (max-width:1100px){html body .overview-shell.overview-screen .plant-metric p{white-space:normal}}html body .overview-shell.insights-shell .insights-pair>div>div{padding-right:48px}html body .overview-shell.insights-shell .insights-pair b{width:46px}html body .overview-shell .module-content :is(.kpi-card,.slot-panel,.strategy-note-list li,.event-list li,.saved-list li,.script-list li,.report-card,.situation-card,.action-panel,.action-panel li,.side-block,.action-list li,.tradeoff-list li,.log-list li,.chat-bubble.bot,.strategy-chip,.case-chip,.scenario-list button,.plan-list button){background:#082c3d;border-color:#29586c;color:#d4e9f2}html body .overview-shell .module-content :is(.kpi-card,.slot-panel,.report-card,.situation-card) :is(span,small,p,dt){color:#a9c9d8}html body .overview-shell .module-content :is(.kpi-card,.slot-panel,.report-card,.situation-card) :is(strong,b,dd){color:#e8f5fb}html body .overview-shell .module-content :is(.plan-list button.active,.scenario-list button.active,.case-chip.active,.strategy-chip.active,.slot-panel.active,.health-row.active,.data-table tr.active,tr.selected){background:#0b5563!important;border-color:#43cbbd;color:#f2fffd}html body .overview-shell .module-content :is(.plan-list button.active,.scenario-list button.active,.case-chip.active,.strategy-chip.active,.slot-panel.active,.health-row.active,.data-table tr.active,tr.selected) :is(strong,span,small,b,td,em){color:#f2fffd!important}html body .overview-shell .module-content :is(.plan-list button,.scenario-list button) strong{color:#e3f3f9}html body .overview-shell .module-content :is(.plan-list button,.scenario-list button) :is(span,small){color:#a9c9d8}html body .overview-shell .module-content :is(.data-table th,.health-row.header,.health-row.header:hover){background:#0a3448!important;color:#b6d6e5}html body .overview-shell .module-content :is(.data-table tbody tr:hover,.health-row:not(.header):hover){background:#0d3b4e}html body .overview-shell .module-content .health-row:not(.header){background:#072a3a;border-color:#245267;color:#d4e9f2}html body .overview-shell .module-content .risk-pill{background:#123f50;color:#cfe8f2}html body .overview-shell .module-content .risk-pill.normal{background:#0b4a40;color:#8ff0cf}html body .overview-shell .module-content .risk-pill.watch{background:#4a3c1c;color:#ffd98f}html body .overview-shell .module-content .risk-pill.attention{background:#4d331f;color:#ffc193}html body .overview-shell .module-content .risk-pill.critical,html body .overview-shell .module-content .count-pill.alert{background:#552632;color:#ffadb5}html body .overview-shell .module-content .count-pill.warn{background:#4a3c1c;color:#ffd98f}html body .overview-shell .module-content .count-pill.ok{background:#0b4a40;color:#8ff0cf}html body .overview-shell .module-content .gate-list li{background:#2c2618;border-color:#5f5130;border-left-color:#e0a33a;color:#f1e3c4}html body .overview-shell .module-content .gate-list li.ok{background:#0a3330;border-color:#22584f;border-left-color:#3ad1b6;color:#d6f3ec}html body .overview-shell .module-content .gate-list li :is(strong,b){color:#fff3da}html body .overview-shell .module-content .gate-list li.ok :is(strong,b){color:#e6fffa}html body .overview-shell .module-content .gate-list li :is(span:not(.gate-mark),small,p){color:#d9cba9}html body .overview-shell .module-content .gate-list li.ok :is(span:not(.gate-mark),small,p){color:#a9d6cc}html body .overview-shell .module-content .gate-mark{background:#5a4a20;color:#ffdc93}html body .overview-shell .module-content .gate-list li.ok .gate-mark{background:#0f5a4d;color:#9ff3dc}html body .overview-shell .module-content .log-list li.system{background:#0b2c3b;color:#b9d3df}html body .overview-shell .module-content :is(.log-kind,.log-list li.system .log-kind){background:#14465a;color:#cfeaf3}html body .overview-shell .module-content .log-list li :is(small,span){color:#a9c9d8}html body .overview-shell .module-content :is(.notice-line,.confirm-block,.neutral-tag){background:#2a2a1c;border-color:#5a5332;color:#f0e2b4}html body .overview-shell .module-content :is(.demo-chart-readout,.chat-bubble.user){background:#0a3448;color:#dcf0f7}html body .overview-shell .module-content :is(.heatmap-svg,.cap-scatter,.curve-svg){background:#062435}html body .overview-shell .module-content .mix-bar{background:#123c4e}html body .overview-shell .module-content .script-index{background:#0b4a40;color:#a5f3dc}html body .overview-shell .module-content .suggestion-chips button{background:#082c3d;border-color:#29586c;color:#cfe8f2}html body .overview-shell .module-content :is(.content-panel,.detail-panel):has(>.data-table),html body .overview-shell .module-content .table-scroll{overflow-x:auto}html body .overview-shell .module-content .strategy-chip:disabled{opacity:1;cursor:default}html body .overview-shell .module-content .strategy-chip:disabled:not(.active){opacity:.72}html body .overview-shell .module-content :is(p,li,dd){overflow-wrap:anywhere}@container vv (min-width:1101px) and (min-height:880px) and (max-height:950px){html body .overview-shell.process-shell .process-page.process-review-layout{grid-template-rows:62px 84px minmax(0,1fr) 198px 16px}}@container vv (min-width:1101px){html body .overview-shell.process-shell .process-panel .demo-chart-svg{min-height:96px}}@container vv (max-width:1150px){html body .overview-shell.energy-shell .energy-efficiency-body{flex-direction:column;align-items:stretch;gap:10px;padding:8px 12px}html body .overview-shell.energy-shell .energy-efficiency-body .energy-sec-ring{align-self:center;width:100px;height:100px}html body .overview-shell.energy-shell .energy-efficiency dl{width:100%}html body .overview-shell.energy-shell .energy-efficiency dl>div{padding:6px 0}html body .overview-shell.energy-shell .energy-ring{width:104px;height:104px;padding:14px}html body .overview-shell.energy-shell .energy-ring-row{gap:8px;padding-inline:10px}html body .overview-shell.energy-shell .energy-ring-row li button{gap:4px}html body .overview-shell.energy-shell .energy-ring-row li b{white-space:nowrap}}@container vv (min-width:1121px) and (min-height:880px){html body .overview-shell.insights-shell .insights-pair>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}html body .overview-shell.insights-shell .insights-pair>span small{display:none}}html body .overview-shell .module-content .secondary-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}html body .overview-shell .module-content .analysis-layout>.content-panel>table.data-table:not(.compact-table){display:block;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#2a667d #051f2d}html body .overview-shell.energy-shell .energy-sec-ring>span{max-width:92px;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25}@container vv (max-width:1100px){html body .overview-shell.process-shell .process-flow{display:flex;flex-direction:column;height:auto;min-height:0}html body .overview-shell.process-shell .process-stage-map{flex:none;min-width:0;max-width:100%;height:auto}html body .overview-shell.process-shell .process-mainline{grid-template-columns:repeat(6,175px);overflow-x:auto;flex:none;min-height:164px;padding-bottom:8px;scrollbar-width:thin}html body .overview-shell.process-shell .process-stage-inspector{display:flex;flex-direction:column;flex:none;height:auto;gap:16px}html body .overview-shell.process-shell .process-device-grid{flex:none;height:150px;grid-template-rows:repeat(var(--process-device-rows,2),minmax(60px,1fr));overflow-y:auto}html body .overview-shell.process-shell .process-selected-detail{border-left:0;border-top:1px solid #254659;padding:12px 0 0}html body .overview-shell.process-shell .process-selected-content{flex:none;height:auto;grid-template-columns:110px minmax(0,1fr)}html body .overview-shell.process-shell .process-selected-model{height:160px;align-self:start}html body .overview-shell.process-shell .process-device-profile{grid-template-columns:minmax(0,1fr);max-height:400px;overflow-y:auto;min-width:0}html body .overview-shell.process-shell .process-device-profile dt{white-space:normal;flex:0 0 42%}html body .overview-shell.process-shell .process-device-profile dd{min-width:0}html body .overview-shell.process-shell .process-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}@container vv (max-width:760px){html body .overview-shell.process-shell .process-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body .overview-shell.process-shell .process-stage-inspector header{flex-wrap:wrap}html body .overview-shell.process-shell .process-bottom{grid-template-columns:minmax(0,1fr)}}@container vv (max-width:1100px){html body .overview-shell.alarms-shell .alarms-trend{height:auto;min-height:265px}html body .overview-shell.alarms-shell .alarms-trend .demo-chart-svg{height:180px;min-height:180px}}@container vv (max-width:760px){html body .overview-shell.planning-shell :is(.planning-main,.planning-middle){grid-template-columns:minmax(0,1fr)}}@container vv (max-width:1100px){html body .overview-shell.alarms-shell .alarms-right{height:auto;grid-template-rows:auto auto}html body .overview-shell.alarms-shell .alarms-workflow{min-height:205px;height:auto}}@container vv (max-width:1100px){html body .overview-shell.alarms-shell .alarms-middle{height:auto}}@container vv (max-width:1100px){html body .overview-shell.twin-shell .twin-stage{height:auto;min-height:0}html body .overview-shell.twin-shell .twin-scene{height:clamp(300px,calc(100cqh - 190px),500px)}html body .overview-shell.twin-shell .twin-tree{max-height:clamp(300px,calc(100cqh - 190px),500px)}}@container vv (min-width:1101px){html body .overview-shell.energy-shell .energy-kpis{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(88px,auto);height:auto;min-height:184px;flex:0 0 auto}html body .overview-shell.energy-shell .energy-kpis>button{height:auto;min-height:88px}html body .overview-shell.energy-shell .energy-primary{flex:1;min-height:0}html body .overview-shell.energy-shell .energy-dashboard.section-row .energy-bottom{flex:1;min-height:0;height:auto;margin-top:0}}html body .overview-shell .tool-simulation>.sim-panel{min-height:0;overflow:hidden}html body .overview-shell .tool-simulation>.sim-panel>:not(.panel-body){flex:0 0 auto}html body .overview-shell .tool-simulation>.sim-panel>.panel-body{flex:1 1 0;min-height:0;overflow-y:auto}html body .overview-shell .tool-electrolyzer>.et-panel{min-height:0;overflow:hidden}html body .overview-shell .tool-electrolyzer>.et-panel>.et-body{flex:1 1 0;min-height:0;overflow:hidden}html body .overview-shell .tool-electrolyzer .et-content{min-height:0;overflow:auto}@container vv (min-width:1101px){html body .overview-shell.energy-shell .energy-dashboard.section-row{display:flex}html body .overview-shell.energy-shell .energy-dashboard.section-row>.energy-primary{flex:1;min-width:0}html body .overview-shell.energy-shell .energy-dashboard.section-row>.energy-side{flex:1;min-width:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}}@container vv (max-width:1100px){html body .overview-shell .section-dock:has(>button:nth-child(7))>button[aria-pressed=false]{display:none}}html body .overview-shell.process-shell .process-review-layout .process-mainline{flex:0 0 auto;grid-auto-rows:minmax(180px,auto);align-items:stretch}html body .overview-shell.process-shell .process-mainline .process-stage-card{display:grid;grid-template-rows:auto minmax(min-content,1fr) auto;gap:10px;padding:10px;min-height:180px}html body .overview-shell.process-shell .process-mainline .stage-card-title{flex-wrap:wrap;row-gap:3px}html body .overview-shell.process-shell .process-mainline .stage-card-body{grid-template-columns:minmax(36px,.65fr) minmax(0,1.35fr);min-height:min-content;gap:8px}html body .overview-shell.process-shell .process-mainline .stage-card-readings{gap:8px}html body .overview-shell.process-shell .process-mainline .stage-card-readings>span{gap:4px;line-height:1.4}html body .overview-shell.process-shell .process-mainline .stage-card-readings strong{flex-wrap:wrap;white-space:normal;column-gap:4px;row-gap:0}html body .overview-shell.process-shell .process-mainline .stage-card-readings strong small{white-space:nowrap}html body .overview-shell.process-shell .process-mainline .stage-card-action{align-self:end;min-height:20px;gap:8px;padding-top:4px}html body .overview-shell.process-shell .process-engineering-stages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:auto;min-height:0;flex:none;gap:8px;padding:8px 12px 12px}html body .overview-shell.process-shell .process-engineering-stages>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;min-height:54px;padding:8px 10px;border:1px solid #285168;border-radius:5px;background:#071e2b;color:#dfedf4;text-align:left;cursor:pointer}html body .overview-shell.process-shell .process-engineering-stages>button[aria-pressed=true]{border-color:#45d7c5;background:#0b303b}html body .overview-shell.process-shell .process-engineering-stages strong{font-size:13px;line-height:1.3}html body .overview-shell.process-shell .process-engineering-stages span{font-size:11px;color:#afccd9;line-height:1.3}html body .overview-shell.process-shell .process-engineering-active .process-stage-inspector{flex:1 1 auto;min-height:220px;padding-top:12px}@container vv (max-width:1100px){html body .overview-shell.process-shell .process-engineering-stages{grid-template-columns:repeat(4,minmax(0,1fr))}}@container vv (min-width:761px) and (max-width:1100px){html body .overview-shell.process-shell .process-engineering-stages{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:6px 10px 8px}html body .overview-shell.process-shell .process-engineering-stages>button{padding:6px;gap:3px;min-height:50px}html body .overview-shell.process-shell .process-engineering-stages strong{font-size:12px}html body .overview-shell.process-shell .process-engineering-stages span{font-size:10px}html body .overview-shell.process-shell .process-engineering-active .process-stage-inspector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:190px;gap:12px;padding:8px 10px}html body .overview-shell.process-shell .process-engineering-active .process-selected-detail{border-top:0;border-left:1px solid #254659;padding:0 0 0 12px}html body .overview-shell.process-shell .process-engineering-active .process-selected-content{grid-template-columns:70px minmax(0,1fr);gap:8px}html body .overview-shell.process-shell .process-engineering-active .process-device-grid{height:145px;grid-template-rows:repeat(var(--process-device-rows,2),minmax(0,1fr))}html body .overview-shell.process-shell .process-engineering-active .process-device-profile{max-height:155px}}html body .overview-shell.screen-pager-pending .main-content{visibility:hidden}@container vv (min-width:1101px){html body .overview-shell.equipment-shell .equipment-model-summary{min-height:144px}}html body .overview-shell.equipment-shell .equipment-health-ring{padding:clamp(4px,.48cqh,5px)}html body .overview-shell.equipment-shell .equipment-health-ring>div{container-type:inline-size;gap:4px;padding:0 0 3px;box-sizing:border-box}html body .overview-shell.equipment-shell .equipment-health-ring strong{font-size:clamp(20px,38cqi,30px);line-height:1;letter-spacing:0;margin:0;max-width:100%;text-align:center}html body .overview-shell.equipment-shell .equipment-health-ring span{font-size:clamp(10px,14cqi,11px);line-height:1.2;white-space:nowrap;margin:0;text-align:center}html body .overview-shell.equipment-shell .equipment-health-ring strong.missing{font-size:clamp(12px,24cqi,16px);line-height:1.2;white-space:nowrap;font-weight:500}@container vv (max-height:700px){html body .overview-shell.equipment-shell .equipment-health-ring{padding:3px}}html body .overview-shell.alarms-shell .alarms-ring{padding:clamp(4px,.8cqh,8px)}html body .overview-shell.alarms-shell .alarms-ring>div{container-type:inline-size;gap:4px;padding:0 0 2px;box-sizing:border-box}html body .overview-shell.alarms-shell .alarms-ring strong{font-size:clamp(20px,36cqi,30px);line-height:1;letter-spacing:0;white-space:nowrap;margin:0;text-align:center}html body .overview-shell.alarms-shell .alarms-ring span{display:block;inline-size:4em;max-inline-size:100%;font-size:10px;line-height:1.2;letter-spacing:0;white-space:normal;word-break:normal;overflow-wrap:normal;text-wrap:wrap;text-align:center;margin:0}@container vv (max-height:820px){html body .overview-shell.alarms-shell .alarms-ring{padding:4px}}html body .overview-shell.alarms-shell .alarms-table-scroll tbody tr:hover{background:#0b3547}html body .overview-shell.alarms-shell .alarms-table-scroll tbody tr:is(.selected,[aria-selected=true],:focus-within){background:#105064}html body .overview-shell.alarms-shell .alarms-table-scroll tbody tr:is(.selected,[aria-selected=true],:focus-within):hover{background:#105064}html body .overview-shell.alarms-shell .alarms-table-scroll tbody td{background:transparent;color:#dfedf8}html body .overview-shell.alarms-shell .alarms-table-scroll tbody button:focus-visible{outline:2px solid #61eed6;outline-offset:2px}:root{--sk-text:#e3f4fb;--sk-muted:#8fb5c7;--sk-line:rgba(95,212,255,.24);--sk-line-soft:rgba(95,212,255,.13);--sk-accent:#4ff0c2;--sk-accent2:#5fd4ff;--sk-panel:linear-gradient(160deg,rgba(14,46,66,.82),rgba(5,22,34,.9));--sk-corners:linear-gradient(var(--sk-accent2),var(--sk-accent2)) 0 0/16px 2px no-repeat,linear-gradient(var(--sk-accent2),var(--sk-accent2)) 0 0/2px 16px no-repeat,linear-gradient(var(--sk-accent),var(--sk-accent)) 100% 100%/16px 2px no-repeat,linear-gradient(var(--sk-accent),var(--sk-accent)) 100% 100%/2px 16px no-repeat}html body .overview-shell .main-content:not(#_){background-color:#04111b;background-image:radial-gradient(1200px 520px at 50% -12%,rgba(15,53,80,.6),transparent 62%),radial-gradient(900px 480px at 8% 112%,rgba(11,42,58,.55),transparent 60%),linear-gradient(rgba(79,240,194,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(79,240,194,.028) 1px,transparent 1px);background-size:auto,auto,40px 40px,40px 40px}:is(.twin-glass,.equipment-panel,.alarms-panel,.safety-panel,.mdc-detail,.mdc-actions,.mdc-queue,.energy-panel,.bis-panel,.reports-panel,.knowledge-panel,.planning-panel,.module-content .content-panel):not(#_){border:1px solid var(--sk-line)!important;border-radius:6px!important;background:var(--sk-corners),var(--sk-panel)!important;box-shadow:inset 0 0 26px #4ff0c20d,0 8px 26px #00000047!important;color:var(--sk-text)}:is(.alarms-map,.safety-map,.reports-preview,.twin-scene):not(#_){border:1px solid var(--sk-line)!important;border-radius:6px!important;box-shadow:inset 0 0 0 1px #4ff0c20a,0 8px 26px #00000047!important}.twin-scene:not(#_),.reports-preview:not(#_){background:var(--sk-corners),var(--sk-panel)!important}:is(.twin-glass,.equipment-panel,.alarms-panel,.safety-panel,.energy-panel,.bis-panel,.reports-panel,.knowledge-panel,.planning-panel)>header:not(#_){border-bottom:1px solid var(--sk-line-soft);background:linear-gradient(90deg,rgba(79,240,194,.11),transparent 58%)}:is(.alarms-map,.safety-map)>header:not(#_){border-bottom:0;background:linear-gradient(180deg,rgba(2,12,20,.65),transparent)}:is(.twin-glass,.equipment-panel,.alarms-panel,.safety-panel,.energy-panel,.bis-panel,.reports-panel,.knowledge-panel,.planning-panel,.mdc-queue,.mdc-actions)>header h2:not(#_),:is(.mdc-queue,.mdc-actions)>h2:not(#_),.module-content .content-panel>h2:not(#_){border-left:4px solid var(--sk-accent)!important;border-image:linear-gradient(var(--sk-accent),var(--sk-accent2)) 1!important;padding-left:9px!important;font-weight:700!important;letter-spacing:.05em;color:#eefbff;text-shadow:0 0 10px rgba(95,212,255,.4)}:is(.twin-glass,.equipment-panel,.alarms-panel,.safety-panel,.energy-panel,.bis-panel,.reports-panel,.knowledge-panel,.planning-panel)>header h2 small:not(#_){text-shadow:none;color:var(--sk-muted)}:is(.alarms-metrics,.safety-metrics,.energy-kpis,.knowledge-kpis,.maintenance-kpis,.planning-kpis,.reports-kpis,.bis-kpis,.process-metrics,.twin-stats,.wb-stats)>:is(article,button,a,div):not(#_){border:1px solid var(--sk-line)!important;border-radius:6px!important;background:var(--sk-corners),linear-gradient(150deg,#103448e0,#051824eb)!important;box-shadow:inset 0 0 22px #4ff0c20f,0 6px 20px #00000040!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}:is(.alarms-metrics,.safety-metrics,.energy-kpis,.knowledge-kpis,.maintenance-kpis,.planning-kpis,.reports-kpis,.bis-kpis,.process-metrics,.twin-stats,.wb-stats)>:is(article,button,a,div):hover:not(#_){transform:translateY(-2px);border-color:#4ff0c299!important;box-shadow:0 10px 26px #0006,0 0 18px #4ff0c22e!important}:is(.alarms-metrics,.safety-metrics,.energy-kpis,.knowledge-kpis,.maintenance-kpis,.planning-kpis,.reports-kpis,.bis-kpis,.process-metrics,.twin-stats,.wb-stats) strong:not(#_){font-family:var(--font-data);font-weight:700;letter-spacing:.01em;text-shadow:0 0 12px rgba(79,240,194,.5)}:is(.alarms-metrics,.safety-metrics,.energy-kpis,.knowledge-kpis,.maintenance-kpis,.planning-kpis,.reports-kpis,.bis-kpis,.process-metrics,.twin-stats,.wb-stats) :is(h2,h3,span):first-child:not(#_){color:#cfeaf4}:is(.alarms-metrics,.safety-metrics,.energy-kpis,.knowledge-kpis,.maintenance-kpis,.planning-kpis,.reports-kpis,.process-metrics,.twin-stats,.wb-stats) svg:not(#_){color:#7ff5dc;filter:drop-shadow(0 0 4px rgba(79,240,194,.65))}:is(.alarms-hero,.bis-hero,.energy-hero,.equipment-hero,.knowledge-hero,.maintenance-hero,.planning-hero,.reports-hero,.safety-hero,.process-hero,.twin-title,.module-heading):not(#_){position:relative;border:1px solid rgba(95,212,255,.2);border-radius:6px;box-shadow:inset 0 -2px #4ff0c273,0 8px 24px #0000004d}:is(.alarms-hero,.bis-hero,.energy-hero,.equipment-hero,.knowledge-hero,.maintenance-hero,.planning-hero,.reports-hero,.safety-hero,.process-hero,.twin-title,.module-heading) h1:not(#_){background:linear-gradient(180deg,#fff 20%,#9ff3ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 10px rgba(95,212,255,.45));letter-spacing:.1em}html body .overview-shell main table:not(#_) thead th{background:#4ff0c213!important;color:#a6d4e2!important;font-weight:500;letter-spacing:.04em;border-bottom:1px solid rgba(95,212,255,.22)!important}html body .overview-shell main table:not(#_) td{border-bottom-color:#5fd4ff17!important}html body .overview-shell main table:not(#_) tbody tr{transition:background .18s}html body .overview-shell main table:not(#_) tbody tr:hover{background:#4ff0c212!important}html body .overview-shell main .primary-button:not(#_){border:1px solid rgba(79,240,194,.75)!important;background:linear-gradient(135deg,#067870eb,#053a4ceb)!important;color:#effffb!important;box-shadow:0 0 14px #4ff0c238}html body .overview-shell main .primary-button:hover:not(:disabled):not(#_){box-shadow:0 0 22px #4ff0c273}html body .overview-shell main :is(.secondary-button,.small-button):not(#_){border:1px solid rgba(95,212,255,.32)!important;background:#062232c7!important;color:#cfeaf4!important}html body .overview-shell main :is(.secondary-button,.small-button):hover:not(:disabled):not(#_){border-color:#4ff0c2b3!important;color:#fff!important;background:#093a48d9!important}html body .overview-shell main :is(button,a)[aria-pressed=true]:not(.legend-item):not(#_),html body .overview-shell main :is(a,button)[aria-current=page]:not(#_),html body .overview-shell main .module-workspace>nav a.router-link-exact-active:not(#_){border-color:#4ff0c2bf!important;background:linear-gradient(135deg,#066e68e0,#053242e0)!important;color:#effffb!important;box-shadow:inset 0 -2px 0 var(--sk-accent)}html body .overview-shell main :is(input:not([type]),input[type=text],input[type=search],input[type=number],input[type=date],input[type=time],input[type=datetime-local],select,textarea):not(#_){background-color:#03141fd1!important;border:1px solid rgba(95,212,255,.26)!important;color:#e3f4fb!important;border-radius:4px;transition:border-color .2s,box-shadow .2s}html body .overview-shell main :is(input,select,textarea):focus:not(#_){border-color:var(--sk-accent)!important;box-shadow:0 0 0 2px #4ff0c22e!important;outline:none}html body .overview-shell main ::placeholder{color:#6f95a6}.module-workspace>nav:not(#_){gap:6px}.module-workspace>nav a:not(#_){border:1px solid rgba(95,212,255,.26)!important;background:#051e2cc7!important;color:#cfeaf4!important;border-radius:4px;transition:border-color .2s,color .2s}.module-workspace>nav a:hover:not(#_){border-color:#4ff0c2a6!important;color:#fff!important}.module-content .content-panel :is(h3):not(#_){color:#dff6ff;letter-spacing:.04em}.module-content .kpi-card:not(#_){border:1px solid var(--sk-line)!important;background:var(--sk-corners),linear-gradient(150deg,#103448e0,#051824eb)!important;border-radius:6px!important}.module-content .kpi-card strong:not(#_){font-family:var(--font-data);text-shadow:0 0 12px rgba(79,240,194,.45)}html body .overview-shell main *{scrollbar-width:thin;scrollbar-color:rgba(79,240,194,.35) transparent}:is(.twin-glass,.equipment-panel,.alarms-panel,.safety-panel,.energy-panel,.bis-panel,.reports-panel,.knowledge-panel,.planning-panel)>header h2:has(>svg,>.platform-icon):not(#_){border-left:0!important;padding-left:0!important}html body .overview-shell .module-content .analysis-layout>.content-panel:not(#_){max-height:calc(100cqh - 480px);min-height:300px;overflow:auto;overscroll-behavior:contain}.module-content .detail-list.inline:not(#_){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:10px 0}.module-content .detail-list.inline>div:not(#_){display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 12px;border:1px solid var(--sk-line-soft);border-radius:5px;background:#051e2c9e}.module-content .detail-list.inline dt:not(#_){font-size:11.5px;color:var(--sk-muted)}.module-content .detail-list.inline dd:not(#_){margin:0;font-size:14px;font-weight:600;color:#effbff;text-align:left}:is(.alarms-metrics,.safety-metrics,.energy-kpis,.knowledge-kpis,.maintenance-kpis,.planning-kpis,.reports-kpis,.bis-kpis,.ov-kpis)>*:not(#_){position:relative}:is(.alarms-metrics,.safety-metrics,.energy-kpis,.knowledge-kpis,.maintenance-kpis,.planning-kpis,.reports-kpis,.bis-kpis,.ov-kpis)>*>.kpi-trend:not(#_){top:44%;bottom:auto;transform:translateY(-30%);width:78px;height:28px}.ov-kpis>.ov-kpi>.kpi-trend:not(#_){top:auto;bottom:8px;transform:none;width:72px;height:24px}.ov-kpis>.ov-kpi .ov-kpi-body>small:not(#_){padding-right:78px}.knowledge-kpis>article>.kpi-trend:not(#_){top:auto;bottom:6px;transform:none;width:64px;height:20px}