/* Reference geometry: 1536 × 864. Each measured band remains a real application module. */
:root{--bg:#020c19;--panel:#042139;--edge:#1275a9;--cyan:#12cfff;--green:#19ec93;--yellow:#ffe06a;--red:#ff5463}
.dmc-icon{width:23px;height:23px;display:inline-block;vertical-align:middle;flex-shrink:0;color:#16caff;filter:drop-shadow(0 0 4px #00aaff60)}
.control-room{width:100%;max-width:none;height:100dvh;min-height:0;padding:4px 12px 5px;gap:7px;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:72px 50px 82px 60px minmax(0,1fr) 34px;background:radial-gradient(ellipse at 45% 20%,#05243a,#010b18 78%);border:2px solid #148bbd;border-radius:13px;box-shadow:inset 0 0 15px #1094d835;overflow:hidden;font-family:'Arial Narrow','Roboto Condensed','Segoe UI',Arial,sans-serif}
html:has(.control-room),body:has(.control-room){height:100%;overflow:hidden;background:#010b18}
.control-room>header{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:160px minmax(220px,1fr) 205px 213px 120px 120px 218px 140px;gap:8px;align-items:center;flex-wrap:nowrap;border:0;border-bottom:1px solid #126297;border-radius:0;padding:2px 0 5px;background:linear-gradient(180deg,#010b18,#021022);box-shadow:none;min-width:0}
.control-room header>.brand-block{min-width:0;display:block}.control-room .brand img{width:157px;height:70px;object-fit:contain}.control-room .heading-block{min-width:0;line-height:1.3;text-align:left}.control-room .headtitle{font-size:25px;font-weight:850;letter-spacing:.01em;color:#f5fbff}.control-room .project-title{font-size:11px;color:#6ddfff;font-weight:650;margin-top:2px;white-space:normal}.control-room .subtitle{font-size:10px;color:#b3dfef;margin-top:2px}
.control-room .headbox{width:100%;height:58px;min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px;border:1px solid #124473;border-radius:7px;background:linear-gradient(120deg,#04213c,#020e21);box-shadow:inset 0 0 9px #187dcf10;font:inherit;color:#e0f3ff;overflow-wrap:normal}.control-room .headbox b{font-size:12px;line-height:1.25}.control-room .headbox span{font-size:10px;line-height:1.3}.control-room #conn{position:relative;align-items:flex-start;padding-left:47px}.control-room #conn>.dmc-icon{position:absolute;left:16px;top:17px;width:25px;height:25px;color:#ff6874}.control-room #conn.offline{border-color:#b52640;background:linear-gradient(120deg,#320c1c,#160a14);box-shadow:inset 0 0 12px #ee26481a,0 0 7px #f3253f18;color:#ff7d88}.control-room #conn.online{border-color:#118f70;background:linear-gradient(120deg,#003e38,#002d2c);color:#39eab0}.control-room .modbus-box{display:flex;flex-direction:row;text-align:left;justify-content:flex-start;gap:14px;border-color:#07826e;background:linear-gradient(110deg,#003c36,#002b2e)}.control-room .modbus-box>.dmc-icon{width:29px;height:29px;color:#2aefa3}.control-room .modbus-box div{display:flex;flex-direction:column;gap:4px}.control-room .modbus-box b{font-size:11px;color:#64f5d5}.control-room .alarm-box{flex-direction:row;background:linear-gradient(110deg,#383018,#1b1c16);border-color:#776334;gap:12px}.control-room .alarm-box .dmc-icon{color:#ffe16b;width:28px;height:28px}.control-room .alarm-box div{display:flex;flex-direction:column}.control-room .alarm-box b{font-size:20px;color:#ffe775}.control-room .report-box .dmc-icon{width:27px;height:27px}.control-room .account-box{position:relative;padding-left:45px;text-align:left;align-items:flex-start}.control-room .account-box .dmc-icon{position:absolute;left:15px;top:17px;width:28px;height:28px}.control-room .clock-box{position:relative;order:initial;flex-direction:row;flex-wrap:wrap;padding:7px 5px 7px 36px}.control-room .clock-box .dmc-icon{position:absolute;left:8px;top:16px;width:25px;height:25px}.control-room .clock-box b{font-size:12px;line-height:1.5;text-align:center}.control-room .err{display:none}
.control-room>.executive-nav{grid-column:1/-1;grid-row:2;position:relative;top:auto!important;z-index:100;border:1px solid #116eab;border-radius:8px;padding:4px;background:linear-gradient(180deg,#03152a,#010a18);box-shadow:inset 0 0 8px #168ddd35,0 0 4px #1096dc35;overflow:visible;max-height:none;display:block}.control-room .nav-menu{height:100%;display:flex;flex-wrap:nowrap;gap:4px;align-items:center;margin:0;overflow:visible}.control-room .nav-primary{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:2px;align-items:center;min-width:0}.control-room .executive-nav .navitem{min-height:39px!important;white-space:nowrap;padding:7px 10px!important;font-size:11px;font-weight:700;gap:7px;letter-spacing:0;border-radius:5px}.control-room .navitem.active{background:linear-gradient(160deg,#0474b4,#03407b);border:1px solid #26bafa;box-shadow:inset 0 0 9px #1dc8ff66,0 0 7px #03afff55}.control-room .navitem .dmc-icon{width:20px;height:20px}.control-room .nav-dropdown summary{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;font-size:10px;padding:5px;border:0}.control-room .nav-dropdown summary:after{content:'▾'}.control-room .nav-identity{display:none}.control-room .nav-display-controls{display:flex;gap:5px;flex:0 0 auto}.control-room .nav-display-controls .navitem{min-height:36px!important;padding:6px 10px!important;background:linear-gradient(160deg,#063561,#03162c);border:1px solid #166ca5}.control-room .nav-display-controls .active{border-color:#20bafd}.control-room .nav-dropdown-content{background:#03172b;border-color:#178bd2}.control-room .nav-toggle{display:none}
.control-room>.executive-kpis{grid-column:1/-1;grid-row:3;min-width:0;border:1px solid #167db7;border-radius:7px;background:linear-gradient(120deg,#041d33,#02213b);padding:7px 9px;box-shadow:inset 0 0 10px #139ce522}.control-room .kpi-summary{padding:0;border:0;background:none;box-shadow:none;border-radius:0;display:grid;grid-template-columns:316px repeat(5,minmax(0,1fr));gap:10px;height:100%;align-items:stretch}.control-room .kpi-heading{grid-column:auto;display:flex;align-items:center;justify-content:flex-start;gap:14px;text-align:left;min-width:0}.control-room .kpi-heading>.dmc-icon{height:51px;width:51px;border:1px solid #0c70b7;border-radius:50%;padding:6px}.control-room .kpi-heading span{font-size:11px;color:#b5d6eb;letter-spacing:.09em}.control-room .kpi-heading h2{font-size:17px;color:#f1f8ff;line-height:1.2;margin:4px 0}.control-room .kpi-heading p{font-size:10px;color:#b1cfdf;line-height:1.3;margin:0}.control-room .kpi-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:6px 12px;text-align:left;min-width:0;border:1px solid #15598c;border-top:0;border-bottom:0;border-radius:0;background:linear-gradient(100deg,#031a31,#042540);box-shadow:inset 0 0 12px #1287cb0d}.control-room .kpi-card>span{font-size:11px;font-weight:650;color:#cbe1f2}.control-room .kpi-card strong{font-size:23px;line-height:1.1;color:#0af58e;text-shadow:0 0 7px #05d99533;white-space:normal;overflow-wrap:normal}.control-room .kpi-card:nth-child(3) strong{font-size:20px;color:#77e6ff}.control-room .kpi-card:nth-child(5) strong{color:#ff5c68}.control-room .kpi-card:last-child strong{font-size:17px}.control-room .kpi-card small{font-size:8px;color:#a2c4d8;line-height:1.2}.control-room .kpi-card strong.offline{font-size:14px;color:#ff7b87}.control-room .kpi-card strong.good{color:#1bf796}
.control-room>.metrics{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(11,minmax(0,1fr)) 1.65fr;gap:6px;padding:0}.control-room .metric{padding:5px 3px;min-height:0;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #126ca6;border-radius:6px;background:linear-gradient(145deg,#062743,#00182d);box-shadow:inset 0 0 9px #1090d523}.control-room .metric label{font-size:9px;font-weight:600;line-height:1.2;color:#adcfe7;letter-spacing:0;text-align:center}.control-room .metric b{font-size:17px;line-height:1.2;margin-top:7px;white-space:nowrap}.control-room .metric b.r{color:#ffd859}.control-room .metric:nth-child(7) b{color:#ff5b66}.control-room .metric b.s,.control-room .metric b.t{color:#ffe36b}.control-room .metric:nth-child(10) b,.control-room .metric:nth-child(11) b{color:#2aed9c}.control-room .metric:last-child b{font-size:12px;padding:4px 9px;border:1px solid currentColor;border-radius:5px;margin-top:5px}.control-room .metric b.offline{color:#ff7e89;font-size:12px}
.control-room>main{grid-column:1;grid-row:5;display:grid;grid-template-columns:196px minmax(0,1fr);padding:0;gap:8px;min-height:0;overflow:hidden;align-items:stretch}.control-room .leftcards{display:flex;flex-direction:column;gap:3px;min-height:0;height:100%;overflow:auto;scrollbar-width:thin}.control-room .lcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1 0;min-height:35px;padding:4px 5px 4px 55px;border:1px solid #147bb2;border-radius:6px;background:linear-gradient(110deg,#06405e,#03233c);box-shadow:inset 0 0 10px #0d8fcd30;text-align:left}.control-room .lcard>.dmc-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:27px;height:27px}.control-room .lcard label{font-size:10px;line-height:1.2;color:#b0d5eb;letter-spacing:.01em}.control-room .lcard b{font-size:16px!important;line-height:1.15;color:#16edbf;margin-top:3px}.control-room .lcard .mini{display:none}.control-room .lcard:nth-child(3) b{color:#ffdf63}.control-room .lcard:nth-child(10) b,.control-room .lcard:nth-child(11) b{color:#ffcb57}.control-room .lcard:nth-child(11) .dmc-icon{color:#ffb64f}
.control-room .hero.diagramHero{height:100%;min-height:0;min-width:0;overflow:hidden;border:1px solid #137ab4;border-radius:7px;background:#031627;box-shadow:0 0 9px #12a7e829;display:flex;flex-direction:column}.control-room .heroDiagramHeader{flex:0 0 61px;display:flex;justify-content:space-between;align-items:center;gap:7px;background:linear-gradient(110deg,#063a54,#03263f);border-bottom:1px solid #1386ae;padding:5px 9px;flex-wrap:nowrap;text-align:left}.control-room .heroDiagramHeader>div:first-child{min-width:0;position:relative;padding-left:36px}.control-room .heroDiagramHeader>div:first-child>.dmc-icon{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;padding:4px;background:#075dba;color:#a8f0ff}.control-room .heroDiagramHeading{font-size:14px;font-weight:800;letter-spacing:.01em;line-height:1.2;text-align:left;color:#e9f9ff}.control-room .heroDiagramHeader a{font-size:10px;color:#57d7ff}.control-room .heroDiagramHeader .btn{font-size:9px;min-height:22px;padding:3px 5px;margin:3px 0 0}.control-room .heroDiagramHeader .engineering{position:static;flex:0 0 160px;font-size:10px;line-height:1.25;background:#032139;border:1px solid #175c84;border-radius:5px;padding:5px 5px 5px 36px;min-height:44px;white-space:normal}.control-room .engineering>.dmc-icon{position:absolute;margin-left:-29px;margin-top:4px;width:24px;height:24px;color:#b4e7ff}.control-room .engineering .quality{display:none}.control-room #unbalance,.control-room #refreshLabel{font-size:8px;color:#a6d6e9}.control-room .heroDiagramFrame{height:0;min-height:0;flex:1 1 0;width:100%;border:0;display:block;background:#021526}.control-room .heroDiagramFooter{flex-shrink:0;font-size:8px;line-height:1.3;padding:3px 5px;color:#6facc9;border-top:1px solid #10567b;background:#021b30}
.control-room>aside{grid-column:2;grid-row:5;display:flex;flex-direction:column;gap:6px;align-self:stretch;min-height:0;height:100%;max-height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#1476a2 #021a2a;padding:0}.control-room>aside>*{flex:0 0 auto}.control-room>aside>.right-charts{display:flex;flex-direction:column;gap:5px;padding:0}.control-room .chart-disclosure,.control-room .thermal-disclosure{min-width:0;border:1px solid #1281bf;border-radius:6px;background:linear-gradient(120deg,#063658,#031e35);overflow:hidden;box-shadow:inset 0 0 6px #1489ce25}.control-room .chart-disclosure>summary,.control-room .thermal-disclosure>summary{display:flex;align-items:center;gap:8px;position:relative;justify-content:flex-start;min-height:36px;padding:7px 28px 7px 10px;color:#d1e4f5;font-size:10px;font-weight:700;line-height:1.4;list-style:none;cursor:pointer}.control-room .chart-disclosure>summary::-webkit-details-marker,.control-room .thermal-disclosure>summary::-webkit-details-marker{display:none}.control-room .chart-disclosure>summary:after,.control-room .thermal-disclosure>summary:after{content:'+';position:absolute;right:12px;top:8px;font-size:20px;line-height:1;color:#bedbf0}.control-room .chart-disclosure[open]>summary:after,.control-room .thermal-disclosure[open]>summary:after{content:'−'}.control-room .chart-disclosure summary .dmc-icon,.control-room .thermal-disclosure summary .dmc-icon{width:22px;height:22px;color:#90dbff}.control-room .thermal-disclosure summary .dmc-icon{color:#ffbe58}.control-room .chart-disclosure .chart{border:0;padding:8px;background:#02182a;box-shadow:none}.control-room .chart-disclosure .chart:after{display:none}.control-room .chart-disclosure canvas{display:block;width:100%;height:125px}.control-room .chart-history{width:100%}.control-room .panel{padding:9px;border:1px solid #1579b2;border-radius:6px;background:linear-gradient(135deg,#063154,#03192c);box-shadow:inset 0 0 9px #108fd222;min-height:0;height:auto;overflow:visible}.control-room .panel h3{display:flex;align-items:center;gap:8px;justify-content:flex-start;font-size:11px;color:#d9ecfc;margin:0 0 6px;line-height:1.3;letter-spacing:0;text-align:left}.control-room .panel h3 .dmc-icon{width:25px;height:25px}.control-room .panel.analysis{padding:8px;min-height:54px;border-color:#12bdff;background:linear-gradient(100deg,#03558b,#064d94);box-shadow:inset 0 0 9px #1bd7ff66,0 0 8px #0a9eea33}.control-room .analysis h3{margin:0;font-size:11px}.control-room .analysis h3 .dmc-icon{width:32px;height:32px;color:#42dfff}.control-room #analysisAvailability{display:none}.control-room .analysis #analysis{display:none}.control-room .analysis:hover #analysis,.control-room .analysis:focus-within #analysis{display:block}.control-room .alerts{flex:1 0 136px;min-height:136px}.control-room .alerts h3 .dmc-icon{color:#ffe067}.control-room .alerts .btn{font-size:8px;min-height:22px;padding:3px 5px}.control-room .line{font-size:10px;padding:5px 0;border-bottom:1px solid #134363}.control-room .control .line{display:none}.control-room .control{background:transparent;padding:0;border:0;box-shadow:none}.control-room .control h3{border:1px solid #127cb5;border-radius:5px;padding:6px 10px;background:linear-gradient(110deg,#052b48,#052448);margin-bottom:6px}.control-room .controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.control-room .ctrl{height:67px;min-height:0;padding:6px 3px;border-radius:6px;font-size:9px;border:2px solid #1695cf;background:linear-gradient(130deg,#085984,#043257);box-shadow:inset 0 0 8px #18c7ff20;line-height:1.3}.control-room .ctrl .dmc-icon{width:25px;height:25px;margin-bottom:3px;color:#82e2ff}.control-room .ctrl:nth-child(2){background:linear-gradient(140deg,#00583c,#003125);border-color:#19d79a}.control-room .ctrl:nth-child(2) .dmc-icon{color:#42ffc6}.control-room .btn{min-height:25px;padding:4px 7px;font-size:10px;margin-top:4px;background:#06395b;border-color:#0e82b8}.control-room .thermal-summary{border:0}.control-room .thermal-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.thermal-channels>div{display:flex;flex-direction:column;text-align:center;background:#021c30;padding:6px 2px;gap:4px;border:1px solid #0e648e;border-radius:4px}.thermal-channels span{font-size:9px;color:#82c6e2}.thermal-channels strong{font-size:10px;color:#ffd36b}.thermal-summary p{font-size:9px;margin:5px 0;color:#a8c5d8}
.control-room>.footer{grid-column:1/-1;grid-row:6;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 6px;font-size:11px;line-height:1.3;color:#bcd8ed;border-top:1px solid #0c74af;background:linear-gradient(120deg,#031d36,#03152a);text-align:left;min-width:0}.control-room>.footer img{width:85px;height:33px;object-fit:contain}.control-room>.footer span:first-of-type{flex:1 1 auto;font-weight:600}.control-room>.footer span:last-child{flex:0 1 auto;white-space:normal;text-align:right}.control-room>.footer strong{color:#16d2ff;text-shadow:0 0 7px #12b4f255}
html[data-connection-alert=true] .control-room{height:calc(100dvh - var(--connection-alert-height,80px))}.connection-alert{padding:7px 12px!important;min-height:42px}.connection-alert strong{font-size:12px}.connection-alert span{font-size:11px}
html[data-display=clear] .control-room{filter:brightness(1.18)}
@media(min-width:1700px){.control-room{grid-template-columns:minmax(0,1fr) 340px}.control-room>header{grid-template-columns:170px minmax(260px,1fr) 205px 213px 130px 120px 220px 150px}.control-room>main{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:1450px){.control-room>header{grid-template-columns:140px minmax(160px,1fr) 170px 170px 90px 90px 170px 110px}.control-room .brand img{width:135px}.control-room .headtitle{font-size:22px}.control-room .headbox b{font-size:10px}.control-room .headbox span{font-size:9px}.control-room .nav-display-controls .navitem{padding:5px!important;font-size:9px}.control-room .executive-nav .navitem{padding:6px!important;font-size:10px}.control-room .kpi-summary{grid-template-columns:260px repeat(5,minmax(0,1fr))}.control-room .kpi-card strong{font-size:19px}}
@media(max-width:1200px),(max-height:700px){html:has(.control-room),body:has(.control-room){height:auto;overflow:auto}.control-room{height:auto;min-height:100dvh;overflow:visible;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto auto auto minmax(530px,1fr) auto}.control-room>header{display:flex;flex-wrap:wrap}.control-room header>.brand-block{flex:0 1 145px}.control-room .heading-block{flex:1 1 220px}.control-room .headbox{width:auto;flex:1 1 120px}.control-room .kpi-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.control-room .kpi-heading{grid-column:1/-1}.control-room .nav-menu,.control-room .nav-primary{flex-wrap:wrap;height:auto}.control-room>.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.control-room>main{grid-template-columns:145px minmax(0,1fr)}.control-room .heroDiagramHeader .engineering{display:none}.control-room .heroDiagramFrame{min-height:430px}.control-room>aside{max-height:none;height:auto;overflow:visible}.control-room>.footer{min-height:36px}.control-room .lcard{min-height:40px}}
@media(max-width:850px){.control-room{padding:7px;grid-template-columns:minmax(0,1fr);gap:7px}.control-room>.executive-nav{position:sticky;top:0!important}.control-room .nav-toggle{display:flex}.control-room .nav-menu{height:auto;max-height:65dvh;overflow:auto;margin-top:6px}.control-room .nav-enhanced .nav-toggle[aria-expanded=false]+.nav-menu{display:none}.control-room .nav-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.control-room .nav-display-controls{flex-wrap:wrap;justify-content:center;width:100%}.control-room .kpi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.control-room .kpi-heading{grid-column:1/-1}.control-room .kpi-card{border:1px solid #15598c;padding:10px}.control-room>.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.control-room .metric{min-height:60px}.control-room>main{grid-column:1;grid-row:5;grid-template-columns:minmax(0,1fr);overflow:visible}.control-room .leftcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;overflow:visible}.control-room .lcard{min-height:58px;padding-left:42px}.control-room .lcard>.dmc-icon{left:8px;width:24px;height:24px}.control-room .lcard label{font-size:9px}.control-room .lcard b{font-size:13px!important}.control-room .hero.diagramHero{min-height:540px}.control-room .heroDiagramHeader{flex-wrap:wrap;flex-basis:auto;min-height:60px}.control-room .heroDiagramHeading{font-size:12px}.control-room>aside{grid-column:1;grid-row:6;display:flex;height:auto}.control-room>.footer{grid-row:7;flex-wrap:wrap;justify-content:center;padding:7px;font-size:10px}.control-room>.footer span:first-of-type{text-align:center;flex-basis:100%}.control-room>.footer span:last-child{text-align:center}.control-room .nav-identity{display:block}}
@media(prefers-reduced-motion:reduce){.control-room *{animation:none!important;transition:none!important}}
/* Reference fit refinements after the first 1536 × 864 browser capture. */
.control-room{align-items:stretch}.control-room>main{align-self:stretch;height:100%}.control-room .alerts .anomaly-link{padding:5px;margin:3px 0;border:0;background:transparent;color:#c6deef;font-size:10px;line-height:1.3}.control-room .alerts .anomaly-link.alarm{color:#ff828e}.control-room .alerts .anomaly-link.warn{color:#ffe079}.control-room .alerts .anomaly-link.ok{color:#6ce2b2}.control-room .alerts .btn .dmc-icon{height:12px;width:12px}.control-room .headbox #modbusStatus.offline{color:#ff8c96}
/* Keep the original assertive diagnostic accessible through the red header status. */
html[data-connection-alert=true] .control-room{height:100dvh}.connection-alert:not([hidden]){position:absolute;left:0;top:0;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%);padding:0!important;border:0}.connection-diagnostic-open .connection-alert:not([hidden]){position:fixed;inset:80px 12px auto auto;max-width:550px;width:calc(100vw - 24px);height:auto;min-height:50px;padding:12px!important;clip-path:none;overflow:visible;border:1px solid #ff657d;border-radius:7px;z-index:20000}.control-room #conn{cursor:pointer}.control-room #conn:focus-visible{outline:2px solid #4edfff;outline-offset:2px}
@media(max-width:1200px),(max-height:700px){html[data-connection-alert=true] .control-room{height:auto}}
.control-room .alerts .anomaly-link{position:relative;padding-left:17px}.control-room .alerts .anomaly-link:before{content:'';position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:2px;background:currentColor;box-shadow:0 0 4px currentColor}.control-room .metric label{font-size:10px}.control-room .chart-disclosure>summary,.control-room .thermal-disclosure>summary{font-size:11px}.control-room .lcard label{font-size:11px}.control-room .kpi-card>span{font-size:12px}.control-room .kpi-heading p{font-size:11px}.control-room .heroDiagramHeading{font-size:15px}
@media(max-width:850px){.control-room .metric label,.control-room .lcard label{font-size:9px}.control-room .heroDiagramHeading{font-size:12px}}
.control-room .modbus-box[data-connected=false]{background:linear-gradient(110deg,#2c1422,#120e1b);border-color:#a9344e}.control-room .modbus-box[data-connected=false]>.dmc-icon{color:#ff7d8a}.control-room .analysis[data-connected=false]{background:linear-gradient(110deg,#043a5b,#032744);box-shadow:inset 0 0 8px #129ee52b}.control-room .analysis[data-connected=false] #analysisAvailability{display:inline-block;margin-left:auto;font-size:9px;color:#91bfd3}.control-room .heroDiagramHeader{min-height:0;max-height:61px}.control-room .heroDiagramHeader .engineering{font-size:9px;line-height:1.15}.control-room .engineering #unbalance{display:none}.control-room .brand img{width:165px;height:76px}.control-room .kpi-heading h2{font-size:18px}.control-room .kpi-heading p{font-size:12px}.control-room .kpi-card strong{font-size:25px}.control-room .metric b{font-size:18px}
@media(min-width:1451px){.control-room .executive-nav .navitem{font-size:12px}.control-room .metric label{font-size:11px}}
@media(max-width:850px){.control-room .heroDiagramHeader{max-height:none}.control-room .brand img{width:140px;height:65px}.control-room .kpi-card strong{font-size:20px}.control-room .metric b{font-size:15px}}