:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#142a3b;background:#fff;font-synthesis:none;--teal: #067d77;--ink: #152c3d;--muted: #647581;--line: #dfe7ea;--pale: #f5f8f9;--sidebar: 224px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cedbdf;background:#fff;color:var(--ink);padding:9px 13px;border-radius:5px;font-size:13px;font-weight:550;cursor:pointer;line-height:1.3;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#ecf5f5;border-color:#89b6b3}button:disabled{cursor:not-allowed;opacity:.47}button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}button.primary:hover:not(:disabled){background:#05655f}button.danger{color:#a83034;border-color:#e3b5b7;background:#fff6f6}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #b87811;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin-bottom:10px;font-weight:700}h2{font-size:16px;letter-spacing:-.2px;margin-bottom:14px}h3{font-size:15px;line-height:1.45;margin-bottom:12px}h4{font-size:12px;letter-spacing:.02em;text-transform:uppercase;margin:25px 0 14px;color:#5d737e}p{line-height:1.65;font-size:14px}small,.small{font-size:12px;line-height:1.5}small{display:block;color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#4c626f;margin-bottom:17px}input,select{color:var(--ink);background:#fff;border:1px solid #cbd8df;border-radius:5px;min-height:39px;padding:8px 10px;min-width:0;font-size:13px}input[type=number]{font-variant-numeric:tabular-nums}select{max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:24px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}caption{text-align:left}th{font-weight:600;color:#5a6e7c;background:#f7f9fa;font-size:11px;padding:12px 15px;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #eaf0f2;vertical-align:top;line-height:1.5}tr:last-child td{border-bottom:0}td small{font-size:10px;margin-top:3px}td time{font-size:11px;white-space:nowrap}td .text-button{font-size:12px}pre{padding:16px;background:#f5f8f9;line-height:1.6;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;border-radius:5px}details{font-size:12px}summary{cursor:pointer;padding:10px 0;color:#536b77;font-weight:550}details[open]>summary{margin-bottom:12px}.app{min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;left:0;top:0;bottom:0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 12px 20px;background:#fcfdfd;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:#102a41;margin:0 10px 33px;font-size:17px;letter-spacing:-.55px;font-weight:700;white-space:nowrap}.brand svg{color:#048a86;flex-shrink:0}.brand b{font-weight:400}.brand:hover{text-decoration:none}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{color:#526572;display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:13px;font-weight:550;min-height:45px;border-radius:5px;position:relative}.sidebar nav a:hover{background:#f0f5f6;text-decoration:none}.sidebar nav a.selected{background:#e5f2f1;color:#086d69}.sidebar nav a.selected:before{content:"";width:3px;background:var(--teal);height:22px;position:absolute;left:-12px;border-radius:3px}.sidebar nav svg{stroke-width:1.7}.nav-count{font-size:10px;margin-left:auto;border-radius:4px;padding:1px 5px;background:#d4e9e7}.sidebar-bottom{margin-top:auto;padding:22px 13px 0;border-top:1px solid var(--line)}.sidebar-bottom>span{font-size:12px;display:flex;align-items:center;gap:8px}.sidebar-bottom>small{margin-top:11px}.sidebar-bottom p{font-size:11px;color:#7a8b95;margin:19px 0 0}.dot{display:inline-block;background:#16856f;width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.muted{background:#8b989f}.workspace{margin-left:var(--sidebar);min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px;background:#fff}.breadcrumb{display:flex;align-items:center;gap:13px;color:#637985;font-size:12px}.breadcrumb b{color:#1b3548;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.language{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:2px}.language button{padding:5px 10px;border:0;font-size:11px}.language button[aria-pressed=true]{background:#d8eeee;color:#006a65}.user-label{font-size:12px;line-height:1.5}.user-label small{font-size:10px}.icon-button{padding:7px;border-color:transparent}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.page-heading p{font-size:13px;color:#667f8b;margin-bottom:0}.refresh{border:0;color:#758994;padding:6px}main{padding:28px 30px 0;max-width:2000px;margin:auto;outline:none!important;min-width:0}.simulation-banner{padding:13px 15px;border:1px solid #edd9a5;border-radius:5px;display:flex;align-items:center;gap:10px;color:#825e21;background:#fff9eb;font-size:11px;margin-bottom:22px;line-height:1.6}.simulation-banner svg{flex-shrink:0;color:#a67316}.banner-end{margin-left:auto;white-space:nowrap;color:#8a754c;font-size:10px}.twin-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.twin-main{min-width:0}.twin-canvas{border:1px solid #d8e4e7;border-radius:7px;overflow:hidden;background:#edf3f3;position:relative}.three-host{height:470px;min-height:320px;touch-action:none}.three-host canvas{display:block;max-width:100%}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;font-size:11px;border-bottom:1px solid #dae5e7;background:#f7fbfb}.canvas-toolbar>span{display:flex;align-items:center;gap:7px}.canvas-toolbar button{font-size:10px;padding:5px 8px;background:transparent}.canvas-toolbar>div{display:flex;gap:6px}.canvas-toolbar button[aria-pressed=true]{background:#dcefed;color:#087c74;border-color:#a8ccca}.canvas-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:9px;gap:12px;color:#5e7580;background:#f7fbfb;border-top:1px solid #dfe9eb;line-height:1.5}.canvas-error{position:absolute;inset:60px 10px auto;background:#fff;padding:25px;border:1px solid var(--line);font-size:13px}.three-loading{min-height:400px;background:#edf3f3;display:grid;place-items:center;color:#657b86;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 0 24px;margin:0 -8px}.metrics>div{padding:0 16px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics>div>span{font-size:11px;color:#5e7480}.metrics strong{display:block;font-size:27px;line-height:1.3;font-weight:650;margin:8px 0;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-1px}.metrics strong small{display:inline;font-size:13px;color:#223e4b;font-weight:500;letter-spacing:0}.metrics>div>small{font-size:9px;color:#799099}.panel{border:1px solid var(--line);border-radius:6px;padding:21px;margin:0 0 22px;min-width:0;background:#fff}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.section-head h2{margin:0}.section-head>span{font-size:11px}.section-head select{min-height:30px;padding:4px 8px;font-size:11px}.panel>.table-scroll{margin:0 -21px -21px;width:calc(100% + 42px)}.table-scroll{max-width:calc(100% + 42px);overflow:auto;overscroll-behavior-x:contain}.unit{font-size:11px;color:#6b808e}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:600}.trend{width:100%;height:180px;display:block}.trend text{font:10px system-ui;fill:#718490}.formula{font-style:italic;font-family:Georgia,serif;font-size:15px!important;color:#466874}.inspector{border:1px solid var(--line);border-radius:6px;padding:21px;background:#fff}.inspector h2{font-size:13px;padding-bottom:17px;border-bottom:1px solid var(--line);margin:0 0 18px}.asset-title{display:flex;gap:13px;align-items:center;margin-bottom:20px}.asset-symbol{border:1px solid #cbe3e1;background:#eef8f7;color:#09847d;border-radius:5px;padding:13px;display:flex}.asset-title h3{margin:0 0 4px;font-size:16px}.asset-title small{font-size:10px}.inspector dl{margin:0}.inspector dl>div{padding:11px 0;border-bottom:1px solid #edf1f3;display:flex;align-items:start;justify-content:space-between;gap:15px;font-size:11px;line-height:1.5}.inspector dt{color:#718490}.inspector dd{margin:0;text-align:right;max-width:55%}.inspect-signal{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-bottom:1px solid #edf1f3;padding:9px 0}.inspect-signal b{font-size:14px;font-weight:500}.inspect-signal b small{display:inline;font-size:10px}.inspect-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-top:25px;margin-top:23px;border-top:1px solid var(--line)}.inspect-links button{font-size:11px}.inspector>p:last-child{margin-top:24px;margin-bottom:0;font-size:10px}.dependency-list{display:flex;flex-direction:column}.dependency-list button{border:0;border-bottom:1px solid #eef1f3;justify-content:space-between;padding:9px 0;font-size:10px}.text-button{border:0;background:transparent;color:#087b76;padding:0;justify-content:flex-start;text-align:left;font-size:13px}.text-button:hover:not(:disabled){background:transparent;text-decoration:underline}.asset-picker{margin:0 0 20px}.asset-picker label{font-size:11px;margin-bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.asset-picker select{max-width:75%;min-height:32px;font-size:11px}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:550;border:1px solid #d9e2e7;background:#f4f7f8;color:#59717d;padding:3px 7px;border-radius:4px;white-space:nowrap;line-height:1.4}.badge.positive{background:#eef9f4;color:#187155;border-color:#c5e6d6}.badge.negative{background:#fff0ef;color:#a6443e;border-color:#efcfcb}.muted{color:var(--muted)}.mono,.hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hash{font-size:10px;color:#647c88;overflow-wrap:anywhere}.view-tabs{display:flex;align-items:center;gap:4px;margin-bottom:20px;flex-wrap:wrap}.view-tabs button{border-color:var(--line);border-radius:4px;padding:10px 18px;font-size:12px}.view-tabs button[aria-pressed=true]{background:#e5f2f1;color:#086d69;border-color:#acd0cd}.view-tabs>span{font-size:10px;margin-left:15px}.topology-area{min-width:0}.zone{padding:20px;border:1px solid #dfe7ea;background:#f7f9fa;border-radius:5px;margin-bottom:16px}.zone h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#627988;margin-bottom:15px}.zone-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.network-node{min-height:66px;justify-content:flex-start;text-align:left;gap:12px;padding:14px 12px}.network-node b{font-weight:550;font-size:11px;display:block}.network-node small{font-size:9px;margin-top:4px}.network-node svg{color:#497587;flex-shrink:0}.network-node.node-selected{border-color:#0a8b82;background:#e9f6f4;box-shadow:0 0 0 1px #0a8b82}.network-node.node-offline{border-color:#b9625a;background:#fff0ec}.scenario-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.scenario-list{display:flex;flex-direction:column;gap:12px}.scenario-option{justify-content:flex-start;align-items:flex-start;gap:20px;text-align:left;padding:23px;border-color:#e0e7eb;border-radius:6px}.scenario-option>span:nth-child(2){flex:1}.scenario-option strong{display:block;font-size:15px;font-weight:600}.scenario-option small{font-size:12px;font-weight:400;margin-top:7px;line-height:1.65}.scenario-option>svg{margin-top:7px;flex-shrink:0}.scenario-index{color:#8398a1;font-family:ui-monospace,monospace;font-size:12px;padding-top:4px}.scenario-option.chosen{border-color:#409f97;background:#eff8f7}.scenario-option.chosen .scenario-index{color:#087e75}.scenario-layout .panel{align-self:start}.full{width:100%}.saved-list{display:flex;gap:10px;flex-wrap:wrap}.saved-list button{flex-direction:column;align-items:flex-start}.saved-list span{font-size:10px;color:#748892}.agent-intro{display:flex;gap:20px;align-items:center;padding:18px 0 30px}.agent-intro>div:nth-child(2){max-width:740px}.agent-intro h2{font-size:22px;margin-bottom:8px;letter-spacing:-.5px}.agent-intro p{font-size:12px;color:#627c88;margin:0}.agent-symbol{background:#e8f4f2;padding:20px;border:1px solid #cce7e2;border-radius:9px;color:#168479}.agent-intro>.badge{margin-left:auto}.form-row{display:flex;align-items:flex-end;gap:20px}.form-row label{flex:1;margin:0}.form-row button{min-height:40px}.panel>.small{margin:18px 0 0}.integration-status{padding:0 4px 15px}.task-list{display:flex;flex-direction:column;gap:17px}.task{padding:24px;border:1px solid #dce6e9;background:#fff;border-radius:6px}.task-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.task-title h3{margin:7px 0 0;font-size:17px}.task-title small{font-size:10px}.task>p{font-size:12px;color:#5e7582;margin:15px 0}.binding{padding:13px 16px;background:#f6f9fa;display:flex;flex-direction:column;gap:6px;font-size:10px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;color:#59717d;border-radius:4px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:17px}.actions>a{display:inline-flex;align-items:center;gap:5px;font-size:12px;margin-left:4px}.result{border-left:3px solid #4e9c90;margin-top:20px;padding:4px 18px;background:#f5faf9}.result strong{font-size:13px;color:#28695c}.result p{font-size:12px;margin:9px 0;color:#466f68}.task .small{display:flex;align-items:center;gap:5px}.approval-intro{display:flex;align-items:center;gap:25px}.approval-intro svg{color:#1b897d;flex-shrink:0}.approval-intro p{margin:0;flex:1;font-size:13px}.approval-intro label{width:130px;flex-shrink:0;margin:0}.lifecycle-strip{display:flex;border:1px solid var(--line);border-radius:5px;margin-bottom:20px;overflow:auto}.lifecycle-strip>span{flex:1;display:flex;gap:10px;padding:20px 15px;align-items:center;font-size:11px;white-space:nowrap}.lifecycle-strip b{color:#318780;font-family:ui-monospace,monospace;font-size:10px}.lifecycle-strip svg{margin-left:auto;color:#98adb5}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.evidence-file{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:4px;color:#315e6d}.evidence-file:hover{background:#f3f8f9;text-decoration:none}.evidence-file>svg{flex-shrink:0}.evidence-file>span{flex:1;min-width:0}.evidence-file strong{display:block;font-size:12px;margin-bottom:7px}.evidence-file small{font-size:9px;overflow-wrap:anywhere}.empty{padding:38px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:#788e99;border:1px dashed #d9e4e8;border-radius:6px}.empty p{font-size:13px;margin:0;max-width:500px}.inline-ok{display:flex;align-items:center;gap:8px;color:#467d6c;font-size:12px;margin:0}.event-list{max-height:300px;overflow:auto}.event-row{display:grid;grid-template-columns:60px 130px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #eaf0f2;font-size:11px}.event-row>span:first-child{color:#79929e}.event-row button{font-size:10px}.hmi{background:#1b2d38;border:1px solid #263e4d;border-radius:6px;overflow:hidden;margin-bottom:22px;color:#d2e2e8;min-width:0}.hmi-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#152732;color:#e0ebef;font-size:10px;letter-spacing:.04em}.hmi-header>span{display:flex;align-items:center;gap:9px}.hmi-header b{font-weight:500;color:#90baad;margin-left:6px}.hmi-warning{background:#554b2b;color:#f0d997;font-size:9px;padding:8px 18px;letter-spacing:.045em}.process-svg{display:block;width:100%;max-height:520px}.process-svg text{font-family:ui-monospace,SFMono-Regular,monospace;fill:#bdcfd8;font-size:12px}.process-svg .hmi-value{fill:#a0dee3;font-size:18px}.process-svg .tank{fill:none;stroke:#859fae;stroke-width:3}.process-pipe{stroke:#4bbed0;fill:none;stroke-width:7;stroke-linejoin:round}.process-pipe.bad-pipe{stroke:#c6a16b;stroke-dasharray:9 5}.electrical-wire{stroke:#d2d391;fill:none;stroke-width:3}.aux-pipe{stroke:#739887;fill:none;stroke-width:2}.device-neutral{fill:#334a54;stroke:#90a8b3;stroke-width:2}.device-on{fill:#346451;stroke:#9dccb0;stroke-width:2}.device-outline{fill:none;stroke:#b1c5cc;stroke-width:2}.rotor-lines{stroke:#bcddd0;fill:none;stroke-width:2}.process-svg .symbol{font-size:21px;fill:#dceeea}.hmi-device{cursor:pointer}.hmi-device:hover>circle,.hmi-device:hover>rect{stroke:#fff;stroke-width:3}.hmi-bottom{display:flex;justify-content:space-between;gap:15px;padding:12px 18px;border-top:1px solid #36505e;font-size:9px;color:#8ea9b5}.manual-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;margin-top:22px}.manual-grid>div{padding-right:25px;border-right:1px solid var(--line)}.manual-grid>div:last-child{border:0;padding:0}.manual-grid h3{font-size:12px;margin-bottom:21px}.control-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;font-size:12px}.control-line>span{display:flex;align-items:center;gap:8px}.control-line button{padding:7px 12px;font-size:11px;min-width:55px}.setpoint{display:flex;gap:10px;align-items:flex-end;margin-bottom:15px}.setpoint label{margin:0;flex:1;font-size:11px}.setpoint input{max-width:100%;width:100%;min-height:32px;padding:6px 9px}.setpoint button{padding:7px 12px;font-size:11px}.manual-grid .actions button{font-size:11px;padding:7px 10px}.interlocks{list-style:none;padding:0;margin:0 0 15px;font-size:11px;display:flex;flex-direction:column;gap:11px}.interlocks span{margin-right:9px}.ok{color:#198566}.permission-note{font-size:11px;color:#886722;padding:13px 15px;background:#fffaef;border:1px solid #efe2c1;border-radius:4px;display:flex;align-items:center;gap:8px;margin:20px 0 0}.command-review{margin-top:22px;border:1px solid #93c1bc;background:#f1f9f7;padding:18px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:18px}.command-review b{font-size:13px}.command-review p{font-size:11px;margin:6px 0 0}.command-review .actions{margin:0}.section-split{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:start}.synchronized-view{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:stretch;margin-bottom:22px}.synchronized-view .hmi{margin-bottom:0;display:flex;flex-direction:column}.synchronized-view .process-svg{flex:1}.synchronized-view .three-host{height:350px;min-height:250px}.synchronized-view .hmi-header{font-size:8px;padding:12px}.synchronized-view .hmi-warning{font-size:8px;padding:8px 12px}.synchronized-view .canvas-toolbar{font-size:9px;padding:10px}.synchronized-view .canvas-foot{font-size:8px}.synchronized-view .canvas-foot span:last-child{display:none}.alert{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:4px;margin-bottom:18px;font-size:12px;line-height:1.5}.alert>span{flex:1;overflow-wrap:anywhere}.alert svg{flex-shrink:0}.alert button{padding:0 5px;background:transparent;border:0;color:inherit;font-size:19px}.alert.error{background:#fff0ee;color:#aa4539;border:1px solid #eccac3}.alert.success{background:#eff8f2;color:#347457;border:1px solid #cce5d5}.error-text{color:#b34137!important;overflow-wrap:anywhere}footer{margin-top:35px;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:#7a909a;font-size:9px;line-height:1.6}footer>span:first-child{font-weight:600;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#102b3c70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border:1px solid var(--line);border-radius:9px;padding:32px;max-width:420px;width:100%;box-shadow:0 20px 80px #0c293635;position:relative}.modal>svg{color:var(--teal);margin-bottom:18px}.modal h2{font-size:22px;line-height:1.3}.modal p{font-size:12px;color:#677d89}.modal-close{position:absolute;right:15px;top:12px;border:0;font-size:23px;padding:4px 10px}.modal form{margin-top:25px}.skip-link{position:fixed;left:10px;top:-60px;z-index:500;background:#fff;border:2px solid var(--teal);padding:10px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1700px){.three-host{height:570px}.twin-layout{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:1200px){:root{--sidebar: 195px}.sidebar{padding-left:8px;padding-right:8px}.brand{font-size:15px;margin-left:6px;gap:6px}.brand svg{width:28px}.sidebar nav a{font-size:12px;gap:9px;padding:12px}.topbar{padding:0 22px}main{padding:24px 22px 0}.twin-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.inspector{padding:17px}.three-host{height:420px}.metrics>div{padding:0 10px}.metrics strong{font-size:22px}.manual-grid{gap:18px;grid-template-columns:1fr 1.4fr 1fr}.manual-grid>div{padding-right:18px}.manual-grid .actions{gap:5px}.section-split,.synchronized-view{grid-template-columns:1fr}.agent-intro>.badge{display:none}}@media(max-width:920px){:root{--sidebar: 72px}.sidebar{padding:23px 8px 14px}.brand{margin:0 auto 28px}.brand>span,.sidebar nav a>span,.sidebar-bottom{display:none}.brand svg{width:34px}.sidebar nav a{justify-content:center;padding:14px}.nav-count{position:absolute;right:0;top:0}.sidebar nav a.selected:before{left:-8px}.twin-layout{grid-template-columns:minmax(0,1fr) 230px}.three-host{height:390px}.metrics{grid-template-columns:repeat(2,1fr);row-gap:20px}.metrics>div:nth-child(2){border:0}.scenario-layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.scenario-option{padding:19px 16px;gap:13px}.manual-grid{grid-template-columns:1fr 1fr}.manual-grid>div:nth-child(2){border:0;padding:0}.manual-grid>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.interlocks{flex-direction:row;flex-wrap:wrap}.form-row{flex-wrap:wrap;gap:15px}.form-row label{min-width:220px}.approval-intro{flex-wrap:wrap}.approval-intro label{width:100%}.command-review{align-items:flex-start;flex-direction:column}}@media(max-width:700px){:root{--sidebar: 0px}.sidebar{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:17px 16px 0;display:block}.brand{margin:0 0 15px;font-size:19px}.brand>span{display:block}.sidebar nav{flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:11px;margin:0 -4px;scrollbar-width:thin}.sidebar nav a{flex-shrink:0;gap:7px;padding:9px 10px;min-height:37px;font-size:10px;white-space:nowrap}.sidebar nav a>span{display:block}.sidebar nav a svg{width:16px;height:16px}.sidebar nav a.selected:before{display:none}.nav-count{position:static;margin-left:2px}.workspace{margin-left:0}.topbar{height:57px;padding:0 17px}.breadcrumb{font-size:10px;gap:6px}.top-actions{gap:9px}.top-actions>button{font-size:11px;padding:7px 9px}.language button{padding:4px 7px}.user-label{font-size:10px}.user-label small{font-size:8px;max-width:85px;line-height:1.2}main{padding:24px 17px 0}h1{font-size:25px;letter-spacing:-.7px}.page-heading{margin-bottom:19px;gap:12px}.page-heading p{font-size:11px;line-height:1.65}.simulation-banner{font-size:9px;padding:10px 11px;gap:8px;align-items:flex-start;margin-bottom:18px}.simulation-banner svg{width:15px;height:15px;margin-top:1px}.banner-end{display:none}.twin-layout{grid-template-columns:1fr}.three-host{height:345px;min-height:280px}.canvas-toolbar{font-size:9px;padding:10px;gap:5px}.canvas-toolbar button{font-size:9px;padding:5px}.canvas-foot{padding:10px;font-size:8px;flex-wrap:wrap;gap:5px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:21px 0;gap:0}.metrics>div{padding:0 8px}.metrics>div:first-child{padding-left:0}.metrics>div:nth-child(2){border-right:1px solid var(--line)}.metrics>div>span{font-size:9px}.metrics strong{font-size:20px;margin:6px 0;white-space:normal;line-height:1.1}.metrics strong small{font-size:9px}.metrics>div>small{font-size:8px}.panel{padding:17px;margin-bottom:18px}.panel>.table-scroll{margin:0 -17px -17px;width:calc(100% + 34px);max-width:calc(100% + 34px)}.section-head h2{font-size:14px}.section-head{gap:8px}.formula{font-size:12px!important}.trend{height:155px}.inspector{margin-bottom:18px}.asset-picker select{font-size:10px;max-width:72%}.asset-picker label{font-size:10px;gap:10px}.scenario-layout{grid-template-columns:1fr;gap:22px}.scenario-option{padding:18px;gap:15px}.scenario-option strong{font-size:14px}.scenario-option small{font-size:11px}.scenario-list{gap:10px}.zone{padding:15px}.zone-assets{grid-template-columns:1fr 1fr;gap:8px}.network-node{padding:11px 8px;gap:8px}.network-node b{font-size:10px}.network-node small{font-size:8px}.network-node svg{width:15px}.agent-intro{padding:8px 0 24px;align-items:flex-start;gap:14px}.agent-symbol{padding:13px}.agent-symbol svg{width:25px;height:25px}.agent-intro h2{font-size:19px}.agent-intro p{font-size:11px}.form-row label{min-width:100%}.form-row button{width:100%}.task{padding:18px}.task-title{align-items:flex-start}.task-title h3{font-size:15px}.task-title small,.task-title .badge{font-size:8px}.task>p{font-size:11px}.actions button{font-size:11px}.lifecycle-strip>span{padding:17px 12px;font-size:10px}.approval-intro{gap:15px}.approval-intro p{font-size:12px}.approval-intro svg{width:25px}.manual-grid{grid-template-columns:1fr;gap:20px}.manual-grid>div{border-right:0;padding:0 0 20px;border-bottom:1px solid var(--line)}.manual-grid>div:nth-child(2){padding-bottom:20px;border-bottom:1px solid var(--line)}.manual-grid>div:last-child{padding-top:0;border:0}.manual-grid h3{font-size:13px;margin-bottom:17px}.control-line{font-size:13px}.control-line button{min-height:36px}.interlocks{flex-direction:column;font-size:12px}.manual-grid .actions{gap:8px}.manual-grid .actions button{min-height:37px}.hmi-header{font-size:8px;padding:12px 10px;gap:8px}.hmi-header>span{gap:5px}.hmi-warning{padding:7px 10px;font-size:7px}.process-svg{min-width:650px}.hmi{overflow-x:auto}.hmi-header,.hmi-bottom,.hmi-warning{min-width:650px}.hmi-bottom{font-size:8px;padding:10px}.view-tabs{gap:7px}.view-tabs button{font-size:10px;padding:9px 11px}.view-tabs>span{font-size:9px;width:100%;margin:5px 0 0}.synchronized-view .hmi{display:block;overflow:auto}.synchronized-view .three-host{height:310px}.event-row{grid-template-columns:48px 110px 1fr;min-width:500px;font-size:10px}.event-list{overflow-x:auto}.section-split{gap:0}.command-review{padding:15px}.command-review b{font-size:12px}.command-review .actions button{font-size:11px}.command-review p{overflow-wrap:anywhere}.evidence-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:8px;margin-top:25px;padding:20px 0}.modal{padding:27px;max-height:92vh;overflow:auto}.modal h2{font-size:21px}.modal p{font-size:11px}.modal-backdrop{padding:17px}.table-scroll td,.table-scroll th{padding:11px 13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.playback-bar{display:flex;gap:10px;align-items:center;background:#f7fafa;border:1px solid #dce7e9;padding:11px 14px;border-radius:5px;margin-bottom:18px;flex-wrap:wrap}.playback-bar>input{flex:1;min-width:90px;padding:0;accent-color:#07867c;height:20px;min-height:20px}.playback-bar>span{font-size:10px;min-width:75px}.playback-bar>small{font-size:9px;width:100%;color:#768c97;margin-left:40px}.playback-bar button{padding:6px 9px;font-size:10px}.playback-bar select{min-height:28px;padding:3px 6px;font-size:10px}.connection-empty{border:1px solid #d2e2e6;background:#f6fafb;border-radius:6px;padding:26px;margin-bottom:24px;max-width:760px}.connection-empty svg{color:#628e9b;margin-bottom:15px}.connection-empty p{font-size:13px;color:#657f8a}.connection-empty h2{font-size:20px}@media(max-width:700px){.playback-bar{padding:10px;gap:7px}.playback-bar>small{font-size:8px;margin:0}.playback-bar>span{min-width:65px;font-size:9px}}:root{--muted: #546b77}.page-heading p,.playback-bar>small,.metrics>div>small,.inspector dt,.unit,footer,.sidebar-bottom p,.event-row>span:first-child,.canvas-foot,.scenario-index,.scenario-option small,.network-node small,.asset-title small{color:#546b77}.canvas-toolbar button[aria-pressed=true]{color:#075f59}.trend text{fill:#546b77}.breadcrumb,.section-head>.muted,.integration-status summary{color:#536b78}.plant-readiness{border:1px solid #cad8df;border-left:3px solid #437183;background:#f4f8fa;padding:18px 22px;margin:0 0 20px;border-radius:5px}.readiness-heading{display:flex;gap:12px;align-items:flex-start;color:#365c6c}.readiness-heading svg{flex-shrink:0;margin-top:2px}.readiness-heading h2{font-size:15px;margin:0 0 6px;color:#263f4b}.readiness-heading p,.plant-readiness details p{margin:0;font-size:12px;line-height:1.7;color:#4c626e}.readiness-counts{display:flex;flex-wrap:wrap;gap:10px 30px;align-items:center;margin:14px 0;font-size:11px;color:#4c626e}.readiness-counts>span{display:flex;gap:7px;align-items:baseline}.readiness-counts strong{font-size:20px;color:#274958}.plant-readiness summary{font-size:12px;color:#305d70;cursor:pointer}.plant-readiness details[open] summary{margin-bottom:12px}.readiness-categories{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:12px 0}.readiness-categories li{padding:9px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-bottom:1px solid #d9e3e9;font-size:12px}.readiness-categories small{color:#626565}.plant-readiness code{overflow-wrap:anywhere}.telemetry-caption{color:#546b77;font-size:11px;margin:14px 0 8px}.process-svg .hmi-subtitle{fill:#d4e4e9;font-size:12px;letter-spacing:1.5px}@media(max-width:600px){.plant-readiness{padding:15px}.readiness-categories{grid-template-columns:1fr}}.manual-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#f3f7f8;border:1px solid #dbe5e8;padding:12px 14px;margin:12px 0 18px}.manual-context p{margin:0;font-size:12px;color:#49606a}.reference-boundary{font-size:12px;line-height:1.7;color:#4c626e;margin:10px 0 16px;max-width:105ch}.plant-readiness details+details{margin-top:14px}.reference-table-wrap{overflow-x:auto;margin:12px 0}.reference-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.reference-table th,.reference-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #d9e3e9}.reference-table th{background:#eaf1f4;color:#365969;font-weight:600}.reference-table td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}.reference-assumptions{font-size:12px;color:#4c626e;line-height:1.7;padding-left:19px}.reference-assumptions li+li{margin-top:6px}.reference-hmi .process-svg{min-width:900px}.reference-hmi{overflow-x:auto}.reference-hmi .hmi-header,.reference-hmi .hmi-warning,.reference-hmi .hmi-bottom{min-width:900px}.learning-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:24px 0}.learning-stages li{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border, #d7dedb);padding:16px;border-radius:8px}.learning-stages li[aria-current=step]{border-color:#14736d;background:#eef7f3}.learning-stages li small,.learning-stages li span{color:#526461;font-size:12px}.learning-counts{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}.learning-counts b{font-size:22px;margin-right:5px}.learning-panel h2{display:flex;gap:8px;align-items:center}.learning-panel textarea{width:100%;font:inherit;padding:10px;border:1px solid #becbc7;border-radius:6px}.learning-proposals article{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #dde4e0}@media(max-width:720px){.learning-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}