:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#2f3349;background:#f3f4f7;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.product-shell{--sidebar: #20243a;--sidebar2: #292e46;--paper: #fff;--body: #f3f4f7;--ink: #2f3349;--muted: #768096;--line: #d8dbe0;--accent: #3399ff;--soft: #eef5ff;display:flex;min-height:100vh;color:var(--ink);background:var(--body)}.theme-dark{--paper: #25293d;--body: #1d2030;--ink: #eef0f7;--muted: #a7adbd;--line: #3b4055;--soft: #29384d}.theme-dark .workspace{background:#111624}.theme-dark .header-status{color:#76d99b;background:#183a2a;border-color:#2b6549}.theme-dark .product-footer{background:#20243a;border-top-color:#3b4055}.theme-dark .product-header,.theme-dark .view-bar,.theme-dark .breadcrumb{background:#20242d}.theme-dark .view-tabs button{color:#aeb6c2}.theme-dark .view-tabs button.active{color:#fff;border-bottom-color:#39f}.product-sidebar{position:relative;z-index:30;display:flex;flex:0 0 252px;flex-direction:column;width:252px;height:100vh;color:#d9dbe7;background:linear-gradient(180deg,var(--sidebar),#191c2e);border-right:1px solid #373c54;transition:width .22s,flex-basis .22s}.product-sidebar.collapsed{flex-basis:72px;width:72px}.sidebar-brand{display:flex;align-items:center;justify-content:center;height:58px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.09);white-space:nowrap}.brand-full{font-size:20px;font-weight:400;letter-spacing:.3px}.brand-full b{color:#4ba7ff}.brand-full em{margin-left:7px;padding:3px 5px;color:#9fa8c5;font-size:9px;font-style:normal;letter-spacing:1px;border:1px solid #4f5670;border-radius:3px}.brand-short{display:none;font-size:17px;font-weight:800;color:#56aaff}.collapsed .brand-full,.collapsed .tree-search input,.collapsed .tree-root-label,.collapsed .tree-sector-title b,.collapsed .tree-page span:not(.tree-corner),.collapsed .tree-page i,.collapsed .sidebar-foot div{display:none}.collapsed .brand-short{display:block}.mobile-close{display:none;color:#fff;background:transparent;border:0;font-size:24px}.tree-search{display:flex;align-items:center;gap:8px;margin:13px 11px 9px;padding:8px 10px;color:#8f98b5;background:#171a2b;border:1px solid #34394f;border-radius:5px}.tree-search input{min-width:0;width:100%;color:#eef0f6;background:transparent;border:0;outline:0;font-size:12px}.tree-search input::placeholder{color:#717a98}.collapsed .tree-search{justify-content:center;padding:9px;margin-inline:12px}.tree-scroll{flex:1;overflow:auto;padding:4px 9px 18px}.tree-scroll::-webkit-scrollbar{width:5px}.tree-scroll::-webkit-scrollbar-thumb{background:#454b65;border-radius:5px}.tree-root-label{margin:9px 9px 12px;color:#77809c;font-size:10px;font-weight:700;letter-spacing:1.2px}.tree-sector{margin-bottom:11px}.tree-sector-title{display:flex;align-items:center;gap:8px;padding:7px 8px;color:#e5e7ef;font-size:12px}.sector-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 3px #ffffff0a}.tree-branch{position:relative;margin-left:14px;padding-left:10px;border-left:1px solid #3a4058}.tree-page{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-height:34px;margin:2px 0;padding:7px 9px;color:#aeb4c9;text-align:left;background:transparent;border:0;border-radius:4px;font-size:11.5px}.tree-page:hover{color:#fff;background:#2d324a}.tree-page.active{color:#fff;background:linear-gradient(90deg,#285f94,#26354e);box-shadow:inset 3px 0 #4ca8ff}.tree-page i{width:6px;height:6px;margin-left:auto;background:#2eb85c;border-radius:50%;box-shadow:0 0 0 3px #2eb85c24}.tree-corner{color:#525a75;font-family:monospace}.collapsed .tree-branch{margin-left:0;padding-left:0;border-left:0}.collapsed .tree-sector-title,.collapsed .tree-page{justify-content:center}.sidebar-foot{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 15px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot b{font-size:11px}.sidebar-foot small{margin-top:3px;color:#838ca8;font-size:9px}.connection-dot{display:inline-block;width:8px;height:8px;background:#2eb85c;border-radius:50%;box-shadow:0 0 0 4px #2eb85c21}.product-main{display:flex;flex:1;flex-direction:column;min-width:0;height:100vh}.product-header{position:relative;z-index:20;background:var(--paper);box-shadow:0 1px 3px #1f23371a}.header-main{display:flex;align-items:center;height:57px;padding:0 20px;border-bottom:1px solid var(--line)}.header-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;color:var(--muted);background:transparent;border:0;border-radius:5px}.header-icon:hover{color:var(--ink);background:var(--body)}.top-nav{display:flex;align-items:stretch;height:100%;margin-left:16px;gap:3px}.top-nav button{display:flex;align-items:center;gap:7px;padding:0 13px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px}.top-nav button:hover,.top-nav button.active{color:var(--ink)}.top-nav button.active{border-bottom-color:var(--accent)}.nav-count{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;color:#fff;background:#e55353;border-radius:10px;font-size:9px}.down{font-size:15px}.header-spacer{flex:1}.header-status{display:flex;align-items:center;gap:7px;margin-right:12px;padding:5px 9px;color:#218646;background:#ebf8ef;border:1px solid #c8ecd4;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.8px}.header-status span{width:6px;height:6px;background:#2eb85c;border-radius:50%;animation:pulse 1.8s infinite}.header-status small{padding-left:5px;color:currentColor;border-left:1px solid currentColor;font-size:8px;font-weight:700;letter-spacing:0;opacity:.75}.alarm-button i{position:absolute;top:3px;right:2px;display:grid;place-items:center;width:16px;height:16px;color:#fff;background:#e55353;border:2px solid var(--paper);border-radius:50%;font-size:8px;font-style:normal}.network-button i{position:absolute;top:7px;right:6px;width:7px;height:7px;background:#2eb85c;border:1px solid var(--paper);border-radius:50%}.avatar{display:grid;place-items:center;width:35px;height:35px;margin-left:10px;color:#fff;background:linear-gradient(135deg,#376ca2,#223a64);border-radius:50%;font-size:11px;font-weight:800}.breadcrumb{display:flex;align-items:center;gap:9px;height:34px;padding:0 25px;color:var(--muted);font-size:10px}.breadcrumb i{font-style:normal;color:#bcc1cc}.breadcrumb b{color:var(--ink);font-weight:600}.view-bar{display:flex;align-items:center;min-height:40px;padding:0 13px;background:var(--paper);border-bottom:1px solid var(--line)}.view-tabs{display:flex;align-self:stretch}.view-tabs button{min-width:72px;padding:0 15px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px}.view-tabs button:hover,.view-tabs button.active{color:var(--ink)}.view-tabs button.active{font-weight:700;border-bottom-color:var(--accent)}.selected-node{margin-left:auto;color:var(--muted);font-size:10px;font-weight:600}.selected-node .connection-dot{margin-right:7px;width:6px;height:6px}.alarm-summary{display:flex;align-items:center;gap:5px;margin-left:16px;padding:5px 9px;color:#c34040;background:#fff2f2;border:1px solid #f4cccc;border-radius:4px;font-size:9px}.expand-button{display:grid;place-items:center;width:29px;height:28px;margin-left:6px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:4px}.workspace{position:relative;flex:1;min-height:0;overflow:hidden;background:#e9edf0}.table-panel,.chart-panel{height:100%;overflow:auto;padding:18px;background:var(--body)}.table-toolbar{display:flex;align-items:center;min-height:50px;padding:8px 13px;background:var(--paper);border:1px solid var(--line);border-radius:5px 5px 0 0}.table-toolbar>div{display:flex;flex:1;flex-direction:column}.table-toolbar b{font-size:13px}.table-toolbar span{margin-top:2px;color:var(--muted);font-size:9px}.table-toolbar button{padding:6px 10px;color:#fff;background:#3b82f6;border:1px solid #3b82f6;font-size:9px}.table-toolbar button.muted{color:var(--muted);background:var(--paper);border-color:var(--line)}.data-table{background:var(--paper);border:1px solid var(--line);border-top:0}.data-row{display:grid;grid-template-columns:1.4fr 1.4fr .7fr .55fr .55fr;align-items:center;min-height:40px;padding:0 14px;border-bottom:1px solid var(--line);font-size:10px}.data-row:last-child{border-bottom:0}.data-row.head{min-height:34px;color:var(--muted);background:var(--body);font-size:9px;font-weight:700;text-transform:uppercase}.data-row code{color:#4585c7;font-size:9px}.data-row small{color:var(--muted)}.quality-good{color:#238247}.quality-good i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#2eb85c;border-radius:50%}.chart-controls{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px;padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.chart-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9px}.chart-controls input,.chart-controls select{min-width:170px;padding:7px 9px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:10px}.chart-controls button{padding:8px 19px;color:#fff;background:#3b82f6;border:0;border-radius:4px;font-size:10px}.trend-card{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.trend-head{display:flex;align-items:flex-start}.trend-head>div{display:flex;flex:1;flex-direction:column}.trend-head b{font-size:13px}.trend-head span{margin-top:3px;color:var(--muted);font-size:9px}.trend-head strong{font-size:22px}.trend-head small{color:var(--muted);font-size:10px}.trend-card svg{width:100%;height:330px;margin-top:16px;overflow:visible}.trend-card svg line{stroke:var(--line);stroke-width:1}.trend-card svg polyline{fill:none;stroke:#3b82f6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.product-footer{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 15px;color:var(--muted);background:var(--paper);border-top:1px solid var(--line);font-size:8.5px}.alarm-drawer{position:fixed;z-index:80;top:0;right:0;width:360px;height:100vh;padding:15px;color:var(--ink);background:var(--paper);box-shadow:-12px 0 40px #15192638;animation:slideIn .25s ease}.drawer-head{display:flex;align-items:center;padding:8px 5px 17px;border-bottom:1px solid var(--line)}.drawer-head>div{display:flex;flex:1;flex-direction:column}.drawer-head b{font-size:14px}.drawer-head span{margin-top:3px;color:var(--muted);font-size:9px}.drawer-head button{color:var(--muted);background:transparent;border:0;font-size:24px}.alarm-drawer article{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;padding:14px 5px;border-bottom:1px solid var(--line)}.alarm-drawer article>i{width:8px;height:8px;border-radius:50%}.alarm-drawer .high{background:#e55353}.alarm-drawer .medium{background:#f9b115}.alarm-drawer .info{background:#39f}.alarm-drawer article div{display:flex;flex-direction:column}.alarm-drawer article b{font-size:10px}.alarm-drawer article span{margin-top:4px;color:var(--muted);font-size:8px}.alarm-drawer article button{padding:5px 7px;color:#3b82f6;background:transparent;border:1px solid #b9d8f7;border-radius:3px;font-size:8px}.alarm-empty{margin:18px 5px;color:var(--muted);font-size:11px;line-height:1.55}.sector-dot.cyan{background:#22d3ee}.reference-pid-page{height:100%;overflow:auto;padding:24px;color:#eaf2fb;background:#0c1320}.reference-pid-head{display:flex;align-items:flex-start;justify-content:space-between;max-width:1440px;margin:0 auto 18px}.reference-pid-head span,.reference-pid-head p{color:#91a1b7;font-size:10px}.reference-pid-head span{font-weight:800;letter-spacing:1.2px}.reference-pid-head h1{margin:5px 0;font-size:26px}.reference-pid-head p{margin:0}.reference-live{display:flex;align-items:center;gap:7px;padding:8px 11px;color:#7be9ae;background:#23864726;border:1px solid rgba(81,207,132,.35);border-radius:4px;font-size:10px;font-weight:800}.reference-live i,.reference-data-card footer i{width:7px;height:7px;background:#48db7d;border-radius:50%;box-shadow:0 0 9px #48db7d}.reference-live small{color:#b2c5d9}.reference-pid-stage{position:relative;display:grid;grid-template-columns:minmax(380px,.96fr) minmax(600px,1.45fr);gap:28px;align-items:center;min-height:650px;max-width:1440px;margin:auto;padding:44px;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(55,184,255,.12),transparent 30%),linear-gradient(135deg,#182738,#101a27 58%,#0c1320);border:1px solid #2b3d53}.reference-pid-stage:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(149,177,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(149,177,207,.035) 1px,transparent 1px);background-size:30px 30px}.reference-pid-stage.photo-pid,.reference-pid-stage.plant-pid,.reference-pid-stage.economizer-pid{display:block;flex:0 0 1900px;box-sizing:border-box;width:1900px;min-width:1900px;max-width:none;height:780px;min-height:780px;margin:0;padding:0;overflow:hidden;background-color:#e5ebed;background-position:0 0;background-size:1900px 780px;background-repeat:no-repeat}.reference-data-card,.reference-process-map,.reference-brand{position:relative;z-index:1}.reference-brand{position:absolute;top:30px;left:42px;padding:8px 14px;color:#20242d;background:#fffc;border:1px solid rgba(76,96,109,.18);font-size:28px;font-weight:300;letter-spacing:.2px}.reference-brand b{color:#268ee2}.reference-brand span{margin-left:8px;color:#627386;font-size:10px;font-weight:800;letter-spacing:1px;vertical-align:middle}.reference-data-card{overflow:hidden;background:#05080c;border:2px solid #a9bd33;box-shadow:0 12px 35px #00000059}.reference-data-card header{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;color:#243d91;background:#f4f1da;border-bottom:3px solid #111;font-family:Arial,sans-serif;font-size:14px;font-weight:900}.reference-data-card header span{font-size:13px}.reference-reading-grid{display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:5px}.reference-reading-grid div{display:grid;grid-template-columns:1.12fr 1fr;min-height:34px;border:1px solid #be3737}.reference-reading-grid span{display:flex;align-items:center;padding:0 8px;color:#091118;background:#5bb1cf;font-size:11px;font-weight:800}.reference-reading-grid strong{display:flex;align-items:center;justify-content:center;color:#fff925;font-size:11px}.reference-data-card footer{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}.reference-data-card footer b{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;color:#f0f3f7;background:#4b5665;font-size:10px}.reference-data-card footer b:first-child{background:#2f7e38}.reference-data-card footer b:last-child{background:#21654f}.reference-process-map{min-height:500px;border-left:1px dashed rgba(132,162,193,.35)}.process-chip,.process-machine,.process-pump-group,.process-load,.process-tower,.process-tank{position:absolute;box-sizing:border-box}.process-chip{top:18%;left:3%;display:flex;flex-direction:column;padding:13px;min-width:116px;background:#17283a;border:1px solid #4f6b86}.process-chip small,.process-load small{color:#8296aa;font-size:9px}.process-chip b{margin:4px 0;color:#8de4ff;font-size:19px}.process-chip span{color:#b4c6d8;font-size:10px}.process-pipe{position:absolute;height:11px;background:#2b3c4f;border:2px solid #637e98}.pipe-top{top:34%;left:17%;width:48%}.pipe-bottom{top:62%;left:17%;width:66%}.process-pipe:after{position:absolute;top:-7px;right:8px;content:"››";color:#54b8ff;font-size:25px;font-weight:900}.pipe-bottom:after{color:#f66;transform:rotate(180deg)}.process-machine{top:38%;left:24%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:185px;height:144px;color:#e5eef8;background:linear-gradient(145deg,#7f92a4,#344454);border:4px solid #c2d0dd;border-radius:18px;box-shadow:inset 0 0 25px #101821,0 12px 28px #0000004d}.machine-wheel{display:grid;place-items:center;width:48px;height:48px;margin-bottom:8px;color:#91eaff;background:#172430;border:3px solid #c7d6e2;border-radius:50%;font-size:24px}.process-machine b{font-size:13px}.process-machine small{margin-top:4px;color:#cbd8e6;font-size:9px}.process-machine i{margin-top:7px;color:#7dff95;font-size:10px;font-style:normal;font-weight:900}.process-pump-group{top:31%;right:5%;display:grid;grid-template-columns:repeat(3,44px);gap:10px;padding:18px 14px 35px;background:#162433;border:2px solid #536e87}.process-pump-group span{position:relative;display:grid;place-items:center;width:42px;height:42px;color:#cce1f5;background:#3f5368;border:3px solid #a7bdcf;border-radius:50%;font-size:11px;font-weight:900;overflow:visible}.process-pump-group img{width:100%;height:100%;object-fit:contain;border-radius:50%}.process-pump-group em{position:absolute;right:-5px;bottom:-6px;display:grid;width:18px;height:18px;place-items:center;color:#fff;background:#1c2730;border-radius:2px;font-size:8px;font-style:normal;line-height:1}.process-pump-group .stopped{filter:grayscale(1);opacity:.72}.process-pump-group b{position:absolute;right:0;bottom:10px;left:0;color:#a8bdd0;font-size:9px;text-align:center}.process-load{right:3%;bottom:14%;display:flex;align-items:flex-end;flex-direction:column;padding:12px;color:#eaf2fb;background:#122031;border:1px solid #55758f}.process-load span{color:#86a3ba;font-size:9px;font-weight:800}.process-load b{margin:4px 0;color:#ffe951;font-size:20px}.pipe-label{position:absolute;padding:6px 9px;color:#ffe951;background:#05080c;border:1px solid #37485c;font-size:10px;font-weight:800}.return-label{right:12%;bottom:30%}.supply-label{right:18%;bottom:5%}.process-tower{top:8%;right:8%;display:grid;grid-template-columns:repeat(2,45px);gap:10px;padding:14px 14px 38px;background:#1e3345;border:2px solid #8ba5b9}.process-tower img{width:45px;height:45px;object-fit:contain;border:4px solid #a4becf;border-radius:50%}.process-tower b,.process-tower small{position:absolute;right:0;left:0;text-align:center}.process-tower b{bottom:18px;font-size:9px}.process-tower small{bottom:7px;color:#90a9c0;font-size:8px}.process-tank{top:10%;right:9%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:145px;height:170px;background:linear-gradient(90deg,#364d61 0,#364d61 42%,#3db0d2 42%,#3db0d2 58%,#364d61 58%);border:5px solid #b2c4d3;border-radius:70px 70px 16px 16px}.process-tank i{width:58px;height:58px;background:#69dcff;border-radius:50%;box-shadow:0 0 22px #69dcff}.process-tank b{margin-top:11px;font-size:10px}.process-tank small{margin-top:4px;color:#d5e8f7;font-size:8px}.tower-reference-layout{position:relative;min-height:560px;margin-top:58px;overflow:hidden;border-left:1px dashed rgba(40,55,65,.23);background:linear-gradient(145deg,#f6f9fac2,#cfdadf59)}.tower-layout-title{position:absolute;top:16px;left:28px;display:flex;flex-direction:column;gap:3px;color:#263d49;font-size:10px;font-weight:900;letter-spacing:.8px}.tower-layout-title span{color:#377aa7;font-size:13px}.tower-plant-line{position:absolute;right:52px;left:48px;height:13px;background:#495359;border:2px solid #252c31}.tower-plant-line:after{position:absolute;top:-9px;right:10%;content:"››";color:#257cff;font-size:33px;font-weight:900}.tower-plant-line-top{top:282px}.tower-plant-line-bottom{top:412px}.tower-plant-line-bottom:after{color:#ed3333;transform:rotate(180deg)}.tower-bank{position:absolute;top:72px;right:25px;left:26px;display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:12px}.tower-unit{position:relative;min-height:148px;overflow:hidden;background:#f3f6f7;border:2px solid #6c8899;box-shadow:0 6px 15px #2d424e29}.tower-unit:after{position:absolute;right:22%;bottom:-27px;width:0;height:30px;border-right:8px solid #383f44;content:""}.tower-unit header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;color:#fff;background:#263d4c;font-size:10px;font-weight:900}.tower-unit header i{padding:2px 4px;color:#eaffe6;background:#268644;font-size:8px;font-style:normal}.tower-unit header .standby{color:#28343b;background:#e3b83c}.tower-fan-pair{display:flex;justify-content:center;gap:12px;padding:13px 8px 5px}.tower-fan-pair img{width:42px;height:42px;object-fit:contain;border:3px solid #5e7989;border-radius:50%}.tower-unit footer{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 8px;color:#243743;border-top:1px solid #c2d1d7}.tower-unit footer b{color:#1d5a86;font-size:11px}.tower-unit footer small{max-width:70px;color:#617886;font-size:8px;text-align:right}.tower-chiller{position:absolute;bottom:35px;left:8%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:215px;height:145px;color:#27323b;background:linear-gradient(145deg,#e7ecee,#84959d);border:4px solid #cfdbdf;border-radius:16px;box-shadow:inset 0 0 25px #627580,0 8px 18px #28374033}.tower-chiller-wheel{display:grid;width:42px;height:42px;place-items:center;color:#28627f;background:#f6f8f9;border:3px solid #536a78;border-radius:50%;font-size:21px}.tower-chiller b{margin-top:6px;font-size:12px}.tower-chiller small{color:#435966;font-size:9px}.tower-chiller i{margin-top:4px;color:#227b39;font-size:9px;font-style:normal;font-weight:900}.tower-pump-station{position:absolute;right:11%;bottom:40px;display:grid;grid-template-columns:repeat(3,52px);gap:16px;padding:18px 17px 36px;background:#eef3f5;border:2px solid #536d7d}.tower-pump-station span{position:relative;display:grid;width:50px;height:50px;place-items:center;overflow:visible;background:#c9d5db;border:3px solid #4f626e;border-radius:50%}.tower-pump-station span.stopped{filter:grayscale(1);opacity:.72}.tower-pump-station img{width:100%;height:100%;border-radius:50%;object-fit:contain}.tower-pump-station em{position:absolute;right:-8px;bottom:-7px;padding:3px 4px;color:#fff;background:#273842;border-radius:2px;font-size:8px;font-style:normal}.tower-pump-station>b{position:absolute;right:0;bottom:11px;left:0;color:#344a56;font-size:9px;text-align:center}.tower-tag-rack{position:absolute;right:22px;bottom:212px;display:grid;grid-template-columns:repeat(2,134px);gap:5px}.tower-tag-rack span{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:26px;padding:0 6px;color:#d5edf7;background:#111518;border:1px solid #8e3131}.tower-tag-rack b{color:#86bed4;font-size:8px}.tower-tag-rack i{color:#ffff2a;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}.tower-line-label{position:absolute;right:0;padding:4px 8px;color:#fff;background:#111;font-size:9px;font-weight:900}.tower-line-label.supply{top:272px}.tower-line-label.return{top:401px}.recovery-reference-layout{position:relative;min-height:560px;margin-top:58px;overflow:hidden;border-left:1px dashed rgba(40,55,65,.23);background:linear-gradient(145deg,#f5f8f9cc,#cddae073)}.recovery-layout-title{position:absolute;top:16px;left:28px;display:flex;flex-direction:column;gap:3px;color:#2f4653;font-size:10px;font-weight:900;letter-spacing:.8px}.recovery-layout-title span{color:#377aa7;font-size:13px}.recovery-loop{position:absolute;left:14%;width:65%;height:92px;border:12px solid #4c585e;border-left:0;border-radius:0 12px 12px 0}.recovery-loop:before{position:absolute;left:15%;bottom:-8px;content:"››";color:#227dff;font-size:31px;font-weight:900}.recovery-loop:after{position:absolute;top:-12px;right:14%;content:"‹‹";color:#ef3333;font-size:31px;font-weight:900}.loop-one{top:120px}.loop-two{top:254px}.loop-three{top:388px}.recovery-source,.recovery-machine,.recovery-buffer,.recovery-pump-bank,.recovery-output{position:absolute;box-sizing:border-box}.recovery-source{top:225px;left:7%;display:flex;align-items:center;flex-direction:column;width:126px;height:184px;padding:14px 8px;color:#2e4754;background:linear-gradient(90deg,#8da5b0 0,#8da5b0 30%,#5dc6e4 30%,#5dc6e4 70%,#8da5b0 70%);border:5px solid #708b98;border-radius:58px 58px 14px 14px}.recovery-source i,.recovery-buffer i{width:42px;height:42px;background:#ebfcffc7;border:2px solid #4a7587;border-radius:50%}.recovery-source b,.recovery-buffer b{margin-top:10px;font-size:10px;text-align:center}.recovery-source small,.recovery-buffer small{margin-top:3px;font-size:8px}.recovery-source strong,.recovery-buffer strong{margin-top:9px;color:#0f4f75;font-size:10px}.recovery-machine{top:278px;left:34%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:174px;height:128px;color:#2b3942;background:linear-gradient(145deg,#e8edef,#879ba5);border:4px solid #cad8dd;border-radius:15px;box-shadow:inset 0 0 24px #647782,0 8px 18px #2b3c4633}.recovery-machine span{display:grid;width:40px;height:40px;place-items:center;color:#215e7f;background:#f6f9fa;border:3px solid #536a78;border-radius:50%;font-size:19px}.recovery-machine b{margin-top:5px;font-size:12px}.recovery-machine small{color:#425864;font-size:8px}.recovery-machine i{margin-top:4px;color:#21793a;font-size:9px;font-style:normal;font-weight:900}.recovery-buffer{top:224px;left:61%;display:flex;align-items:center;flex-direction:column;width:130px;height:188px;padding:14px 8px;color:#2e4754;background:linear-gradient(90deg,#8399a4 0,#8399a4 39%,#72cae2 39%,#72cae2 61%,#8399a4 61%);border:5px solid #708b98;border-radius:58px 58px 14px 14px}.recovery-pump-bank{bottom:35px;left:39%;display:grid;grid-template-columns:repeat(3,48px);gap:14px;padding:14px 14px 35px;background:#eef3f5;border:2px solid #536d7d}.recovery-pump-bank span{position:relative;width:46px;height:46px;border:3px solid #4f626e;border-radius:50%}.recovery-pump-bank img{width:100%;height:100%;object-fit:contain;border-radius:50%}.recovery-pump-bank .stopped{filter:grayscale(1);opacity:.7}.recovery-pump-bank em{position:absolute;right:-6px;bottom:-7px;padding:3px;color:#fff;background:#273842;border-radius:2px;font-size:7px;font-style:normal}.recovery-pump-bank>b{position:absolute;right:0;bottom:11px;left:0;color:#344a56;font-size:8px;text-align:center}.recovery-value-rail{position:absolute;top:70px;right:20px;display:grid;grid-template-columns:repeat(2,118px);gap:5px}.recovery-value-rail article{display:flex;flex-direction:column;justify-content:center;min-height:42px;padding:4px 7px;color:#d7eff8;background:#15537e;border:1px solid #0f3856}.recovery-value-rail b{overflow:hidden;color:#b6d4e3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.recovery-value-rail span{margin-top:2px;color:#fff;font-size:11px;font-weight:900}.recovery-output{right:20px;bottom:68px;display:flex;align-items:flex-end;flex-direction:column;padding:11px;color:#273f4c;background:#f5f8f9;border:2px solid #718b98}.recovery-output b{color:#2b6386;font-size:11px}.recovery-output span{margin-top:4px;color:#67808f;font-size:8px}.recovery-output strong{margin:3px 0;color:#d08e00;font-size:17px}.recovery-output small{color:#5e7480;font-size:8px}.calmetre-data-card{width:min(448px,100%);border-width:3px}.calmetre-data-card header{gap:4px;padding:8px;font-size:15px}.calmetre-data-card header span{font-size:11px}.calmetre-data-card .reference-reading-grid{padding:5px;gap:3px}.calmetre-data-card .reference-reading-grid div{min-height:28px;grid-template-columns:1.24fr 1fr}.calmetre-data-card .reference-reading-grid span{padding:0 6px;font-size:9px}.calmetre-data-card .reference-reading-grid strong{font-size:10px}.calmetre-data-card footer{padding:5px;gap:3px}.calmetre-data-card footer b{min-height:27px;padding:0 3px;font-size:8px;text-align:center}.economizer-reference-layout{position:relative;align-self:stretch;min-height:560px;margin-top:60px;overflow:hidden;border-left:1px dashed rgba(42,57,66,.28);background:linear-gradient(142deg,#f8fafae6,#c9d7dd8c)}.economizer-reference-layout:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.4;background-image:linear-gradient(rgba(81,104,116,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(81,104,116,.12) 1px,transparent 1px);background-size:38px 38px}.economizer-stack,.economizer-unit,.economizer-water-line,.economizer-pump-bank,.economizer-output,.economizer-flow-note{position:absolute;z-index:1;box-sizing:border-box}.economizer-stack{top:48px;left:18%;display:flex;align-items:center;flex-direction:column;width:112px;height:340px;padding-top:33px;color:#394651;background:linear-gradient(90deg,#b7c0c6 0,#b7c0c6 16%,#edf0f0 16%,#edf0f0 84%,#aab4bc 84%);border:3px solid #7e8990;border-radius:54px 54px 8px 8px;box-shadow:inset 0 0 16px #49565e42,0 9px 20px #26363e26}.economizer-stack i{width:58px;height:58px;background:radial-gradient(circle at 44% 40%,#f4e9a0 0,#f4e9a0 4%,#7c6750 6%,#7c6750 38%,#2d3337 41%,#2d3337);border:3px solid #627078;border-radius:50%}.economizer-stack span{margin-top:20px;font-size:9px;font-weight:900;letter-spacing:.7px}.economizer-stack b{margin-top:6px;padding:5px 8px;color:#ffff2a;background:#050708;border:1px solid #d72020;font-size:11px}.economizer-main-pipe{position:absolute;z-index:1;top:245px;left:calc(18% + 108px);width:44%;height:14px;background:#525b60;border:3px solid #252c30;box-shadow:0 3px 5px #00000040}.economizer-main-pipe:after{position:absolute;right:4%;bottom:-88px;width:82%;height:74px;border-right:14px solid #40494e;border-bottom:14px solid #40494e;content:""}.hot-flow{position:absolute;top:-13px;left:58%;color:#f03434;font-size:32px;font-style:normal;font-weight:900}.hot-flow.second{left:78%;color:#f03434}.economizer-unit{top:186px;left:51%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:158px;height:130px;color:#2e3940;background:linear-gradient(145deg,#f1f4f5,#9ba8ad);border:4px solid #cbd5d9;border-radius:15px;box-shadow:inset 0 0 22px #73848b,0 7px 17px #27353d33}.economizer-unit span{display:grid;width:44px;height:44px;place-items:center;color:#e9f0f4;background:#416272;border:3px solid #dce7eb;border-radius:50%;font-size:12px;font-weight:900}.economizer-unit b{margin-top:7px;font-size:11px}.economizer-unit small{margin-top:3px;color:#48616d;font-size:8px}.economizer-unit i{margin-top:6px;color:#20783a;font-size:9px;font-style:normal;font-weight:900}.economizer-water-line{right:7%;width:31%;height:12px;background:#4b575d;border:2px solid #252c31}.economizer-water-line:before{position:absolute;top:-9px;left:18%;content:"››";color:#297dff;font-size:28px;font-weight:900}.economizer-water-line.top{top:168px}.economizer-water-line.bottom{top:346px}.economizer-water-line.bottom:before{color:#ef3636;transform:rotate(180deg)}.economizer-water-line b{position:absolute;bottom:20px;left:27%;padding:5px 8px;color:#ffff28;background:#050708;border:1px solid #e12d2d;font-size:10px;white-space:nowrap}.economizer-water-line span{position:absolute;top:20px;left:27%;color:#52636d;font-size:8px;font-weight:900;white-space:nowrap}.economizer-pump-bank{right:16%;bottom:50px;display:flex;gap:16px;padding:15px 17px 28px;background:#eef2f3;border:2px solid #687c86}.economizer-pump-bank div{position:relative;display:grid;width:49px;height:49px;place-items:center;border:3px solid #4e626d;border-radius:50%}.economizer-pump-bank div.idle{filter:grayscale(1);opacity:.72}.economizer-pump-bank img{width:100%;height:100%;object-fit:contain;border-radius:50%}.economizer-pump-bank b{position:absolute;right:-7px;bottom:-7px;padding:3px 4px;color:#fff;background:#263842;border-radius:2px;font-size:7px}.economizer-pump-bank small{position:absolute;top:60px;width:78px;color:#3e535e;font-size:7px;font-weight:800;text-align:center}.economizer-output{right:6%;bottom:60px;display:flex;align-items:flex-end;flex-direction:column;padding:11px;color:#344954;background:#f7f9f9;border:2px solid #748a95}.economizer-output small{color:#607883;font-size:8px;font-weight:800}.economizer-output b{margin:4px 0;color:#cc8700;font-size:19px}.economizer-output span{color:#536d79;font-size:8px}.economizer-flow-note{right:15px;bottom:14px;display:flex;align-items:center;gap:5px;padding:5px 8px;color:#526874;background:#f7fafac7;border:1px solid rgba(77,100,111,.45);font-size:8px;font-weight:900}.economizer-flow-note i{width:7px;height:7px;background:#36a759;border-radius:50%}.reference-stamp{position:absolute;right:18px;bottom:16px;z-index:2;padding:7px 9px;color:#a5b6c8;border:1px solid rgba(166,184,202,.3);font-size:9px;font-weight:800;letter-spacing:.7px}.reference-unavailable{display:grid;height:100%;place-items:center;padding:30px;color:var(--ink);background:var(--body);text-align:center}.reference-unavailable div{max-width:510px;padding:34px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.reference-unavailable span{color:#e55353;font-size:10px;font-weight:900;letter-spacing:1px}.reference-unavailable h1{margin:8px 0;font-size:23px}.reference-unavailable p{margin:0;color:var(--muted);line-height:1.6}.process-chart-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.process-chart-summary article{display:flex;flex-direction:column;gap:5px;padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:4px}.process-chart-summary small{color:var(--muted);font-size:9px}.process-chart-summary b{font-size:18px}.process-chart-summary em{color:var(--muted);font-size:10px;font-style:normal}.process-trend-card{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.process-trend-card>div span{color:#3b82f6;font-size:9px;font-weight:800;letter-spacing:.8px}.process-trend-card h2{margin:4px 0;font-size:18px}.process-trend-card p{margin:0;color:var(--muted);font-size:10px}.process-trend-card svg{width:100%;height:330px;margin-top:16px;overflow:visible}.process-trend-card svg line{stroke:var(--line);stroke-width:1}.process-trend-card svg polyline{fill:none;stroke:#39f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.process-trend-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.legacy-chart-panel{padding:14px;color:#d6e2ee;background:#111825}.legacy-chart-toolbar{display:flex;align-items:end;gap:8px;min-height:64px;padding:10px 12px;background:#192230;border:1px solid #314052;border-radius:5px 5px 0 0}.legacy-date-field,.legacy-period{position:relative;display:flex;flex-direction:column;gap:4px;min-width:156px}.legacy-date-field small,.legacy-period small{color:#91a2b4;font-size:9px;font-weight:700}.legacy-date-field b{padding:8px 28px 8px 10px;color:#eaf1f8;background:#0f1621;border:1px solid #33465b;border-radius:3px;font-size:10px;font-weight:600}.legacy-date-field i{position:absolute;right:10px;bottom:9px;color:#7f98b1;font-size:11px;font-style:normal}.legacy-period select{height:33px;padding:0 30px 0 9px;color:#eaf1f8;background:#0f1621;border:1px solid #33465b;border-radius:3px;font-size:10px;outline:0}.legacy-query,.legacy-export{height:33px;padding:0 13px;border-radius:3px;font-size:10px;font-weight:700}.legacy-query{color:#fff;background:#2278db;border:1px solid #3388ed}.legacy-export{color:#b9c8d6;background:#202b39;border:1px solid #3a4c60}.legacy-demo-badge{display:flex;align-items:center;gap:6px;margin-left:auto;padding-bottom:8px;color:#86e1b6;font-size:9px;font-weight:800;letter-spacing:.55px}.legacy-demo-badge i{width:7px;height:7px;background:#39cd7c;border-radius:50%;box-shadow:0 0 7px #39cd7c}.legacy-chart-layout{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:420px;border:1px solid #314052;border-top:0}.legacy-tag-picker{display:flex;flex-direction:column;background:#151e2b;border-right:1px solid #314052}.legacy-tag-picker header{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 10px}.legacy-tag-picker header span,.legacy-tag-summary header span{display:block;color:#5e95ca;font-size:9px;font-weight:900;letter-spacing:1px}.legacy-tag-picker header b{display:block;margin-top:3px;color:#e5edf5;font-size:13px}.legacy-tag-picker header em{padding:4px 7px;color:#64c8f0;background:#2b89cd24;border:1px solid rgba(70,159,223,.33);border-radius:10px;font-size:9px;font-style:normal;font-weight:800}.legacy-tag-search{margin:0 11px 8px;padding:8px 9px;color:#7790a8;background:#101721;border:1px solid #2c3d50;border-radius:3px;font-size:12px}.legacy-tag-search span{margin-left:5px;font-size:10px}.legacy-tag-list{display:grid;gap:2px;padding:0 7px}.legacy-tag-list button{display:grid;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;padding:9px 6px;color:#8fa2b5;background:transparent;border:1px solid transparent;border-radius:3px;text-align:left}.legacy-tag-list button.selected{color:#e6eef7;background:#1b2a3b;border-color:#35516d}.legacy-tag-list button>i{display:grid;width:15px;height:15px;place-items:center;color:#111925;background:transparent;border:1px solid #536980;border-radius:2px;font-size:10px;font-style:normal;font-weight:900}.legacy-tag-list button.selected>i{background:var(--tag-color);border-color:var(--tag-color)}.legacy-tag-list button span{min-width:0}.legacy-tag-list button b{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.legacy-tag-list button small{display:block;overflow:hidden;margin-top:2px;color:#687f95;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.legacy-tag-list button>em{font-size:10px;font-style:normal;font-weight:800}.legacy-tag-picker footer{display:flex;justify-content:space-between;margin-top:auto;padding:10px 12px;color:#71869b;border-top:1px solid #29394b;font-size:8px}.legacy-tag-picker footer b{color:#58c496;font-size:8px}.legacy-chart-card{min-width:0;padding:16px;background:#111925}.legacy-chart-card>header{display:flex;justify-content:space-between;gap:16px}.legacy-chart-card>header>div:first-child>span{color:#5b97d1;font-size:9px;font-weight:900;letter-spacing:.85px}.legacy-chart-card h2{margin:4px 0;color:#f0f6fb;font-size:17px}.legacy-chart-card p{margin:0;color:#8599ad;font-size:10px}.legacy-chart-legend{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:end;gap:7px 12px;max-width:48%;padding-top:4px}.legacy-chart-legend span{display:flex;align-items:center;gap:5px;color:#b9c8d5;font-size:9px;white-space:nowrap}.legacy-chart-legend i,.legacy-crosshair-card i,.legacy-tag-summary article>i{display:inline-block;width:9px;height:3px;border-radius:3px}.legacy-chart-canvas{position:relative;height:300px;margin-top:16px;padding:8px 10px 0 0;overflow:hidden;background:#0d141e;border:1px solid #26394d}.legacy-chart-canvas svg{width:100%;height:100%;overflow:visible}.legacy-chart-canvas svg text{fill:#688097;font-size:10px}.legacy-chart-canvas svg .legacy-x-label{text-anchor:middle}.legacy-chart-canvas svg .legacy-grid-line{stroke:#26394b;stroke-width:1}.legacy-chart-canvas svg polyline{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.legacy-chart-canvas svg .legacy-crosshair{stroke:#8ba5bd;stroke-width:1;stroke-dasharray:3 4}.legacy-crosshair-card{position:absolute;top:26px;left:64%;display:grid;gap:4px;min-width:162px;padding:8px 9px;color:#cbd8e4;background:#141f2bf2;border:1px solid #5c748b;box-shadow:0 6px 18px #00000047;font-size:9px}.legacy-crosshair-card small{color:#8fa5ba;font-size:8px}.legacy-crosshair-card span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:5px}.legacy-crosshair-card b{color:#f0f5f9;font-size:9px}.legacy-tag-summary{margin-top:12px;background:#151f2c;border:1px solid #314052}.legacy-tag-summary header{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #304154}.legacy-tag-summary header small{color:#7d91a6;font-size:9px}.legacy-tag-summary article{display:grid;grid-template-columns:10px minmax(180px,1fr) repeat(3,minmax(100px,.55fr)) minmax(120px,.7fr);align-items:center;gap:10px;min-height:53px;padding:0 13px;border-top:1px solid #263748}.legacy-tag-summary article:first-child{border-top:0}.legacy-tag-summary article>i{width:3px;height:30px}.legacy-tag-summary article div b,.legacy-tag-summary article span b{display:block;color:#e1eaf2;font-size:10px}.legacy-tag-summary article div small,.legacy-tag-summary article span small{display:block;margin-bottom:3px;color:#73899e;font-size:8px}.legacy-tag-summary article>strong{color:#68d4a5;font-size:12px;text-align:right}.legacy-date-field input{height:33px;padding:0 8px;color:#eaf1f8;color-scheme:dark;background:#0f1621;border:1px solid #33465b;border-radius:3px;font-family:inherit;font-size:10px;outline:0}.legacy-date-field input:focus,.legacy-period select:focus{border-color:#3895f5;box-shadow:0 0 0 2px #3895f529}.legacy-date-error{margin:0;padding:8px 12px;color:#ffc1c1;background:#3a2028;border:1px solid #81404d;border-top:0;font-size:10px;font-weight:700}@media (max-width: 900px){.legacy-chart-toolbar{align-items:end;flex-wrap:wrap}.legacy-demo-badge{width:100%;margin-left:0;padding:3px 0 0}.legacy-chart-layout{grid-template-columns:1fr}.legacy-tag-picker{border-right:0;border-bottom:1px solid #314052}.legacy-tag-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px}.legacy-tag-picker footer{margin-top:0}.legacy-tag-summary{overflow-x:auto}.legacy-tag-summary>div{min-width:650px}}@media (max-width: 560px){.legacy-chart-panel{padding:8px}.legacy-date-field,.legacy-period{min-width:calc(50% - 5px)}.legacy-query,.legacy-export{flex:1}.legacy-chart-card{padding:11px}.legacy-chart-card>header{display:block}.legacy-chart-legend{justify-content:start;max-width:none;margin-top:10px}.legacy-chart-canvas{height:250px}.legacy-tag-list{grid-template-columns:1fr}}.theme-dark .reference-pid-page{padding:0;color:#20242d;background:#e7ebee}.theme-dark .reference-pid-head{display:none}.theme-dark .reference-pid-stage{grid-template-columns:minmax(380px,.9fr) minmax(610px,1.52fr);min-height:720px;max-width:none;padding:54px 68px;background:radial-gradient(circle at 16% 10%,rgba(108,153,178,.2),transparent 28%),linear-gradient(135deg,#cfd9dd,#f9faf9 56%,#d6e0e3);border:0}.theme-dark .reference-data-card{align-self:start;margin-top:38px}.theme-dark .reference-process-map{align-self:stretch;margin-top:74px}.theme-dark .process-machine{top:52%}.theme-dark .pipe-top{top:48%}.theme-dark .pipe-bottom{top:76%}.theme-dark .reference-pid-stage:before{background-image:none}.theme-dark .reference-pid-stage.photo-pid,.theme-dark .reference-pid-stage.plant-pid{display:block;box-sizing:border-box;width:1900px;min-width:1900px;height:780px;min-height:780px;max-width:none;padding:0;background-color:#e5ebed;background-position:0 0;background-size:1900px 780px;background-repeat:no-repeat}.theme-dark .reference-pid-stage.economizer-pid{display:block;box-sizing:border-box;flex:0 0 1900px;width:1900px;min-width:1900px;max-width:none;height:780px;min-height:780px;margin:0;padding:0;overflow:hidden;background-color:#e5ebed;background-position:0 0;background-size:1900px 780px;background-repeat:no-repeat}.theme-dark .reference-pid-stage.steam-pid{display:block;box-sizing:border-box;flex:0 0 1906px;width:1906px;min-width:1906px;max-width:none;height:787px;min-height:787px;margin:0;padding:0;overflow:hidden;background-color:#000;background-position:0 0;background-size:1906px 787px;background-repeat:no-repeat}.exact-steam-overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Arial,Helvetica,sans-serif}.steam-summary{position:absolute;top:5px;left:411px;display:grid;grid-template-columns:273px 273px 273px;grid-template-rows:27px 27px;gap:4px 8px}.steam-summary b{display:grid;grid-template-columns:1fr 108px;align-items:center;color:#fff100;font-size:9px;text-align:center}.steam-summary b:nth-child(1),.steam-summary b:nth-child(5){background:red}.steam-summary b:nth-child(2){background:#08a83c}.steam-summary b:nth-child(3),.steam-summary b:nth-child(4){background:#558dcc}.steam-summary b:nth-child(6){background:red}.steam-summary i{height:20px;display:grid;place-items:center;color:#ffff20;background:#000;font-size:10px;font-style:normal}.steam-summary b:nth-child(1){grid-column:1;grid-row:1}.steam-summary b:nth-child(2){grid-column:1;grid-row:2}.steam-summary b:nth-child(3){grid-column:2;grid-row:1}.steam-summary b:nth-child(4){grid-column:2;grid-row:2}.steam-summary b:nth-child(5){grid-column:3;grid-row:1}.steam-summary b:nth-child(6){grid-column:3;grid-row:2}.steam-boiler-values{position:absolute;top:155px;left:54px;display:grid;gap:14px;color:#fff21a;font-size:11px;font-weight:900;text-align:center}.steam-boiler-values span:nth-child(4){margin-top:180px}.steam-boiler-values span:nth-child(7){margin-top:20px}.steam-client-values{position:absolute;display:grid;grid-template-columns:60px 60px 60px 60px;grid-template-rows:37px 35px;padding:0 15px 0 75px;gap:0 2px;box-sizing:border-box;width:325px;height:98px}.steam-client-values i,.steam-client-values em{display:grid;place-items:center;color:#ffff20;background:#000;font-size:10px;font-style:normal;font-weight:900}.steam-client-values em{font-size:9px}.steam-client-values em:nth-of-type(1){grid-column:2;grid-row:2}.steam-client-values em:nth-of-type(2){grid-column:3;grid-row:2}.steam-client-values em:nth-of-type(3){grid-column:4;grid-row:2}.exact-steam-stamp{right:1.1%;bottom:1.5%;color:#a8bed0;background:#111a24}.steam-presentation .workspace{background:#171717}.steam-presentation .reference-pid-page{min-width:1906px;min-height:100%;background:#171717}.steam-card-status{position:absolute;left:-21px;top:0;display:grid;grid-template-rows:repeat(5,16px);width:18px;height:82px;overflow:hidden;border:1px solid #1f2850;background:#10172a}.steam-card-status b{display:grid;place-items:center;border-bottom:1px solid #23386a;background:#84fb3c;color:#142117;font:700 8px/1 Arial,Helvetica,sans-serif}.steam-card-status b:nth-child(2){background:#b9fd3c}.steam-card-status b:nth-child(3){background:#60f43d}.steam-card-status b:nth-child(4){background:#b8fc3f}.steam-card-status b:nth-child(5){background:#8bfd3c;border-bottom:0;font-size:6px}.steam-emissions-panel{position:absolute;right:6px;top:338px;z-index:4;display:grid;gap:5px;width:280px;box-sizing:border-box;padding:9px 8px;background:#686868;border:2px solid #777;box-shadow:0 0 0 1px #4c4c4c;font-family:Arial,Helvetica,sans-serif}.steam-emissions-panel header,.steam-emissions-panel>div{display:grid;grid-template-columns:66px 1fr 1fr;gap:5px;align-items:center}.steam-emissions-panel header b{display:grid;place-items:center;min-height:17px;background:#adf83c;color:#182113;font:700 9px/1 Arial,Helvetica,sans-serif}.steam-emissions-panel header b:first-child{grid-column:2}.steam-emissions-panel>div span{color:#fff600;font:700 8px/1 Arial,Helvetica,sans-serif;text-align:center}.steam-emissions-panel>div b{display:grid;place-items:center;min-height:22px;background:#030303;color:#fff600;font:700 10px/1 Arial,Helvetica,sans-serif}.steam-emissions-panel>div:nth-of-type(2) b:first-of-type{background:#ff1010;color:#fff}.exact-chiller-overlay,.exact-plant-overlay,.exact-economizer-overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.exact-machine-title{position:absolute;display:grid;place-items:center;overflow:hidden;color:#233193;font-family:Arial,Helvetica,sans-serif;font-size:14pt;font-weight:900;letter-spacing:.15px;line-height:1;text-align:center;white-space:nowrap}.exact-tag-value{position:absolute;display:grid;place-items:center;box-sizing:border-box;padding:1px 3px;overflow:hidden;color:#fffa27;background:#000;border:1px solid #ff1100;font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:900;line-height:1;text-align:center;white-space:nowrap}.exact-status{position:absolute;display:grid;place-items:center;box-sizing:border-box;padding:1px 4px;overflow:hidden;color:#fff;border:1px solid #000;font-family:Arial,Helvetica,sans-serif;font-size:14pt;font-weight:900;line-height:1;text-align:center;white-space:nowrap}.exact-running{background:#38761d}.exact-standby,.exact-health{background:#999}.exact-tower-fan,.exact-small-fan{position:absolute;object-fit:contain}.exact-tower-fan{border-radius:50%}.exact-small-fan{filter:saturate(.9)}.exact-plant-machine-title{color:#233193}.exact-plant-tag{font-size:10pt}.exact-plant-tag.compact{font-size:8pt}.exact-plant-fan{position:absolute;object-fit:contain;border-radius:50%}.exact-tower-state{filter:saturate(.92)}.exact-plant-status{position:absolute;display:grid;place-items:center;box-sizing:border-box;border-radius:2px}.exact-plant-status:before{width:15px;height:15px;content:"";border:2px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:0 1px 2px #00000073}.exact-plant-status.running:before{background:#2d8b38}.exact-plant-status.standby:before{background:#899197}.exact-plant-stamp{right:1.1%;bottom:1.1%}.plant-logo-mask,.plant-title-mask,.plant-manufacturer-mask{position:absolute;display:block;box-sizing:border-box}.plant-logo-mask{background:linear-gradient(130deg,#a3adbf,#d9dee6 46%,#f3f4f5)}.plant-logo-mask-right{background:linear-gradient(130deg,#f2f3f5,#e4e6eb)}.plant-title-mask{background:#f0f1de}.plant-manufacturer-mask{background:linear-gradient(120deg,#eff1f3,#e3e6e8);border-radius:1px}.exact-demo-stamp{position:absolute;right:1.6%;bottom:1.8%;padding:3px 6px;color:#314750;background:#ffffffc4;border:1px solid rgba(49,71,80,.4);font-size:clamp(6px,.6vw,9px);font-weight:900;letter-spacing:.4px}.exact-economizer-table-value{font-size:7pt}.exact-economizer-process-value{font-size:8pt}.economizer-logo-mask{position:absolute;display:block;box-sizing:border-box;background:linear-gradient(135deg,#9ca9bc,#d9dfe7 54%,#f1f3f4)}.economizer-logo-right{background:linear-gradient(135deg,#f0f2f3,#e3e7ea)}.exact-economizer-fan,.exact-economizer-pump{position:absolute;object-fit:contain}.exact-economizer-fan{object-position:center}.exact-economizer-label{position:absolute;display:grid;box-sizing:border-box;color:#0061a8;font-family:Arial,Helvetica,sans-serif;font-size:8pt;font-weight:900;line-height:1.25;text-align:center}.delta-label{place-items:center}.boiler-label{place-items:start center}.exact-economizer-status{position:absolute;display:grid;place-items:center;box-sizing:border-box;color:#fff;border:1px solid #000;font-family:Arial,Helvetica,sans-serif;font-size:7pt;font-weight:900;line-height:1;text-align:center;white-space:nowrap}.exact-economizer-status.status-one,.exact-economizer-status.status-three{background:#38761d}.exact-economizer-status.status-two,.exact-economizer-status.status-four{background:#444}.exact-economizer-stamp{right:1.1%;bottom:1.4%}.theme-dark .photo-pid .reference-data-card{position:absolute;top:115px;left:5.2%;width:29%;min-width:380px;margin:0}.theme-dark .photo-pid .reference-brand{top:24px;left:5.2%}.theme-dark .photo-pid .reference-process-map,.theme-dark .photo-pid .reference-stamp{display:none}.theme-dark .reference-data-card{background:#030405;border-color:#bac23f}.theme-dark .reference-data-card header{color:#203a88;background:#f3f0dc}.theme-dark .reference-reading-grid div{border-color:#b62c2c}.theme-dark .reference-reading-grid span{color:#071016;background:#62b6d2}.theme-dark .reference-reading-grid strong{color:#ffff26}.theme-dark .reference-process-map{border-left-color:#2837413b}.theme-dark .process-chip{color:#25313c;background:#f4f8fab8;border-color:#718b9c}.theme-dark .process-chip small,.theme-dark .process-chip span,.theme-dark .process-load small{color:#526a7b}.theme-dark .process-chip b{color:#1f4c72}.theme-dark .process-pipe{background:#3c464d;border-color:#2b3338}.theme-dark .process-machine{color:#27323b;background:linear-gradient(145deg,#e3e8eb,#8496a1);border-color:#d4dfe5;box-shadow:inset 0 0 25px #667984,0 12px 28px #28374040}.theme-dark .machine-wheel{color:#2a5a79;background:#f5f8fa;border-color:#536a78}.theme-dark .process-machine small{color:#405560}.theme-dark .process-machine i{color:#207934}.theme-dark .process-pump-group{background:#eef3f5;border-color:#536d7d}.theme-dark .process-pump-group span{color:#293942;background:#c9d5db;border-color:#4f626e}.theme-dark .process-pump-group em{color:#fff;background:#273842}.theme-dark .process-pump-group b{color:#344a56}.theme-dark .process-load{color:#293c49;background:#f7fafbd1;border-color:#6e8898}.theme-dark .process-load b{color:#d99d00}.theme-dark .process-tower{background:#edf4f5;border-color:#718c9a}.theme-dark .process-tower img{border-color:#5e7989}.theme-dark .process-tower b{color:#314752}.theme-dark .process-tower small{color:#607887}.theme-dark .process-tank{border-color:#728b98}.theme-dark .pipe-label{color:#f0c000;background:#15191c;border-color:#596b77}.theme-dark .reference-stamp{color:#4b626f;border-color:#465c6873}.energy-analysis-page{--energy-bg: #0a1018;--energy-card: #101925;--energy-card-2: #131f2d;--energy-line: #223143;--energy-text: #e8f0f8;--energy-muted: #7f91a6;width:100%;height:100%;overflow:auto;padding:20px;color:var(--energy-text);background:radial-gradient(circle at 72% -10%,rgba(35,202,168,.1),transparent 33%),radial-gradient(circle at 8% 20%,rgba(48,143,255,.09),transparent 28%),var(--energy-bg)}.energy-analysis-page::-webkit-scrollbar{width:6px}.energy-analysis-page::-webkit-scrollbar-thumb{background:#2d4157;border-radius:6px}.energy-page-head{display:flex;align-items:center;margin-bottom:16px}.energy-page-head>div:first-child{flex:1}.energy-eyebrow{display:flex;align-items:center;gap:7px;color:#35d2ae;font-size:9px;font-weight:800;letter-spacing:1.5px}.energy-eyebrow i{width:7px;height:7px;background:#35d2ae;border-radius:50%;box-shadow:0 0 12px #35d2ae;animation:pulse 1.8s infinite}.energy-page-head h1{margin:4px 0 2px;font-size:24px;letter-spacing:-.5px}.energy-page-head p{margin:0;color:var(--energy-muted);font-size:10px}.energy-head-actions{display:flex;align-items:center;gap:9px}.energy-clock{display:flex;align-items:flex-end;flex-direction:column}.energy-clock small{color:#52677d;font-size:8px;letter-spacing:.8px}.energy-clock b{margin-top:3px;font-size:10px}.energy-head-actions button{padding:7px 11px;color:#aab8c8;background:#111c28;border:1px solid #27384b;border-radius:5px;font-size:9px}.energy-head-actions button span{margin-left:10px}.energy-live{display:flex;align-items:center;gap:6px;padding:7px 10px;color:#51d8ae;background:#35d2ae14;border:1px solid rgba(53,210,174,.24);border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.8px}.energy-live i{width:6px;height:6px;background:#35d2ae;border-radius:50%;box-shadow:0 0 8px #35d2ae}.energy-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:10px}.energy-kpi{position:relative;min-height:106px;overflow:hidden;padding:12px;background:linear-gradient(145deg,#131f2dfa,#0d1621fa);border:1px solid var(--energy-line);border-radius:7px}.energy-kpi:before{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--energy-accent);content:"";opacity:.85}.energy-kpi:after{position:absolute;top:-35px;right:-35px;width:90px;height:90px;background:radial-gradient(circle,color-mix(in srgb,var(--energy-accent) 17%,transparent),transparent 68%);content:""}.energy-kpi-top{display:flex;align-items:center;gap:7px}.energy-kpi-top>span{display:grid;place-items:center;width:27px;height:27px;color:var(--energy-accent);background:color-mix(in srgb,var(--energy-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--energy-accent) 24%,transparent);border-radius:6px}.energy-kpi-top small{flex:1;color:var(--energy-muted);font-size:8.5px;font-weight:600}.energy-kpi-top>i{color:var(--energy-accent);font-size:8px;font-style:normal}.energy-kpi-value{margin-top:9px;font-size:23px;font-weight:750;letter-spacing:-.7px}.energy-kpi-value em{margin-left:5px;color:var(--energy-muted);font-size:9px;font-style:normal;font-weight:500}.energy-spark-bars{position:absolute;right:10px;bottom:9px;left:12px;display:flex;align-items:flex-end;gap:2px;height:17px;opacity:.42}.energy-spark-bars i{flex:1;max-width:9px;background:linear-gradient(to top,transparent,var(--energy-accent));border-radius:1px 1px 0 0}.energy-content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.72fr);gap:10px;padding-bottom:20px}.energy-card{padding:14px;background:linear-gradient(155deg,#101925fa,#0c141efa);border:1px solid var(--energy-line);border-radius:7px;box-shadow:0 16px 40px #0000001f}.energy-card-head{display:flex;align-items:center;min-height:32px;margin-bottom:10px}.energy-card-head>div:first-child{display:flex;flex:1;flex-direction:column}.energy-card-head>div:first-child>span{color:#4f6680;font-size:8px;font-weight:800;letter-spacing:1.2px}.energy-card-head h2{margin:3px 0 0;font-size:13px}.energy-legend,.trend-keys{display:flex;gap:12px;color:var(--energy-muted);font-size:8px}.energy-legend span,.trend-keys span{display:flex;align-items:center;gap:5px}.energy-legend i{width:6px;height:6px;border-radius:50%}.energy-legend i.normal{background:#35d2ae;box-shadow:0 0 6px #35d2ae}.energy-legend i.warning{background:#fbbf24}.energy-flow-map{position:relative;min-height:304px;padding:10px 9px 0;overflow:hidden;background:linear-gradient(rgba(61,84,109,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,84,109,.05) 1px,transparent 1px),#080f179e;background-size:24px 24px;border:1px solid #1c2b3b;border-radius:6px}.energy-source-row{display:grid;grid-template-columns:1fr 76px 1.15fr 76px .9fr;align-items:center;max-width:670px;margin:0 auto}.energy-source-node{display:flex;align-items:center;gap:9px;min-height:67px;padding:9px;background:#111d2a;border:1px solid #293d51;border-radius:6px}.energy-source-node>div,.energy-main-meter{display:flex;flex-direction:column}.energy-node-icon{display:grid;place-items:center;width:36px;height:36px;color:#5ab8ff;background:#308fff17;border:1px solid rgba(48,143,255,.26);border-radius:50%}.energy-source-node small,.energy-main-meter small{color:#607a94;font-size:7.5px;font-weight:800;letter-spacing:.8px}.energy-source-node b{margin:3px 0 2px;font-size:14px}.energy-source-node em,.energy-main-meter em{color:#6f8296;font-size:8px;font-style:normal}.transformer-symbol{position:relative;width:38px;height:38px}.transformer-symbol i{position:absolute;top:6px;width:27px;height:27px;border:2px solid #a68bff;border-radius:50%}.transformer-symbol i:first-child{left:0}.transformer-symbol i:last-child{left:12px}.energy-cable{position:relative;height:3px;overflow:hidden;background:#2c4358}.energy-cable:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#35d2ae,transparent);content:"";animation:energyFlow 2.1s linear infinite}.energy-cable i{position:absolute;top:-2px;width:6px;height:6px;background:#35d2ae;border-radius:50%;box-shadow:0 0 7px #35d2ae;animation:flowDot 2.1s linear infinite}.energy-cable i:nth-child(2){animation-delay:-.7s}.energy-cable i:nth-child(3){animation-delay:-1.4s}.energy-main-meter{min-height:67px;justify-content:center;padding:8px 11px;background:linear-gradient(135deg,#35d2ae1f,#111d2a);border:1px solid rgba(53,210,174,.36);border-radius:6px}.energy-main-meter strong{margin-top:2px;color:#55e4bc;font-size:21px;letter-spacing:-.7px}.energy-main-meter>span{position:absolute;margin:36px 0 0 71px;color:#7d93a8;font-size:8px}.energy-busbar{position:relative;width:92%;height:30px;margin:7px auto 0;border-bottom:4px solid #466078}.energy-busbar:before{position:absolute;top:-7px;left:50%;width:3px;height:36px;background:#3a5369;content:""}.energy-busbar span{position:absolute;bottom:5px;left:50%;padding:2px 7px;color:#7890a7;background:#0b141e;border:1px solid #263b4e;border-radius:8px;font-size:7.5px;letter-spacing:.7px;transform:translate(-50%)}.energy-branches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:96%;margin:0 auto}.energy-branch{position:relative;min-width:0;padding:24px 9px 9px;background:linear-gradient(150deg,#13202e,#0c151f);border:1px solid #243649;border-radius:5px}.branch-connector{position:absolute;top:-4px;left:50%;width:2px;height:21px;background:var(--branch-color);box-shadow:0 0 8px color-mix(in srgb,var(--branch-color) 50%,transparent)}.branch-connector i{position:absolute;bottom:-2px;left:-2px;width:6px;height:6px;background:var(--branch-color);border-radius:50%}.branch-head{display:flex;align-items:center;gap:6px}.branch-head>span{display:grid;flex:0 0 26px;place-items:center;width:26px;height:26px;color:var(--branch-color);background:color-mix(in srgb,var(--branch-color) 9%,transparent);border-radius:5px}.branch-head>div{display:flex;min-width:0;flex:1;flex-direction:column}.branch-head small{color:#526a82;font-size:7px}.branch-head b{overflow:hidden;margin-top:2px;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.branch-status{width:6px;height:6px;background:#35d2ae;border-radius:50%;box-shadow:0 0 6px #35d2ae}.energy-branch.warning .branch-status{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.energy-branch>strong{display:block;margin:8px 0 6px;font-size:15px}.energy-branch>strong em{color:#6f8398;font-size:8px;font-style:normal;font-weight:500}.branch-share{height:3px;overflow:hidden;background:#1d2b39;border-radius:3px}.branch-share span{display:block;height:100%;background:var(--branch-color);box-shadow:0 0 6px var(--branch-color)}.branch-foot{display:grid;grid-template-columns:1fr 1fr auto;margin-top:6px;color:#667b90;font-size:6.5px}.branch-foot b{color:var(--branch-color);font-size:7px}.quality-score{display:grid;place-items:center;width:32px;height:32px;color:#35d2ae;background:#35d2ae14;border:1px solid rgba(53,210,174,.3);border-radius:50%;font-size:11px;font-weight:800}.phase-voltage{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.phase-voltage>div{padding:9px;background:#0c1621;border:1px solid #203144;border-radius:5px}.phase-voltage>div>span{display:grid;place-items:center;width:21px;height:21px;margin-bottom:6px;color:var(--phase-color);background:color-mix(in srgb,var(--phase-color) 9%,transparent);border:1px solid color-mix(in srgb,var(--phase-color) 28%,transparent);border-radius:50%;font-size:7px;font-weight:800}.phase-voltage b{display:block;font-size:11px}.phase-voltage b em{color:#688097;font-size:6px;font-style:normal}.phase-voltage small{display:block;margin:2px 0 6px;color:#6f8295;font-size:6.5px}.phase-voltage>div>i{display:block;height:2px;overflow:hidden;background:#263747}.phase-voltage>div>i span{display:block;height:100%;background:var(--phase-color)}.quality-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.quality-metrics>div{display:flex;flex-direction:column;padding:8px;background:#0a121b94;border:1px solid #1f2e3e;border-radius:4px}.quality-metrics span{color:#6e8297;font-size:6px}.quality-metrics b{margin:3px 0;font-size:10px}.quality-metrics em{color:#60758c;font-size:6px;font-style:normal}.quality-metrics small{font-size:5.8px}.quality-metrics .good{color:#35d2ae}.quality-metrics .watch{color:#fbbf24}.demand-block{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:7px;margin-top:8px;padding:10px;background:#0b151f;border:1px solid #203143;border-radius:5px}.demand-ring{display:grid;place-items:center;width:82px;height:82px;background:conic-gradient(#35d2ae var(--demand),#20303e 0);border-radius:50%}.demand-ring:before{position:absolute;width:64px;height:64px;background:#0b151f;border-radius:50%;content:""}.demand-ring>div{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}.demand-ring b{font-size:16px}.demand-ring span{color:#6b8095;font-size:6px}.demand-copy{display:flex;min-width:0;flex-direction:column}.demand-copy small{color:#5d7389;font-size:6px;font-weight:800;letter-spacing:.8px}.demand-copy strong{margin-top:3px;font-size:14px}.demand-copy strong em{color:#6f8295;font-size:7px;font-style:normal}.demand-copy>span{margin-top:2px;color:#667b90;font-size:6px}.demand-copy>div{height:4px;margin:7px 0 5px;overflow:hidden;background:#233443;border-radius:3px}.demand-copy>div i{display:block;height:100%;background:linear-gradient(90deg,#35d2ae,#fbbf24)}.demand-copy>b{color:#35d2ae;font-size:6.5px}.energy-trend-card{min-height:282px}.trend-keys i{width:15px;height:2px;background:#35d2ae}.trend-keys span:last-child i{height:1px;background:repeating-linear-gradient(90deg,#fbbf24 0 3px,transparent 3px 5px)}.energy-trend-wrap{display:grid;grid-template-columns:28px 1fr;height:186px}.energy-y-axis{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column;padding:4px 5px 4px 0;color:#50667c;font-size:6px}.energy-trend-wrap svg{width:100%;height:100%;overflow:visible}.energy-trend-wrap .grid-line{stroke:#1d2d3d;stroke-width:1}.energy-trend-wrap .demand-line{stroke:#fbbf24;stroke-width:1;stroke-dasharray:6 6}.energy-trend-wrap .power-line{fill:none;stroke:#35d2ae;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(53,210,174,.35))}.energy-x-axis{display:flex;justify-content:space-between;margin:2px 0 0 28px;color:#50667c;font-size:6px}.insights-card{min-height:282px}.insight-count{padding:3px 6px;color:#35d2ae;background:#35d2ae14;border:1px solid rgba(53,210,174,.2);border-radius:9px;font-size:6px}.insight{display:grid;grid-template-columns:31px 1fr;gap:8px;padding:9px 8px;border-top:1px solid #1e2d3c}.insight>span{display:grid;place-items:center;width:29px;height:29px;color:#6e849a;background:#162331;border-radius:6px}.insight.primary>span{color:#35d2ae;background:#35d2ae1a}.insight>div{display:grid;grid-template-columns:1fr auto}.insight b{font-size:8px}.insight p{grid-column:1/-1;margin:3px 0 6px;color:#71859a;font-size:6.5px;line-height:1.4}.insight small{color:#536a80;font-size:6px}.insight strong{color:#35d2ae;font-size:7px}.energy-head-row,.energy-data-row{grid-template-columns:1.35fr .75fr .8fr .7fr .55fr}.quality-watch{color:#d39416}.quality-watch i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#fbbf24;border-radius:50%}.energy-history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.energy-history-summary article{display:flex;flex-direction:column;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.energy-history-summary small{color:var(--muted);font-size:8px}.energy-history-summary b{margin-top:6px;font-size:17px}.energy-history-table{background:var(--paper);border:1px solid var(--line);border-radius:5px}.energy-history-table>div{display:grid;grid-template-columns:repeat(4,1fr);min-height:42px;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);font-size:10px}.energy-history-table>div:first-child{color:var(--muted);background:var(--body);font-size:8px;font-weight:700;text-transform:uppercase}.energy-analysis-page .energy-eyebrow{font-size:10px}.energy-analysis-page .energy-page-head h1{font-size:28px}.energy-analysis-page .energy-page-head p{font-size:12px}.energy-analysis-page .energy-clock small{font-size:10px}.energy-analysis-page .energy-clock b{font-size:12px}.energy-analysis-page .energy-head-actions button{font-size:10px}.energy-analysis-page .energy-live{font-size:9px}.energy-analysis-page .energy-kpi-top small{font-size:10px}.energy-analysis-page .energy-kpi-top>i{font-size:9px}.energy-analysis-page .energy-kpi-value{font-size:27px}.energy-analysis-page .energy-kpi-value em{font-size:10px}.energy-analysis-page .energy-card-head>div:first-child>span{font-size:9px}.energy-analysis-page .energy-card-head h2{font-size:15px}.energy-analysis-page .energy-legend,.energy-analysis-page .trend-keys,.energy-analysis-page .energy-source-node small,.energy-analysis-page .energy-main-meter small{font-size:9px}.energy-analysis-page .energy-source-node b{font-size:16px}.energy-analysis-page .energy-source-node em,.energy-analysis-page .energy-main-meter em{font-size:9px}.energy-analysis-page .energy-main-meter strong{font-size:24px}.energy-analysis-page .energy-main-meter>span,.energy-analysis-page .energy-busbar span{font-size:9px}.energy-analysis-page .branch-head small{font-size:8px}.energy-analysis-page .branch-head b{font-size:10px}.energy-analysis-page .energy-branch>strong{font-size:17px}.energy-analysis-page .energy-branch>strong em{font-size:9px}.energy-analysis-page .branch-foot{font-size:7.5px}.energy-analysis-page .branch-foot b{font-size:8px}.energy-analysis-page .quality-score{font-size:13px}.energy-analysis-page .phase-voltage>div>span{font-size:8px}.energy-analysis-page .phase-voltage b{font-size:13px}.energy-analysis-page .phase-voltage b em,.energy-analysis-page .phase-voltage small,.energy-analysis-page .quality-metrics span,.energy-analysis-page .quality-metrics em{font-size:8px}.energy-analysis-page .quality-metrics b{font-size:12px}.energy-analysis-page .quality-metrics small{font-size:7.5px}.energy-analysis-page .demand-ring b{font-size:19px}.energy-analysis-page .demand-ring span,.energy-analysis-page .demand-copy small,.energy-analysis-page .demand-copy>span{font-size:8px}.energy-analysis-page .demand-copy strong{font-size:17px}.energy-analysis-page .demand-copy strong em{font-size:9px}.energy-analysis-page .demand-copy>b{font-size:8px}.energy-analysis-page .energy-y-axis,.energy-analysis-page .energy-x-axis{font-size:8px}.energy-analysis-page .insight-count,.energy-analysis-page .insight small{font-size:9px}.energy-analysis-page .insight b{font-size:12px}.energy-analysis-page .insight p{font-size:10px;line-height:1.5}.energy-analysis-page .insight strong{font-size:10px}@keyframes energyFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes flowDot{0%{left:-6px}to{left:100%}}.mobile-overlay{display:none}@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}@keyframes slideIn{0%{transform:translate(100%)}}@media (max-width: 1100px){.top-nav button{padding-inline:8px}.header-status{display:none}.energy-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.energy-content-grid{grid-template-columns:1fr}.quality-card,.insights-card{grid-column:auto}}@media (max-width: 860px){body{overflow:auto}.product-sidebar{position:fixed;left:0;transform:translate(-100%);width:252px!important;flex-basis:252px!important;transition:transform .22s}.product-sidebar.mobile-open{transform:translate(0)}.product-sidebar.mobile-open~.mobile-overlay{position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;display:block;background:#0a0d1994}.mobile-close{display:block;position:absolute;right:9px}.top-nav{display:none}.selected-node{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alarm-summary{display:none}.product-main{height:100dvh}.view-tabs button{min-width:62px;padding-inline:9px}.product-footer{display:none}.data-row{min-width:780px}.table-panel{overflow:auto}.chart-controls{align-items:stretch;flex-direction:column}.chart-controls input,.chart-controls select{width:100%}.alarm-drawer{width:min(360px,100%)}.energy-analysis-page{padding:14px}.energy-page-head{align-items:flex-start;flex-direction:column;gap:11px}.energy-head-actions{width:100%}.energy-clock{align-items:flex-start;margin-right:auto}.energy-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-flow-card{overflow:auto}.energy-flow-map{min-width:720px}.reference-pid-stage{min-width:1100px}.reference-pid-page{overflow:auto}}@media (max-width: 600px){.process-chart-summary{grid-template-columns:1fr 1fr}.breadcrumb{padding-inline:15px}.breadcrumb span:nth-of-type(2),.breadcrumb i:nth-of-type(2){display:none}.selected-node{display:none}.header-main{padding-inline:12px}.view-bar{padding-inline:7px}.visual-scroll{overflow:auto}.energy-kpi-grid{grid-template-columns:1fr}.energy-kpi{min-height:96px}.energy-head-actions button,.energy-clock{display:none}.phase-voltage,.quality-metrics{grid-template-columns:1fr}.demand-block{grid-template-columns:82px 1fr}.energy-history-summary{grid-template-columns:repeat(2,1fr)}}