:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#e9fbff;background:#03111d;font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #13dcff;--cyan-soft: rgba(19, 220, 255, .18);--blue: #1399d6;--panel: #071d2e;--panel-deep: #041522;--line: #0ac7ef;--muted: #6e9aad;--green: #2fe39d;--amber: #f3b53f;--red: #ee3d53;--violet: #9b86ff}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:1440px;background:radial-gradient(circle at 20% 0%,rgba(24,123,177,.16),transparent 30%),linear-gradient(180deg,#03111d,#041522 60%,#03111d);color:#e9fbff}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(19,220,255,.7);outline-offset:2px}.hmi-root{min-height:100vh;display:grid;grid-template-rows:70px 1fr auto}.top-header{display:grid;grid-template-columns:340px minmax(0,1fr) 520px;align-items:center;gap:18px;padding:0 18px;border-top:2px solid var(--cyan);border-bottom:1px solid rgba(19,220,255,.45);background:#020b13f5;box-shadow:0 6px 24px #00000059}.brand{font-size:29px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.header-controls{display:flex;align-items:center;gap:14px}.header-controls label{display:flex;align-items:center;gap:9px;color:#8fc0d3;font-size:13px}.header-controls select,.header-controls b,.mode-button,.small-button{min-height:35px;border:1px solid rgba(19,220,255,.36);background:#06223a;color:#eaffff;padding:0 13px}.header-controls select{min-width:150px}.header-controls b{display:inline-flex;align-items:center;min-width:112px;letter-spacing:.1em}.mode-button{min-width:92px;background:linear-gradient(180deg,#118fca,#086995);font-weight:700}.small-button{color:var(--cyan)}.top-online{display:flex;justify-content:flex-end;align-items:center;gap:18px;color:#a0cad8;font-size:13px}.online-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor}.online-dot.online{color:#20ef9e;background:currentColor}.online-dot.offline{color:#f05060;background:currentColor}.hmi-main-grid{display:grid;grid-template-columns:410px minmax(680px,1fr) 360px;gap:8px;padding:7px;align-items:start}.hmi-left-column,.hmi-center-column,.hmi-right-column{display:grid;gap:8px;min-width:0}.panel-box{position:relative;border:1px solid rgba(19,220,255,.65);background:linear-gradient(180deg,#071d2efa,#051624fa);box-shadow:inset 0 0 0 1px #13dcff0a,0 5px 18px #00000047}.panel-box:after{content:"";position:absolute;top:10px;right:10px;width:3px;height:3px;border-radius:50%;background:var(--cyan);box-shadow:0 13px #13dcffa6,0 26px #13dcff4d}.section-title,.panel-title{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid rgba(19,220,255,.18);font-size:16px;font-weight:700}.section-title:before,.panel-title:before{content:"";width:3px;height:18px;background:var(--cyan)}.system-title-strip{min-height:43px;display:flex;align-items:center;justify-content:space-between}.system-title-strip .panel-title{border-bottom:0}.running-state{margin-right:12px;padding:5px 10px;color:#60f3ad;background:#15664a7a;border:1px solid rgba(47,227,157,.4);font-size:12px}.running-state i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#2fe39d;box-shadow:0 0 8px #2fe39d}.pressure-panel{padding-bottom:12px}.gauge-title{text-align:center;margin:12px 0 -5px;font-size:15px;font-weight:700}.pressure-gauge{width:100%;height:225px;display:block}.gauge-track{fill:none;stroke:#175476b8;stroke-width:14;stroke-linecap:round}.gauge-progress{fill:none;stroke:#18cbff;stroke-width:14;stroke-linecap:round;filter:drop-shadow(0 0 7px #18cbff);stroke-dashoffset:0}.gauge-ticks text{fill:#82aabe;font-size:10px}.gauge-number{fill:#37dcff;font-size:34px;font-weight:800;letter-spacing:.08em}.gauge-unit{fill:#dff8ff;font-size:12px;font-weight:700}.gauge-center{fill:#25e7ff;filter:drop-shadow(0 0 6px #25e7ff)}.pressure-notes{display:grid;gap:5px;padding:0 18px;color:#8fb9c8;font-size:12px}.metric-list{display:grid;gap:7px}.left-metric{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;min-height:100px;padding:10px 14px;border:1px solid rgba(19,220,255,.24);background:linear-gradient(180deg,#071f31f2,#051927f2)}.metric-round{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;font-size:18px}.left-metric span{display:block;color:#87aebe;font-size:13px}.left-metric strong{display:block;margin:5px 0;font-size:23px;letter-spacing:.06em}.left-metric strong small{font-size:11px;color:#82aebe;font-weight:500}.left-metric em{color:currentColor;font-style:normal;font-size:12px}.left-metric.cyan{color:#27ddff}.left-metric.amber{color:#ffb836}.left-metric.violet{color:#a991ff}.left-metric.green{color:#45eaae}.real-state-panel{padding-bottom:10px}.real-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.real-state-grid div{padding:10px;border:1px solid rgba(19,220,255,.14);background:#03121ea6}.real-state-grid span{display:block;color:#83aebe;font-size:11px}.real-state-grid b{display:block;margin-top:5px;color:#dffaff;font-size:17px}.process-overview{min-height:400px}.process-title{position:absolute;left:0;right:0;top:0;z-index:3;background:#071d2ef0}.process-svg{display:block;width:100%;height:397px;margin-top:38px}.signal-card{fill:#08243a;stroke-width:1}.signal-card.cyan{stroke:#0edbff}.signal-card.green{stroke:#20e2a1}.signal-card.amber{stroke:#f2b440}.signal-card.violet{stroke:#9d87ff}.signal-cards text:first-of-type{fill:#8eb8c7;font-size:12px}.signal-cards text:last-of-type{fill:#dffaff;font-size:15px;font-weight:700}.equipment-title{fill:#d9f7ff;font-size:13px;font-weight:700}.equipment-meta{fill:#69b7cb;font-size:11px}.tank-symbol{fill:#0dd5ff;font-size:30px}.oil-pipe{fill:none;stroke:#ffb72e;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(255,183,46,.7))}.pipe-network.running .oil-pipe{stroke-dasharray:18 9;animation:oilFlow 1.1s linear infinite}.pipe-network.emergency .oil-pipe{stroke:#7a2f37;filter:none}@keyframes oilFlow{to{stroke-dashoffset:-54}}.spinning{transform-origin:722px 180px;animation:pumpSpin 1.1s linear infinite}@keyframes pumpSpin{to{transform:rotate(360deg)}}.control-signal{fill:none;stroke:#20cfff;stroke-width:1.5;stroke-dasharray:6 5}.legend-box{fill:#061c2de6;stroke:#174764}.legend-oil{stroke:#ffb72e;stroke-width:5}.simulation-note{fill:#6e9cad;font-size:11px}.trend-monitor{min-height:340px}.trend-title{justify-content:space-between}.trend-title>div{display:flex;align-items:center;gap:8px;color:#8db4c3;font-size:11px;font-weight:400}.trend-title select{min-height:30px;color:#e7fbff;background:#06243a;border:1px solid rgba(19,220,255,.35)}.legend-cyan,.legend-red{width:18px;height:2px;display:inline-block}.legend-cyan{background:#20d9ff}.legend-red{background:#ff4056}.trend-chart{width:100%;height:295px}.control-mode-panel{padding-bottom:12px}.control-mode-panel h3{margin:13px 12px;color:#25dcff;font-size:16px}.confidence-line,.alarm-line{display:flex;justify-content:space-between;gap:10px;padding:0 12px;font-size:12px}.confidence-line span,.alarm-line span{color:#8db5c5}.confidence-bar{height:12px;margin:8px 12px 14px;background:#0d3652}.confidence-bar i{display:block;height:100%;background:repeating-linear-gradient(135deg,#28e0ff 0 8px,#2bc5dd 8px 12px)}.alarm-line b.ok{color:#4ce8a7}.alarm-line b.warning{color:#ffd16a}.alarm-line b.danger{color:#ff7182}.emergency-stop-button{min-height:66px;border:1px solid #e04758;color:#fff;background:linear-gradient(180deg,#7d0718,#50020e);font-size:17px;font-weight:800;letter-spacing:.08em;box-shadow:inset 0 0 20px #ff4a5b1f}.operations-panel{padding-bottom:12px}.operation-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 10px 4px}.operation-buttons button,.operation-field button{min-height:36px;border:1px solid rgba(19,220,255,.34);color:#e9fbff;font-weight:700}.operation-buttons .start{background:#087aaa}.operation-buttons .pause{background:#76500d}.operation-buttons .reset{background:#8c1524}.operation-field{display:grid;gap:6px;padding:8px 10px 0}.operation-field>span{color:#d7f6ff;font-size:12px;font-weight:700}.operation-field>div{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:7px}.operation-field input,.operation-field select{min-width:0;min-height:36px;padding:0 8px;color:#e9fbff;border:1px solid rgba(19,220,255,.28);background:#031522}.operation-field button{background:#087aaa}.operations-panel>small{display:block;padding:8px 10px 0;color:#6f9bad;font-size:11px}.event-panel{padding-bottom:5px}.event-title{justify-content:space-between}.event-title button,.title-with-action button{border:0;background:none;color:var(--cyan);font-size:11px}.event-list{max-height:205px;overflow:auto;padding:0 10px}.event-list article{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid rgba(19,220,255,.1)}.event-list time{color:#5f8fa5;font-size:11px}.event-list b{display:block;font-size:12px}.event-list p{margin:4px 0 0;color:#739eaf;font-size:11px;line-height:1.45}.event-list .success b{color:#4ee8a7}.event-list .error b{color:#ff7383}.event-list .info b{color:#2edaff}.empty-event{padding:12px;color:#709bac}.algorithm-card,.summary-card{padding-bottom:8px}.title-with-action{justify-content:space-between}.parameter-row{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:11px}.parameter-row span{color:#7da8b8}.parameter-row b{color:#dffaff}.summary-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 8px}.summary-icons div{text-align:center;min-width:0}.summary-icons span{width:37px;height:37px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;border:2px solid #17d8ff;color:#17d8ff}.summary-icons b{display:block;color:#25dfff;font-size:12px;overflow:hidden;text-overflow:ellipsis}.summary-icons small{display:block;color:#6f9bab;font-size:9px;margin-top:3px}.hmi-bottom{padding:0 7px 6px}.bottom-status{display:flex;align-items:center;gap:38px;min-height:34px;padding:0 10px;border:1px solid rgba(19,220,255,.3);background:#02101b;color:#75a9bb;font-size:11px}.bottom-status span:first-child,.bottom-status span:nth-child(3){color:#45e8af}.bottom-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:6px}.bottom-nav button{min-height:42px;border:1px solid rgba(19,220,255,.42);background:#062139;color:#8db6c6}.bottom-nav button.active{color:#fff;background:linear-gradient(180deg,#118fc5,#066d9b)}@media(max-width:1580px){body{min-width:1280px}.hmi-main-grid{grid-template-columns:350px minmax(600px,1fr) 330px}.top-header{grid-template-columns:310px minmax(0,1fr) 430px}.brand{font-size:25px}.header-controls{gap:8px}.header-controls select{min-width:125px}.top-online{gap:10px}}.hmi-root{grid-template-rows:70px minmax(0,1fr) auto}.hmi-workspace{min-height:calc(100vh - 148px);padding:7px}.overview-page{display:grid;gap:8px}.overview-top-grid{display:grid;grid-template-columns:410px minmax(680px,1fr) 360px;gap:8px;align-items:start}.overview-wide-trend{min-height:360px}.overview-wide-trend .trend-chart{height:315px}.hmi-center-column .process-overview{min-height:460px}.hmi-center-column .process-svg{height:455px}.hmi-bottom{position:sticky;bottom:0;z-index:40;background:#020d17fa;border-top:1px solid rgba(19,220,255,.24);box-shadow:0 -7px 22px #0000005c}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:9px;transition:.18s ease}.bottom-nav button:hover{color:#eaffff;border-color:#20dfff;background:#09304d}.bottom-nav button.active{box-shadow:inset 0 2px #3ae9ff,0 0 12px #13dcff2e}.nav-icon{color:#27dcff;font-size:15px}.bottom-nav button.active .nav-icon{color:#fff}.workspace-page{display:grid;gap:10px;min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:12px 18px;border:1px solid rgba(19,220,255,.45);background:linear-gradient(180deg,#071d2efa,#051624fa)}.workspace-heading h2{margin:0;font-size:22px;letter-spacing:.04em}.workspace-heading p{margin:6px 0 0;color:#79a6b7;font-size:12px}.workspace-badges,.workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.workspace-badges span{padding:7px 10px;border:1px solid rgba(19,220,255,.24);color:#8dc6d7;background:#062137;font-size:11px}.workspace-action{min-height:36px;padding:0 15px;border:1px solid rgba(19,220,255,.42);color:#edfcff;background:linear-gradient(180deg,#118fc5,#066d9b);font-weight:700}.workspace-action.secondary{color:#9fd2e1;background:#062139}.workspace-action:hover{filter:brightness(1.12)}.process-monitor-grid{display:grid;grid-template-columns:minmax(800px,1fr) 420px;gap:8px;align-items:start}.process-monitor-main,.process-monitor-side{display:grid;gap:8px;min-width:0}.process-workspace .process-overview{min-height:510px}.process-workspace .process-svg{height:505px}.process-workspace .trend-monitor{min-height:400px}.process-workspace .trend-chart{height:355px}.process-table-panel{padding-bottom:8px}.compact-table-wrap{max-height:480px;overflow:auto}.industrial-table{width:100%;border-collapse:collapse;font-size:12px}.industrial-table th{position:sticky;top:0;z-index:2;padding:11px 10px;color:#92c9da;text-align:left;background:#08253b;border-bottom:1px solid rgba(19,220,255,.28)}.industrial-table td{padding:11px 10px;color:#c7e9f1;border-bottom:1px solid rgba(19,220,255,.1)}.industrial-table tbody tr{transition:.16s ease}.industrial-table tbody tr:hover,.industrial-table tbody tr.selected{background:#13dcff12}.industrial-table.compact th,.industrial-table.compact td{padding:8px 7px;font-size:11px}.table-status{display:inline-flex;align-items:center;min-width:52px;justify-content:center;padding:4px 7px;border:1px solid currentColor;font-size:10px}.table-status.ok{color:#4de8a8;background:#1c6c4e38}.table-status.warning{color:#ffd16a;background:#805b0f33}.table-status.danger{color:#ff7182;background:#8b162838}.table-status.info{color:#37dafa;background:#0c547038}.table-button{min-height:30px;padding:0 9px;border:1px solid rgba(19,220,255,.34);color:#a9e4ef;background:#07263d}.table-scroll{max-height:620px;overflow:auto}.device-management-grid{display:grid;grid-template-columns:minmax(900px,1fr) 340px;gap:8px;align-items:start}.device-table-panel,.device-detail-panel{min-height:610px}.device-avatar{width:112px;height:112px;margin:24px auto 14px;border-radius:50%;display:grid;place-items:center;color:#32ddff;font-size:21px;font-weight:800;border:3px solid #1edcff;background:radial-gradient(circle,#19648780,#051827f2);box-shadow:0 0 22px #13dcff38,inset 0 0 20px #13dcff24}.device-detail-panel h3{margin:0 20px 20px;text-align:center;font-size:18px}.detail-list{margin:0;padding:0 18px}.detail-list div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(19,220,255,.1)}.detail-list dt{color:#75a4b5}.detail-list dd{margin:0;color:#e1f8ff;text-align:right}.detail-notice{margin:18px;padding:12px;color:#84afbe;line-height:1.6;font-size:11px;border:1px dashed rgba(19,220,255,.22);background:#03121e94}.health-cell{position:relative;min-width:90px;height:18px;background:#0a3049;overflow:hidden}.health-cell i{display:block;height:100%;background:linear-gradient(90deg,#19b8df,#3ceaa5)}.health-cell span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px}.alarm-stat-grid,.analysis-stat-grid,.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.alarm-stat-grid button,.analysis-stat-grid article,.report-summary-grid article{min-height:92px;padding:14px 18px;border:1px solid rgba(19,220,255,.28);color:#dffaff;background:linear-gradient(180deg,#071f31f2,#051927f2);text-align:left}.alarm-stat-grid button span,.analysis-stat-grid span,.report-summary-grid span{display:block;color:#7ea9b9;font-size:12px}.alarm-stat-grid button b,.analysis-stat-grid b,.report-summary-grid b{display:block;margin-top:10px;color:#2bdfff;font-size:27px}.alarm-stat-grid button.active{border-color:#39e5ff;box-shadow:inset 0 2px #39e5ff}.alarm-stat-grid button.danger b{color:#ff6577}.alarm-stat-grid button.warning b{color:#ffd16a}.alarm-list-panel{min-height:540px}.alarm-list{padding:6px 12px}.alarm-list article{display:grid;grid-template-columns:38px 82px minmax(0,1fr) 110px 80px;gap:12px;align-items:center;min-height:72px;padding:10px 4px;border-bottom:1px solid rgba(19,220,255,.1)}.alarm-level-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;font-weight:800}.alarm-list article.danger .alarm-level-mark,.alarm-list article.danger .alarm-main b{color:#ff7182}.alarm-list article.warning .alarm-level-mark,.alarm-list article.warning .alarm-main b{color:#ffd16a}.alarm-list article.info .alarm-level-mark,.alarm-list article.info .alarm-main b{color:#30dfff}.alarm-list time,.alarm-source{color:#6c9bac;font-size:11px}.alarm-main p{margin:5px 0 0;color:#7da7b6;font-size:11px}.acked-text{color:#48dfa3;font-size:11px}.empty-workspace{padding:24px;color:#78a6b7;text-align:center}.trend-toolbar{display:flex;align-items:center;gap:22px;min-height:58px;padding:10px 14px}.trend-toolbar label{display:flex;align-items:center;gap:8px;color:#8db5c5;font-size:12px}.trend-toolbar select{min-height:32px;color:#e7fbff;background:#06243a;border:1px solid rgba(19,220,255,.35);padding:0 8px}.series-switches{display:flex;align-items:center;gap:14px;margin-left:auto}.series-switches input{accent-color:#18d7ff}.analysis-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.analysis-chart-panel{min-height:610px}.analysis-chart{width:100%;height:560px}.report-page .report-summary-grid article small{display:block;color:#6c99a9;margin-top:3px}.report-table-panel{min-height:520px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-card{min-height:340px;padding-bottom:16px}.settings-card>label{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:14px;padding:10px 16px;color:#8db5c5;font-size:12px}.settings-card input,.settings-card select{min-height:37px;padding:0 10px;color:#e8fbff;border:1px solid rgba(19,220,255,.28);background:#031522}.settings-card .check-setting{grid-template-columns:22px 1fr}.settings-card .check-setting input{min-height:auto;accent-color:#18d7ff}.system-info-card .detail-list{padding-top:12px}.density-compact .left-metric{min-height:84px}.density-compact .industrial-table th,.density-compact .industrial-table td{padding-top:8px;padding-bottom:8px}@media(max-width:1580px){.overview-top-grid{grid-template-columns:350px minmax(600px,1fr) 330px}.process-monitor-grid{grid-template-columns:minmax(660px,1fr) 360px}.device-management-grid{grid-template-columns:minmax(720px,1fr) 310px}.alarm-list article{grid-template-columns:36px 70px minmax(0,1fr) 90px 68px}}@media print{.top-header,.hmi-bottom,.workspace-actions,.workspace-action{display:none!important}body{min-width:0;background:#fff;color:#000}.hmi-workspace{padding:0}.panel-box,.workspace-heading{border-color:#999;background:#fff;box-shadow:none;color:#000}.industrial-table th,.industrial-table td{color:#000;border-color:#bbb;background:#fff}}.hmi-center-column{display:grid;gap:8px;align-content:start;min-width:0}.overview-top-grid{align-items:stretch}.hmi-left-column,.hmi-right-column{align-self:start}.hmi-center-column .process-overview{min-height:545px}.hmi-center-column .process-svg-v5{height:500px}.pid-process-overview .process-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.pid-process-overview .process-title small{color:#6f9faf;font-size:10px;font-weight:400}.process-svg-v5{display:block;width:100%;min-width:0;margin-top:38px}.v5-signal-cards text:first-of-type{fill:#8eb8c7;font-size:11px}.v5-signal-cards text:last-of-type{fill:#e7fbff;font-size:15px;font-weight:700}.oil-pipe-v5{fill:none;stroke:url(#v5-pipe);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,183,46,.68))}.v5-pipe-network.running .oil-pipe-v5{stroke-dasharray:24 10;animation:v5OilFlow 1.15s linear infinite}.v5-pipe-network.emergency .oil-pipe-v5{stroke:#73303a;filter:none;animation:none}@keyframes v5OilFlow{to{stroke-dashoffset:-68}}.controller-box{fill:#062337f5;stroke:#20d9ff;stroke-width:1.5}.controller-title{fill:#dffaff;font-size:13px;font-weight:700}.controller-sub,.control-label{fill:#74a9ba;font-size:10px}.pump-rotating{transform-origin:58px 65px;animation:v5PumpSpin 1.05s linear infinite}@keyframes v5PumpSpin{to{transform:rotate(360deg)}}.tank-symbol-small{fill:#dffaff;font-size:10px;font-weight:800}.high-level-line{stroke:#ff6e7f;stroke-width:1.5;stroke-dasharray:6 4}.target-level-line{stroke:#f6f7f8;stroke-width:1.5;stroke-dasharray:5 4}.alarm-label,.target-label{fill:#ff9ca8;font-size:9px}.over-range-text{fill:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;filter:drop-shadow(0 0 4px #ff4056)}.equipment-alarm>rect:first-of-type{stroke:#ff5267!important;filter:drop-shadow(0 0 8px rgba(255,64,86,.56))}.process-condition-panel{min-height:430px;padding-bottom:10px;overflow:hidden}.condition-title{justify-content:space-between}.condition-title-tags{display:flex;align-items:center;gap:8px;color:#7ea8b8;font-size:10px}.condition-title-tags b{padding:4px 8px;border:1px solid currentColor;font-size:10px}.condition-title-tags b.ok{color:#4de8a8}.condition-title-tags b.warning{color:#ffd16a}.condition-title-tags b.danger{color:#ff7182}.condition-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 10px 0}.condition-kpi{min-height:116px;padding:12px;border:1px solid rgba(19,220,255,.18);background:linear-gradient(180deg,#071f31eb,#041623eb)}.condition-kpi>span{color:#83aebe;font-size:11px}.condition-kpi strong{display:block;margin:8px 0;color:#e7fbff;font-size:24px;letter-spacing:.04em}.condition-kpi strong small{font-size:11px;color:#7fa9b9}.condition-kpi p{margin:7px 0 0;color:#6f9cab;font-size:10px}.condition-kpi.cyan{box-shadow:inset 0 2px #20d9ff}.condition-kpi.amber{box-shadow:inset 0 2px #ffbb3e}.condition-kpi.green{box-shadow:inset 0 2px #53f79c}.condition-kpi.violet{box-shadow:inset 0 2px #a991ff}.condition-kpi.danger{border-color:#ff5267a8;box-shadow:inset 0 2px #ff5267}.condition-progress{height:7px;overflow:hidden;background:#0b314b}.condition-progress i{display:block;height:100%;background:linear-gradient(90deg,#1abfe9,#4de8a8)}.condition-kpi.amber .condition-progress i{background:linear-gradient(90deg,#a86c08,#ffca54)}.condition-kpi.violet .condition-progress i{background:linear-gradient(90deg,#6e58c6,#b8a7ff)}.condition-kpi.danger .condition-progress i{background:#ff5267}.balance-arrow{display:flex;align-items:center;gap:8px;color:#83aebe;font-size:10px}.balance-arrow i{position:relative;width:44px;height:2px;background:#53f79c}.balance-arrow i:after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid #53f79c;border-top:5px solid transparent;border-bottom:5px solid transparent}.balance-arrow.reverse i{background:#ff7182;transform:rotate(180deg)}.balance-arrow.reverse i:after{border-left-color:#ff7182}.control-loop-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:8px;padding:8px 10px 0}.loop-schematic{position:relative;display:grid;grid-template-columns:minmax(95px,1fr) 22px minmax(110px,1.2fr) 22px minmax(110px,1.2fr) 22px minmax(110px,1.2fr);align-items:center;gap:4px;min-height:178px;padding:18px 12px 44px;border:1px solid rgba(19,220,255,.16);background:#03121ead}.loop-node{min-height:70px;padding:12px 7px;display:grid;align-content:center;gap:6px;text-align:center;border:1px solid #22516b;background:linear-gradient(180deg,#082b43,#061e30)}.loop-node b{color:#dffaff;font-size:11px}.loop-node span{color:#72a3b5;font-size:9px}.loop-node.sensor{box-shadow:inset 0 2px #20d9ff}.loop-node.controller{box-shadow:inset 0 2px #a991ff}.loop-node.actuator{box-shadow:inset 0 2px #ffbb3e}.loop-node.process{box-shadow:inset 0 2px #53f79c}.loop-arrow{color:#28dfff;text-align:center;font-size:19px}.feedback-line{position:absolute;left:28px;right:28px;bottom:13px;border-top:1px dashed #20cfff;text-align:center}.feedback-line span{position:relative;top:-8px;padding:0 8px;color:#6fa7b9;background:#041522;font-size:9px}.interlock-table{border:1px solid rgba(19,220,255,.16);background:#03121ead}.interlock-head,.interlock-row{display:grid;grid-template-columns:70px minmax(120px,1.3fr) minmax(95px,1fr) 82px;gap:8px;align-items:center;min-height:25px;padding:0 9px;font-size:9px}.interlock-head{color:#89b9c9;background:#08283e;border-bottom:1px solid rgba(19,220,255,.18)}.interlock-row{color:#8db5c5;border-bottom:1px solid rgba(19,220,255,.07)}.interlock-row:last-child{border-bottom:0}.interlock-row b{color:#2bdfff}.interlock-row strong{color:#dffaff;font-weight:600}.interlock-row em{justify-self:stretch;padding:3px 4px;text-align:center;font-style:normal;border:1px solid currentColor}.interlock-row em.ok{color:#4de8a8}.interlock-row em.info{color:#38d9ff}.interlock-row em.warning{color:#ffd16a}.interlock-row em.danger{color:#ff7182}.condition-footnote{display:flex;justify-content:space-between;gap:18px;padding:8px 12px 0;color:#668f9f;font-size:9px}.trend-monitor{min-height:420px}.overview-wide-trend{min-height:430px}.overview-wide-trend .trend-chart{height:380px}.trend-title{min-height:38px}.trend-axis-status{display:flex;align-items:center;gap:12px;color:#7fa9b9;font-size:10px}.trend-axis-status span{padding:3px 7px;border:1px solid rgba(19,220,255,.14);background:#041826bf}.trend-axis-status select{min-height:27px;padding:0 7px;color:#dffaff;border:1px solid rgba(19,220,255,.28);background:#06243a}.process-workspace .process-condition-panel{min-height:390px}@media(max-width:1580px){.condition-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-loop-layout{grid-template-columns:1fr}.loop-schematic{min-height:150px}.process-condition-panel{min-height:650px}.hmi-center-column .process-overview{min-height:500px}.hmi-center-column .process-svg-v5{height:455px}}.pump-rotating{transform-box:fill-box;transform-origin:center}.process-overview-v6{min-height:600px}.hmi-center-column .process-overview-v6{min-height:605px}.process-svg-v6{height:560px;margin-top:38px}.v6-card{fill:#071e2ffa;stroke-width:1.4}.v6-card.cyan{stroke:#10dbff}.v6-card.green{stroke:#31eaa9}.v6-card.amber{stroke:#f2b440}.v6-card.violet{stroke:#9f8eff}.v6-kpi-cards text:first-of-type{fill:#8eb8c7;font-size:11px}.v6-kpi-cards text:last-of-type{fill:#e7fbff;font-size:15px;font-weight:700}.v6-title{fill:#deeff7;font-size:13px;font-weight:700}.v6-meta{fill:#74b1c5;font-size:11px}.v6-caption{fill:#73a8b9;font-size:10px}.v6-note{fill:#6e9eaf;font-size:10px}.v6-note.right{text-anchor:end}.v6-controller{fill:#062337f5;stroke:#20d9ff;stroke-width:1.5}.v6-controller-title{fill:#dffaff;font-size:13px;font-weight:700}.v6-controller-sub{fill:#74a9ba;font-size:10px}.v6-control-line{fill:none;stroke:#20cfff;stroke-width:1.6;stroke-dasharray:7 5}.v6-pipe-main{fill:none;stroke:url(#v6-pipe);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,190,61,.7))}.v6-pipe-network.running .v6-pipe-main{stroke-dasharray:24 10;animation:v6OilFlow 1.1s linear infinite}.v6-pipe-network.emergency .v6-pipe-main{stroke:#793845;filter:none;animation:none}@keyframes v6OilFlow{to{stroke-dashoffset:-68}}.v6-main-pump{transform-box:fill-box;transform-origin:center}.v6-info-strip{fill:#08293de6;stroke:#40677f}.v6-legend-pipe{stroke:#ffbf3d;stroke-width:5}.v6-legend-control{stroke:#20cfff;stroke-width:2;stroke-dasharray:6 4}.v6-equipment-alarm>path:first-of-type,.v6-equipment-alarm>rect:first-of-type{stroke:#ff5267!important;filter:drop-shadow(0 0 8px rgba(255,64,86,.54))}.process-condition-panel-v6{min-height:560px;padding-bottom:12px}.condition-kpi-grid-v6{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.condition-kpi-grid-v6 .softwide{min-height:112px}.condition-kpi-grid-v6 .softwide:nth-last-child(-n+2){grid-column:span 2}.control-loop-layout-v6{grid-template-columns:minmax(0,1fr) minmax(500px,1.05fr)}.loop-schematic-v6{min-height:210px;padding-bottom:46px}.interlock-table-v6 .interlock-head,.interlock-table-v6 .interlock-row{min-height:31px;font-size:10px}.condition-bottom-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:8px;padding:8px 10px 0}.condition-subpanel{border:1px solid rgba(19,220,255,.16);background:#03121eb8}.condition-subtitle{min-height:32px;display:flex;align-items:center;padding:0 10px;color:#dffaff;font-size:12px;font-weight:700;border-bottom:1px solid rgba(19,220,255,.15);background:#08283ed6}.strategy-head,.strategy-row{display:grid;grid-template-columns:74px minmax(120px,1.2fr) minmax(140px,1.5fr) 84px;gap:8px;align-items:center;min-height:30px;padding:0 10px;font-size:10px}.strategy-head{color:#8ab8c8;border-bottom:1px solid rgba(19,220,255,.1)}.strategy-row{color:#8cb7c6;border-bottom:1px solid rgba(19,220,255,.07)}.strategy-row:last-child{border-bottom:0}.strategy-row b{color:#2adfff}.strategy-row em,.advisory-list article b+p{font-style:normal}.strategy-row em{justify-self:stretch;text-align:center;padding:3px 4px;border:1px solid currentColor}.strategy-row em.ok{color:#4de8a8}.strategy-row em.info{color:#38d9ff}.strategy-row em.warning{color:#ffd16a}.strategy-row em.danger{color:#ff7182}.advisories-panel .advisory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.advisory-list article{min-height:94px;padding:10px 12px;border:1px solid rgba(19,220,255,.15);background:linear-gradient(180deg,#071f31eb,#041623eb)}.advisory-list article b{display:block;margin-bottom:7px;font-size:12px}.advisory-list article p{margin:0;color:#7da9bb;font-size:11px;line-height:1.55}.advisory-list article.ok{box-shadow:inset 0 2px #4de8a8}.advisory-list article.info{box-shadow:inset 0 2px #20d9ff}.advisory-list article.warning{box-shadow:inset 0 2px #ffca54}.advisory-list article.danger{box-shadow:inset 0 2px #ff5267}.advisory-list .small-grid-card{min-height:84px}.process-workspace .process-condition-panel-v6{min-height:610px}@media(max-width:1580px){.hmi-center-column .process-overview-v6{min-height:560px}.process-svg-v6{height:500px}.condition-kpi-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-kpi-grid-v6 .softwide:nth-last-child(-n+2){grid-column:span 1}.control-loop-layout-v6,.condition-bottom-grid,.advisories-panel .advisory-list{grid-template-columns:1fr}}.process-overview-v7,.hmi-center-column .process-overview-v7{min-height:680px}.process-svg-v7{display:block;width:100%;height:620px;margin-top:38px}.v7-card{fill:#071e2ffa;stroke-width:1.4}.v7-card.cyan{stroke:#10dbff}.v7-card.green{stroke:#31eaa9}.v7-card.amber{stroke:#f2b440}.v7-card.violet{stroke:#9f8eff}.v7-kpi-cards text:first-of-type{fill:#8eb8c7;font-size:11px}.v7-kpi-cards text:last-of-type{fill:#e7fbff;font-size:15px;font-weight:700}.v7-title{fill:#deeff7;font-size:13px;font-weight:700}.v7-zone-title{fill:#20d9ff;font-size:12px;font-weight:700}.v7-meta{fill:#74b1c5;font-size:11px}.v7-caption{fill:#73a8b9;font-size:10px}.v7-note{fill:#6e9eaf;font-size:10px}.v7-controller{fill:#062337f5;stroke:#20d9ff;stroke-width:1.5}.v7-controller-title{fill:#dffaff;font-size:13px;font-weight:700}.v7-controller-sub{fill:#74a9ba;font-size:10px}.v7-control-line{fill:none;stroke:#20cfff;stroke-width:1.6;stroke-dasharray:7 5}.v7-pipe-main,.v7-bypass-pipe{fill:none;stroke:url(#v7-pipe-h);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,190,61,.72))}.v7-bypass-pipe{stroke-width:7;opacity:.76}.v7-pipe-network.running .v7-pipe-main,.v7-pipe-network.running .v7-bypass-pipe{stroke-dasharray:24 10;animation:v7OilFlow 1.08s linear infinite}.v7-pipe-network.emergency .v7-pipe-main,.v7-pipe-network.emergency .v7-bypass-pipe{stroke:#793845;filter:none;animation:none}@keyframes v7OilFlow{to{stroke-dashoffset:-68}}.v7-main-pump{transform-box:fill-box;transform-origin:center}.v7-info-strip{fill:#08293de6;stroke:#40677f}.v7-legend-pipe{stroke:#ffbf3d;stroke-width:5}.v7-legend-control{stroke:#20cfff;stroke-width:2;stroke-dasharray:6 4}.v7-equipment-alarm>path:first-of-type,.v7-equipment-alarm>rect:first-of-type{stroke:#ff5267!important;filter:drop-shadow(0 0 8px rgba(255,64,86,.54))}.v7-badges .v7-badge{fill:#08283ef2;stroke:#23dbff;stroke-width:2}.v7-badges text{fill:#dffaff;font-size:9px;font-weight:700}@media(max-width:1580px){.process-overview-v7,.hmi-center-column .process-overview-v7{min-height:615px}.process-svg-v7{height:550px}}.page-overview .hmi-workspace{position:relative;overflow:hidden;padding-top:14px}.page-overview .hmi-workspace:before{content:"";position:absolute;left:0;right:0;top:0;height:360px;background:linear-gradient(180deg,#030a1038,#030a10b8 68%,#030a10eb),url(/assets/oil_station_panorama-DQj-Wn4x.svg);background-size:cover;background-position:center top;opacity:.88;pointer-events:none}.page-overview .hmi-workspace>*{position:relative;z-index:1}.overview-page{display:grid;gap:10px;padding:0 8px 10px}.overview-top-grid{display:grid;grid-template-columns:410px minmax(700px,1fr) 360px;gap:8px;align-items:start}.overview-bottom-grid{display:grid;grid-template-columns:minmax(520px,.95fr) minmax(760px,1.15fr);gap:10px;align-items:stretch}.overview-bottom-grid>*{min-width:0}.scene3d-panel{min-height:410px}.scene3d-panel .section-title small{margin-left:auto;color:#7ba5b7;font-size:11px;font-weight:400}.scene3d-body{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:10px 10px 0}.scene3d-toolbar{display:grid;gap:8px;align-content:start}.scene3d-tool{width:42px;height:42px;border:1px solid rgba(19,220,255,.24);background:linear-gradient(180deg,#0a2334f2,#05141ff2);color:#d9faff;font-size:16px}.scene3d-tool.active{border-color:#2be59d73;color:#5af2b3;box-shadow:inset 0 0 12px #2be59d1f}.scene3d-canvas-wrap{min-height:280px;border:1px solid rgba(19,220,255,.12);background:#04141f8c}.scene3d-canvas{display:block;width:100%;height:280px}.scene3d-route{stroke-dasharray:16 8;animation:sceneFlow 1.4s linear infinite}@keyframes sceneFlow{to{stroke-dashoffset:-96}}.scene-node{fill:#0d5c36;stroke:#3eff95;stroke-width:2;filter:drop-shadow(0 0 6px rgba(62,255,149,.5))}.scene-node.alarm{fill:#4a1e29;stroke:#ff5f74}.scene-node-ring{fill:none;stroke:#32ff963d;stroke-width:1.5}.scene-node-text{fill:#eaffff;font-size:9px;font-weight:700}.scene-node-label{fill:#95bac8;font-size:10px}.scene-tag{fill:#08202fe6;stroke:#13dcff40}.scene3d-canvas text{font-size:10px;fill:#dffaff}.scene3d-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px}.scene3d-summary-card{min-height:74px;padding:10px 14px;border:1px solid rgba(19,220,255,.14);background:#04121eb8}.scene3d-summary-card span{display:block;color:#8caebe;font-size:12px}.scene3d-summary-card strong{display:block;margin-top:8px;font-size:18px;color:#e7fbff}.process-overview-v8{min-height:560px}.process-svg-v8{display:block;width:100%;height:520px;margin-top:38px}.v8-pipe{fill:none;stroke:url(#v8pipe);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(98,255,149,.5))}.v8-process-flow.running .v8-pipe{stroke-dasharray:16 8;animation:v8PipeFlow 1.2s linear infinite}.v8-process-flow.emergency .v8-pipe{stroke:#6e3b45;filter:none;animation:none}@keyframes v8PipeFlow{to{stroke-dashoffset:-72}}.v8-rotor.spinning{transform-origin:88px 70px;animation:pumpSpin 1s linear infinite}.overview-wide-trend{min-height:410px}.overview-wide-trend .trend-chart{height:360px}@media(max-width:1600px){.overview-top-grid{grid-template-columns:350px minmax(600px,1fr) 330px}.overview-bottom-grid{grid-template-columns:1fr}}.page-overview .hmi-workspace{padding:10px 10px 6px;background:linear-gradient(180deg,#03101a,#041421 56%,#03101a)}.page-overview .hmi-workspace:before{display:none}.overview-page-v9{display:grid;gap:10px;width:100%;padding:0}.process-simulation-panel{overflow:hidden;min-height:610px;border-color:#19caff70;background:#04111c;box-shadow:0 12px 28px #0000005c,inset 0 0 0 1px #2ad6ff0d}.process-simulation-title{position:relative;z-index:4;min-height:42px;padding:0 14px;background:linear-gradient(90deg,#071f30f7,#061624d6);border-bottom:1px solid rgba(25,202,255,.2)}.process-simulation-title small{margin-left:auto;color:#82aebf;font-size:11px;font-weight:400}.process-photo-stage{position:relative;height:560px;overflow:hidden;background:#07131c}.process-photo-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.88) contrast(1.06) brightness(.72);transform:scale(1.01)}.process-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#020b1238,#020b1275 55%,#01080ea3),linear-gradient(90deg,rgba(0,12,22,.18),transparent 30%,transparent 70%,rgba(0,12,22,.22))}.process-photo-svg{position:absolute;inset:0;width:100%;height:100%}.photo-measure-cards rect{fill:#041c2ce0;stroke:#1bd2ff6b;stroke-width:1.2}.photo-measure-cards text:first-of-type{fill:#87afbe;font-size:11px}.photo-measure-cards text:last-of-type{fill:#e8fbff;font-size:15px;font-weight:700}.pipeline-base path{fill:none;stroke:#c4d2d9b8;stroke-width:17;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}.pipeline-medium path{fill:none;stroke:url(#pipeGreen);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.94;filter:url(#greenGlow)}.pipeline-medium path.heated{stroke:url(#pipeAmber)}.pipeline-medium.active path{stroke-dasharray:24 12;animation:v9OilPipeFlow 1.12s linear infinite}.process-photo-stage.emergency .pipeline-medium path{stroke:#6f3440;filter:none;animation:none}@keyframes v9OilPipeFlow{to{stroke-dashoffset:-72}}.oil-flow-beads circle{fill:#a8ffc1;filter:url(#greenGlow)}.oil-flow-beads circle.heated{fill:#ffe36f}.equipment-skid{fill:#06141ec2;stroke:#9fbcc9b3;stroke-width:1.5}.inlet-manifold{fill:#1a3745eb;stroke:#7ed9ee;stroke-width:2}.equipment-name{fill:#f0f8fb;font-size:12px;font-weight:700;paint-order:stroke;stroke:#000000a6;stroke-width:3px}.equipment-value{fill:#e7fbff;font-size:11px;font-weight:700}.equipment-status{fill:#6bff9d;font-size:10px}.equipment-readout{fill:#031622e6;stroke:#1fdaff57}.motor-body{fill:url(#pumpBody);stroke:#c8d4da;stroke-width:1.4}.motor-body.standby,.pump-body.standby{opacity:.6}.pump-body{fill:url(#pumpBody);stroke:#1fddff;stroke-width:2.5}.pump-impeller{fill:#26e4ff;filter:url(#greenGlow)}.pump-impeller.standby{fill:#758994;filter:none}.pump-assembly.rotating .pump-impeller{transform-box:fill-box;transform-origin:center;animation:v9PumpSpin .95s linear infinite}@keyframes v9PumpSpin{to{transform:rotate(360deg)}}.tank-window{fill:#07151feb;stroke:#deeff629}.alarm-level-line{stroke:#ff6775;stroke-width:2;stroke-dasharray:6 5}.setpoint-line{stroke:#ff6876;stroke-width:2;stroke-dasharray:6 5}.instrument-badge{fill:#0b415a;stroke:#25dcff;stroke-width:1.5}.instrument-text{fill:#e4fbff;font-size:9px;font-weight:700}.valve-body{fill:#07121bf2;stroke:#e5f6fb;stroke-width:2.3}.valve-stem{stroke:#25e1ff;stroke-width:2}.valve-actuator{fill:#28e5ff}.filter-bars{stroke:#38ebff;stroke-width:5;stroke-linecap:round}.heater-window{fill:#1a232aeb;stroke:#ffffff1f}.heater-flame.outer{fill:#ffc952;filter:url(#greenGlow)}.heater-flame.inner{fill:#ff4f5d}.controller-box{fill:#031826f2;stroke:#26dfff;stroke-width:1.5}.controller-title{fill:#e8fbff;font-size:13px;font-weight:700}.control-feedback-line{fill:none;stroke:#ffd13f;stroke-width:2;stroke-dasharray:8 6}.feedback-text{fill:#ffda5d;font-size:11px;font-weight:700}.legend-panel{fill:#03141fdb;stroke:#1bceff4d}.legend-flow{stroke:#5cff90;stroke-width:5}.legend-heated{stroke:#ffc64d;stroke-width:5}.legend-control{stroke:#ffcf3e;stroke-width:2;stroke-dasharray:7 5}.legend-running{fill:#32f58f}.legend-text{fill:#b9d2dc;font-size:10px}.overview-control-dock{display:grid;grid-template-columns:minmax(420px,1fr) auto minmax(250px,.52fr) minmax(330px,.72fr);gap:10px;align-items:center;min-height:66px;padding:8px 12px;background:linear-gradient(180deg,#061d2df7,#041420f7)}.dock-status{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}.dock-label{color:#7fa7b7;font-size:11px}.dock-status b{color:#e8fbff;font-size:12px}.dock-status b.warning{color:#ffd268}.dock-status b.danger{color:#ff7889}.dock-status b.ok{color:#58f2aa}.dock-divider{width:1px;height:24px;background:#1ed2ff2e}.dock-actions{display:flex;gap:7px}.dock-button,.dock-field button{min-height:36px;border:1px solid rgba(29,205,255,.32);color:#effcff;font-weight:700}.dock-button{min-width:68px;background:#092b40f0}.dock-button.start{background:linear-gradient(180deg,#1688bf,#0a5f8f)}.dock-button.pause{background:linear-gradient(180deg,#896118,#66470d)}.dock-button.reset{background:linear-gradient(180deg,#ad2537,#781421)}.dock-button.emergency{background:linear-gradient(180deg,#8e0b1d,#590611)}.dock-field{display:grid;grid-template-columns:auto minmax(0,1fr) 58px;gap:7px;align-items:center}.dock-field span{color:#9cc0ce;font-size:11px}.dock-field input,.dock-field select{width:100%;min-width:0;height:36px;padding:0 9px;color:#e9fbff;border:1px solid rgba(29,205,255,.25);background:#02101bf2}.overview-v9-lower-grid{display:grid;grid-template-columns:minmax(430px,.82fr) minmax(500px,.98fr) minmax(460px,.85fr);gap:10px;align-items:stretch}.overview-v9-lower-grid>.panel-box{min-width:0;min-height:390px}.overview-v9-lower-grid .scene3d-panel{min-height:390px}.overview-v9-lower-grid .scene3d-canvas,.overview-v9-lower-grid .scene3d-canvas-wrap{height:248px;min-height:248px}.overview-v9-lower-grid .scene3d-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-v9-lower-grid .scene3d-summary-card{min-height:62px;padding:8px 10px}.overview-v9-lower-grid .scene3d-summary-card strong{font-size:15px}.overview-v9-lower-grid .trend-chart{height:325px}.equipment-status-panel{overflow:hidden}.section-link-button{margin-left:auto;min-width:82px;height:28px;color:#8eeaff;border:1px solid rgba(30,215,255,.28);background:#072437db}.equipment-table-head,.equipment-table-row{display:grid;grid-template-columns:1.15fr .64fr .62fr 1.35fr 58px;gap:7px;align-items:center;min-height:35px;padding:0 10px;font-size:10px}.equipment-table-head{color:#779dab;background:#051c2ce0;border-bottom:1px solid rgba(27,208,255,.14)}.equipment-table-row{color:#9bbac6;border-bottom:1px solid rgba(27,208,255,.08)}.equipment-table-row:hover{background:#0d384f59}.equipment-table-row strong{color:#d9f3fa;font-size:10px}.equipment-table-row em{font-style:normal;font-weight:700}.equipment-table-row em.ok{color:#46e79d}.equipment-table-row em.warning{color:#ffd166}.equipment-table-row em.danger{color:#ff6f80}.equipment-table-row em.info{color:#61cfe9}.equipment-table-row button{min-height:24px;color:#b7effd;border:1px solid rgba(32,207,255,.3);background:#0a3c5a;font-size:10px}.alarm-summary-bar{display:grid;grid-template-columns:110px repeat(4,minmax(135px,auto)) minmax(220px,1fr) 72px;gap:10px;align-items:center;min-height:68px;padding:9px 14px}.alarm-summary-title{font-size:15px;color:#e7fbff}.alarm-pill{display:grid;grid-template-columns:26px 1fr 24px;gap:7px;align-items:center;min-height:42px;padding:0 10px;border:1px solid rgba(29,204,255,.1);background:#082233db}.alarm-pill span{font-size:16px;text-align:center}.alarm-pill b{font-size:11px;color:#bdd7e1}.alarm-pill em{font-style:normal;font-size:15px;font-weight:700;text-align:center}.alarm-pill.danger span,.alarm-pill.danger em{color:#ff5c70}.alarm-pill.warning span,.alarm-pill.warning em{color:#ffc952}.alarm-pill.info span,.alarm-pill.info em{color:#49dfff}.alarm-system-time{justify-self:end;color:#6f99a9;font-size:11px}.alarm-more-button{height:36px;color:#c8e9f2;border:1px solid rgba(29,204,255,.2);background:#082435e6}@media(max-width:1660px){.process-photo-stage{height:520px}.process-simulation-panel{min-height:570px}.overview-control-dock{grid-template-columns:1fr auto}.dock-field{grid-row:2}.overview-v9-lower-grid{grid-template-columns:1fr 1fr}.equipment-status-panel{grid-column:1 / -1}}.real-equipment-title{fill:#ecfbff;font-size:14px;font-weight:700;paint-order:stroke;stroke:#020b12eb;stroke-width:4px}.real-equipment-frame{fill:#05162299;stroke:#63c1dc5c;stroke-width:1.5px}.real-pump-image,.real-valve-image,.real-tank-image,.real-process-equipment-image{filter:drop-shadow(0 5px 7px rgba(0,0,0,.55)) saturate(.95) contrast(1.05)}.real-pump-skid.stopped .real-pump-image,.real-pump-skid.standby .real-pump-image,.real-equipment-image-group.stopped .real-process-equipment-image{filter:drop-shadow(0 4px 6px rgba(0,0,0,.55)) saturate(.45) brightness(.7)}.real-pump-state-border{fill:none;stroke:#5b94a966;stroke-width:1.5px}.real-pump-skid.running .real-pump-state-border{stroke:#28e79c;filter:drop-shadow(0 0 7px rgba(40,231,156,.65))}.real-pump-skid.alarm .real-pump-state-border,.real-equipment-image-group.alarm .real-equipment-frame{stroke:#ff536a;animation:equipmentAlarmFlash .8s ease-in-out infinite}.equipment-status-lamp-back{fill:#030f19eb;stroke:#cff0f847}.equipment-status-lamp{fill:#61727c}.real-pump-skid.running .equipment-status-lamp{fill:#31f0a4;filter:drop-shadow(0 0 8px #31f0a4);animation:equipmentLampPulse 1.1s ease-in-out infinite}.real-pump-skid.standby .equipment-status-lamp{fill:#f2bd42}.real-pump-skid.alarm .equipment-status-lamp{fill:#ff5267;filter:drop-shadow(0 0 8px #ff5267)}.pump-outlet-pulse circle:first-child{fill:#5affaa;filter:drop-shadow(0 0 7px #5affaa)}.pump-outlet-pulse .pulse-ring{fill:none;stroke:#5affaabf;stroke-width:2px;animation:outletPulse 1.1s ease-out infinite}.real-equipment-readout{fill:#041622f0;stroke:#18d0f957;stroke-width:1px}.real-equipment-value{fill:#eaffff;font-size:13px;font-weight:700}.real-equipment-state{fill:#79afc0;font-size:10px}.real-pump-skid.running .real-equipment-state,.real-equipment-image-group.running .real-equipment-state{fill:#5df1ad}.real-pump-skid.alarm .real-equipment-state,.real-equipment-image-group.alarm .real-equipment-state{fill:#ff8392}.real-valve.closed .real-valve-image{filter:grayscale(.65) brightness(.66) drop-shadow(0 4px 6px rgba(0,0,0,.55))}.real-valve.open .real-valve-image{filter:drop-shadow(0 5px 7px rgba(0,0,0,.58)) saturate(1.02)}.real-valve.alarm .real-equipment-frame{stroke:#ff5267;animation:equipmentAlarmFlash .8s ease-in-out infinite}.valve-position-track{fill:#04141feb;stroke:#629db366}.valve-position-fill{fill:#34e69d;filter:drop-shadow(0 0 4px rgba(52,230,157,.65));transition:y .4s ease,height .4s ease}.real-valve.alarm .valve-position-fill{fill:#ff5267}.tank-level-track{fill:#03121df0;stroke:#78b3c77a}.tank-level-fill{transition:y .5s ease,height .5s ease;filter:drop-shadow(0 0 5px rgba(58,241,160,.42))}.tank-target-line{stroke:#ff6173;stroke-width:2px;stroke-dasharray:5 4}.real-tank.alarm .real-tank-image{filter:drop-shadow(0 0 10px rgba(255,65,86,.75)) saturate(.85)}.real-equipment-image-group.running .real-equipment-frame{stroke:#37e5a07a;filter:drop-shadow(0 0 6px rgba(55,229,160,.22))}@keyframes equipmentLampPulse{0%,to{opacity:.62}50%{opacity:1}}@keyframes outletPulse{0%{r:8px;opacity:.9}to{r:20px;opacity:0}}@keyframes equipmentAlarmFlash{0%,to{opacity:.65}50%{opacity:1}}