@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}body:has(.mobile-shell){background:#050d17;overflow:hidden!important}.mobile-shell{--green:#20d7a0;width:100%;min-width:0;max-width:100%;height:100dvh;min-height:500px;padding:max(6px,var(--safe-top)) max(7px,var(--safe-right)) max(52px,calc(48px + var(--safe-bottom))) max(7px,var(--safe-left));color:#dceaf7;background:radial-gradient(circle at 50% -15%,#15314a,#07131f 38%,#050d17);grid-template-rows:48px 23px minmax(0,1fr);gap:5px;margin:0 auto;display:grid;position:relative;overflow:hidden}.mobile-shell *{box-sizing:border-box;overflow-wrap:anywhere;min-width:0}.mobile-shell svg,.mobile-shell canvas{max-width:100%}.mobile-shell .good{color:#20d7a0!important}.mobile-shell .warn{color:#f6c85f!important}.mobile-shell .bad{color:#ff6174!important}.mobile-shell .na{color:#8494a4!important}.m-head{background:#0b1b2aee;border:1px solid #173149;border-radius:8px;align-items:center;height:48px;padding:5px 7px;display:flex}.m-mark{background:var(--green);color:#06121a;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;display:grid}.m-mark svg{width:17px}.m-head>div:nth-child(2){margin-left:7px}.m-head p{color:#6e91ac;letter-spacing:1.1px;margin:0 0 2px;font-size:6.5px}.m-head h1{margin:0;font-size:13px}.m-live{text-align:right;margin-left:auto}.m-live b{white-space:nowrap;font-size:7.5px;display:block}.m-live b i,.m-ups-title b i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block;box-shadow:0 0 7px}.m-live span{color:#6e8ba3;font-size:7px}.m-alarm{background:#09251f;border:1px solid #1b3a40;border-radius:6px;justify-content:center;align-items:center;gap:4px;height:23px;font-size:8px;font-weight:600;display:flex}.m-alarm.bad{background:#35141c;border-color:#722838}.m-alarm svg{width:11px}.m-content,.m-sub{min-height:0;overflow:hidden}.m-content{grid-template-rows:28px minmax(0,1fr);gap:5px;display:grid}.m-selector{background:#06111c;border:1px solid #173149;border-radius:6px;gap:3px;height:28px;padding:2px;display:flex}.m-selector button{color:#6e8ba5;background:0 0;border:0;border-radius:4px;flex:1;font-size:7px}.m-selector button.active{color:#06131b;background:#20d7a0;font-weight:700}.m-general{grid-template-rows:28px repeat(2,minmax(0,1fr));gap:5px;min-height:0;display:grid}.m-general-title{color:#708fa7;letter-spacing:.7px;background:#0a1b29;border:1px solid #173149;border-radius:7px;align-items:center;padding:0 8px;font-size:7px;display:flex}.m-general-title svg{color:#20d7a0;width:11px;margin-right:5px}.m-general-title b{margin-left:auto;font-size:8px}.m-ups-card{color:#dceaf7;text-align:left;background:linear-gradient(145deg,#0d2131,#071521);border:1px solid #1b3b54;border-radius:9px;grid-template-rows:36px minmax(50px,1fr) 31px;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.m-ups-card>svg{color:#55758c;width:12px;position:absolute;bottom:6px;right:5px}.m-ups-title{border-bottom:1px solid #173149;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.m-ups-title h2{margin:0;font-size:11px}.m-ups-title small{color:#66869e;margin-top:1px;font-size:6.5px;display:block}.m-ups-title>b{white-space:nowrap;font-size:7.5px}.m-ups-kpis{color:#708da4;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:5px 10px;padding:6px 9px;font-size:7px;display:grid}.m-ups-kpis span{justify-content:space-between;display:flex}.m-ups-kpis b{color:#dceaf7;white-space:nowrap;font-size:10px}.m-ups-electric{color:#6e8ba4;border-top:1px solid #173149;grid-template-columns:1.6fr 1fr;align-items:center;padding:0 22px 0 9px;font-size:7px;display:grid}.m-ups-electric span{justify-content:space-between;display:flex}.m-ups-electric b{color:#dceaf7;white-space:nowrap;font-size:8px}.m-detail{grid-template-rows:44px 53px 73px minmax(205px,1fr);gap:5px;min-height:0;display:grid;overflow-y:auto}.m-detail-status,.m-card{background:linear-gradient(145deg,#0d1e2d,#081521);border:1px solid #173149;border-radius:8px}.m-detail-status{align-items:center;padding:5px 8px;display:flex}.m-detail-status small{color:#6888a0;font-size:6px}.m-detail-status h2{margin:1px 0 0;font-size:12px}.m-detail-status>b{margin-left:auto;font-size:9px}.m-quad{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.m-quad span{color:#6d8ba3;background:#0a1b29;border:1px solid #173149;border-radius:7px;flex-direction:column;justify-content:center;padding:5px;font-size:6px;display:flex}.m-quad b{color:#dceaf7;white-space:nowrap;margin-top:7px;font-size:10px}.m-card{padding:6px 8px;overflow:hidden}.m-card h3{color:#7594ac;letter-spacing:.7px;align-items:center;gap:4px;height:12px;margin:0 0 4px;font-size:7px;display:flex}.m-card h3 svg{color:#20d7a0;width:10px}.m-phases{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.m-phases span{color:#68879f;border-right:1px solid #173149;flex-direction:column;align-items:center;font-size:6px;display:flex}.m-phases span:last-child{border:0}.m-phases b{color:#dceaf7;margin:4px 0;font-size:12px}.m-phases small{font-size:6px}.m-twin{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-height:0;display:grid}.m-rows>div{color:#6d8ba3;border-bottom:1px solid #142d41;justify-content:space-between;align-items:center;height:19px;font-size:7px;display:flex}.m-rows>div:last-child{border:0}.m-rows b{color:#dceaf7;text-align:right;white-space:nowrap;max-width:64%;font-size:8.5px}.m-rows small{color:#7490a7;font-size:6px}.battery-advanced .m-rows>div{height:18px}.battery-advanced p{color:#708da4;margin:5px 0 0;font-size:6px;line-height:1.3}.m-sub{padding:2px;overflow-y:auto}.m-sub>.m-selector{margin-bottom:6px}.m-sub>p{color:#7893a8;text-align:center;margin-top:30px;font-size:10px}.history{height:350px}.equipment{gap:6px;display:grid}.equipment .m-card .m-rows>div{height:28px}.version{text-align:center;color:#6d8ba3;font-size:7px}.mobile-shell nav{z-index:1000;left:max(7px,var(--safe-left));right:max(7px,var(--safe-right));bottom:var(--safe-bottom);background:#0a1927f5;border:1px solid #173149;border-bottom:0;border-radius:9px 9px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;max-width:none;height:48px;display:grid;position:fixed}.mobile-shell nav button{color:#66849c;touch-action:manipulation;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:48px;font-size:7px;display:flex}.mobile-shell nav button.active{color:#20d7a0}.mobile-shell nav svg{width:15px;height:15px}.update-banner{z-index:1100;text-align:center;color:#f6c85f;background:#29280f;border:1px solid #53652b;border-radius:6px;padding:5px;font-size:8px;position:fixed;top:78px;left:12px;right:12px}.update-banner button{background:#f6c85f;border:0;border-radius:3px;margin-left:7px;font-size:7px}@media (width<=340px){.mobile-shell{padding-left:max(5px,var(--safe-left));padding-right:max(5px,var(--safe-right));gap:4px}.m-content,.m-general,.m-detail{gap:4px}.mobile-shell nav{left:max(5px,var(--safe-left));right:max(5px,var(--safe-right))}.m-ups-kpis{padding-inline:7px}.m-ups-kpis b{font-size:9px}.m-ups-electric{padding-left:7px}.m-quad b{font-size:9px}.m-card{padding-inline:6px}}@media (width>=500px) and (orientation:portrait){.mobile-shell{max-width:760px;padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right));padding-bottom:max(64px,calc(58px + var(--safe-bottom)));grid-template-rows:60px 30px minmax(0,1fr);gap:8px}.m-head{height:60px}.m-mark{width:42px;height:42px}.m-head h1{font-size:18px}.m-head p{font-size:9px}.m-alarm{height:30px;font-size:10px}.m-content{grid-template-rows:38px minmax(0,1fr);gap:8px}.m-selector{height:38px}.m-selector button{font-size:10px}.m-general{grid-template-rows:40px repeat(2,minmax(0,1fr));gap:8px}.m-ups-card{grid-template-rows:52px minmax(80px,1fr) 45px}.m-ups-title h2{font-size:17px}.m-ups-title small,.m-ups-title>b{font-size:10px}.m-ups-kpis{gap:10px 20px;padding:10px 14px;font-size:10px}.m-ups-kpis b{font-size:15px}.m-ups-electric{padding-inline:14px 30px;font-size:10px}.m-ups-electric b{font-size:13px}.mobile-shell nav{left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));height:58px}.mobile-shell nav button{min-height:58px;font-size:9px}.mobile-shell nav svg{width:19px}.m-detail{grid-template-rows:62px 78px 105px minmax(170px,1fr);gap:8px}.m-detail-status h2{font-size:17px}.m-quad span{padding:9px;font-size:9px}.m-quad b{font-size:15px}.m-card h3{font-size:10px}.m-phases b{font-size:18px}.m-phases span,.m-phases small{font-size:9px}.m-rows>div{height:28px;font-size:10px}.m-rows b{font-size:12px}}@media (height<=600px) and (orientation:portrait){.mobile-shell{padding-top:max(4px,var(--safe-top));padding-bottom:max(52px,calc(48px + var(--safe-bottom)));grid-template-rows:42px 20px minmax(0,1fr);gap:3px}.m-head{height:42px}.m-mark{width:29px;height:29px}.m-alarm{height:20px}.m-content{grid-template-rows:24px minmax(0,1fr);gap:3px}.m-selector{height:24px}.m-general{grid-template-rows:22px repeat(2,minmax(0,1fr));gap:3px}.m-ups-card{grid-template-rows:31px minmax(42px,1fr) 25px}.m-ups-kpis{gap:2px 8px;padding-block:3px}.m-ups-electric{font-size:6.5px}.mobile-shell nav{height:48px}.mobile-shell nav button{min-height:48px}.m-detail{grid-template-rows:37px 44px 61px minmax(100px,1fr);gap:3px}.m-quad b{margin-top:4px}.m-card{padding-block:4px}.m-rows>div{height:16px}}.m-toast{z-index:1200;top:max(78px,calc(var(--safe-top) + 70px));left:max(10px,var(--safe-left));right:max(10px,var(--safe-right));background:#102231;border:1px solid;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex;position:fixed;box-shadow:0 12px 30px #0009}.m-toast.bad{background:#35141c}.m-toast.warn{background:#302710}.m-toast.good{background:#09251f}.m-toast b{font-size:9px}.m-toast span{color:#e1edf6;font-size:8px}.notification-setting{color:#7792a8;justify-content:space-between;align-items:center;font-size:8px;display:flex}.notification-setting b{color:#20d7a0}.m-ups-kpis span>svg{filter:drop-shadow(0 0 3px);flex:none;width:9px;height:9px;margin-right:3px}:root{color:#dce9f8;font-synthesis:none;background:#050d17;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;min-width:0}html,body,#root{width:100%;max-width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(circle at 50% -20%,#173550 0,#081522 40%,#040b13 100%)}button,select{font:inherit}button{cursor:pointer}img,svg,canvas{max-width:100%}.good{color:#20d7a0!important}.warn{color:#f6c85f!important}.bad{color:#ff6174!important}.na{color:#8494a4!important}.dashboard.pro{grid-template-rows:72px minmax(0,1fr);grid-template-columns:82px minmax(0,1fr);gap:8px;height:100vh;min-height:720px;padding:10px;display:grid;overflow:hidden}.dashboard.pro>header{background:linear-gradient(105deg,#0d2233ee,#071521f5);border:1px solid #1a3850;border-radius:11px;grid-column:1/3;align-items:center;padding:8px 13px;display:flex;box-shadow:0 10px 30px #0003}.brand{align-items:center;gap:9px;width:390px;display:flex}.logo{color:#06131b;background:#20d7a0;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 22px #20d7a033}.brand p{color:#7292aa;letter-spacing:1.8px;margin:0 0 2px;font-size:7px}.brand h1{margin:0;font-size:17px;line-height:1}.brand small{color:#7691a7;margin-top:4px;font-size:8px;display:block}.global{flex-direction:column;align-items:center;margin:auto;display:flex}.global b{font-size:13px}.global b i,.up-head>b i{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 7px}.global span{color:#728da3;margin-top:4px;font-size:8px}.head-right{grid-template-columns:1fr auto;place-items:center end;gap:3px 12px;width:390px;display:grid}.head-right time{font-size:11px}.head-right>span{color:#68859d;grid-column:1;font-size:8px}.period{background:#06111c;border:1px solid #1d394f;border-radius:7px;grid-area:1/2/3;padding:3px;display:flex}.period button,.view-tabs button{color:#728fa8;background:0 0;border:0;border-radius:5px;padding:6px 9px;font-size:8px}.period button.active,.view-tabs button.active{color:#06131b;background:#20d7a0;font-weight:700}.dashboard.pro>aside{background:#081724;border:1px solid #173149;border-radius:10px;flex-direction:column;gap:5px;padding:6px;display:flex}.dashboard.pro>aside button{color:#6c879e;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:64px;font-size:8px;display:flex}.dashboard.pro>aside button svg{width:17px}.dashboard.pro>aside button.active{color:#20d7a0;background:#113147}.dashboard.pro>aside .sound{border-top:1px solid #173149;border-radius:0;height:54px;margin-top:auto}.main-area{grid-template-rows:35px minmax(0,1fr);gap:7px;display:grid;overflow:hidden}.view-tabs{background:#081724;border:1px solid #173149;border-radius:8px;justify-content:center;gap:3px;padding:3px;display:flex}.view-tabs button{min-width:155px;padding-block:5px}.general-pro{grid-template-rows:minmax(0,1fr) 145px;gap:7px;min-height:0;display:grid}.ups-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid}.ups-panel{background:linear-gradient(145deg,#0e2232,#071521);border:1px solid #1b3a53;border-radius:11px;grid-template-rows:80px 91px 146px minmax(155px,1fr);display:grid;overflow:hidden;box-shadow:0 8px 28px #0003}.up-head{border-bottom:1px solid #173149;align-items:center;gap:10px;padding:4px 10px;display:flex}.up-head h2{margin:0;font-size:14px}.up-head span{color:#67869e;margin-top:3px;font-size:7px;display:block}.up-head>b{white-space:nowrap;margin-left:auto;font-size:8px}.up-comms{gap:7px;display:flex}.up-comms small{color:#68859c;font-size:6.5px}.up-comms small b{margin-left:2px}.up-head time{color:#68859c;font-size:7px}.prime{border-bottom:1px solid #173149;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.prime>div{border-right:1px solid #173149;padding:8px 10px;position:relative}.prime>div:last-child{border:0}.prime svg:not(.load-gauge){color:#20d7a0;vertical-align:middle;width:12px;margin-right:5px}.prime span{color:#6e8ba3;letter-spacing:.6px;font-size:6.5px}.prime strong{white-space:nowrap;margin-top:7px;font-size:19px;display:block}.prime strong small{color:#7895ad;margin-left:2px;font-size:8px}.prime em{color:#6e8ba3;margin-top:4px;font-size:7px;font-style:normal;display:block}.prime>div>i{background:linear-gradient(to right,#20d7a0 var(--p),#183247 var(--p));border-radius:2px;height:2px;position:absolute;bottom:6px;left:10px;right:10px}.up-mid{border-bottom:1px solid #173149;grid-template-columns:1.25fr 1fr 1fr;display:grid}.up-mid>section{border-right:1px solid #173149;padding:8px 9px;overflow:hidden}.up-mid>section:last-child{border:0}.ups-panel h3,.recent h3{color:#7594ac;letter-spacing:.7px;align-items:center;gap:4px;height:15px;margin:0 0 5px;font-size:6.8px;display:flex}.ups-panel h3 svg,.recent h3 svg{color:#20d7a0;width:10px}.phase-grid{grid-template-columns:repeat(3,minmax(0,1fr));height:102px;display:grid}.phase-grid>div{border-right:1px solid #173149;flex-direction:column;justify-content:center;align-items:center;display:flex}.phase-grid>div:last-child{border:0}.phase-grid span{color:#68879f;font-size:7px}.phase-grid b{margin:7px 0;font-size:14px}.phase-grid b small{margin-left:2px;font-size:7px}.phase-grid em{font-size:8px;font-style:normal}.drow{color:#6d8ba3;border-bottom:1px solid #142d41;justify-content:space-between;align-items:center;height:21px;font-size:7px;display:flex}.drow:last-child{border:0}.drow b{color:#dceaf7;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:68%;font-size:8px;overflow:hidden}.drow b small{color:#7895ad;font-size:6px}.up-bottom{grid-template-columns:1.45fr 1fr;min-height:0;display:grid}.up-bottom>section{border-right:1px solid #173149;min-height:0;padding:7px 8px}.up-bottom>section:last-child{border:0}.mini-chart{grid-template-rows:18px minmax(0,1fr);display:grid}.mini-chart button{color:#20d7a0;background:0 0;border:0;font-size:6px}.recent{background:#081724;border:1px solid #1b3a53;border-radius:9px;padding:7px 9px;overflow:hidden}.recent h3 small{color:#58758c;margin-left:7px;font-weight:400}.event-table{font-size:7px}.event-tr{color:#7792a8;border-top:1px solid #142d41;grid-template-columns:1.2fr .8fr 1.7fr .7fr .7fr;align-items:center;height:22px;display:grid}.event-th{color:#59768d;border:0;height:19px;font-size:6px}.event-tr b{font-size:7px}.no-events{color:#68859c;place-items:center;height:70px;display:grid}.detail-pro{grid-template-columns:minmax(0,1fr) 280px;gap:8px;min-height:0;display:grid}.detail-pro>.ups-panel{height:100%}.detail-side{grid-template-rows:minmax(250px,.8fr) minmax(330px,1fr);gap:8px;min-height:0;display:grid}.state-card,.battery-bank,.equipment-page article,.history-page,.alarms-page{background:#081724;border:1px solid #1b3a53;border-radius:10px;padding:12px;overflow:hidden}.state-card h3,.battery-bank h3{color:#7594ac;font-size:10px}.state-card .drow{height:27px;font-size:8px}.state-card .drow b{font-size:9px}.battery-bank .drow{height:28px;font-size:8px}.battery-bank .drow b{font-size:9px}.battery-bank p{color:#6d8ba3;margin:10px 0 0;font-size:7px;line-height:1.5}.battery-bank p b{color:#dceaf7}.history-page{grid-template-rows:42px minmax(0,1fr);min-height:0;display:grid}.history-controls,.filters{gap:7px;display:flex}.history-controls select,.filters select{color:#bcd0e0;background:#071521;border:1px solid #1d4058;border-radius:6px;padding:7px;font-size:9px}.history-big{min-height:0}.alarms-page{overflow:auto}.alarms-page .filters{margin-bottom:12px}.alarms-page .event-tr{height:35px;font-size:9px}.equipment-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.equipment-page article{height:max-content}.equipment-page h2{font-size:15px}.equipment-page .drow{height:34px;font-size:9px}.equipment-page .drow b{font-size:10px}.toast{z-index:100;background:#111f2c;border:1px solid;border-radius:9px;flex-direction:column;gap:6px;width:360px;padding:13px 15px;display:flex;position:fixed;top:92px;right:20px;box-shadow:0 15px 40px #0009}.toast.bad{background:#35141c}.toast.good{background:#09251f}.toast b{font-size:11px}.toast span{color:#dce9f8;font-size:10px}.toast time{color:#91a6b8;font-size:8px}@media (width<=1200px){.dashboard.pro{min-width:900px;height:auto;overflow:auto}.ups-pair{grid-template-columns:1fr}.general-pro{grid-template-rows:auto}.ups-panel{height:600px}}.compact-info .drow{height:20px}.info-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;display:grid}.info-columns>div+div{border-left:1px solid #173149;padding-left:9px}.info-columns .drow b{max-width:58%}.health-strip{color:#66849b;border-top:1px solid #173149;justify-content:space-between;align-items:center;height:25px;margin-top:4px;padding-top:5px;font-size:6px;display:flex}.compact-info{grid-template-rows:15px 100px 25px minmax(90px,1fr);display:grid}.status-trend{border-top:1px solid #173149;grid-template-rows:16px minmax(0,1fr);min-height:0;padding-top:5px;display:grid}.status-trend h3{margin:0}.status-trend>div{min-height:0}.ups-photo{object-fit:contain;object-position:center;filter:drop-shadow(0 5px 8px #0008);flex:none;width:70px;height:72px}.prime .battery-icon{color:currentColor}.load-kpi .load-gauge{width:58px;height:36px;margin:0;position:absolute;bottom:8px;right:5px;overflow:visible}.gauge-value{stroke-width:7px}.load-gauge line{stroke-width:2px;stroke-linecap:round}.load-gauge text{fill:#66859c;font-size:7px}.ups-photo{mix-blend-mode:multiply}.prime svg.battery-icon{filter:drop-shadow(0 0 5px);width:17px;height:17px;margin-right:7px}.load-kpi .load-gauge{width:48px;height:34px;inset:31px auto auto 8px}.load-kpi strong{margin-top:7px}.test-event{font-weight:700;color:#f6c85f!important}.ups-photo{filter:brightness(1.65)contrast(1.08)drop-shadow(0 5px 8px #0008)}.bank-summary{padding:5px 7px!important}.bank-summary h3{margin-bottom:2px}.bank-summary .drow{height:16px}.info-columns>div:nth-child(2) .drow:last-child b{white-space:normal;text-overflow:clip;max-width:66%;font-size:6px;line-height:1.1;overflow:visible}.ups-photo-frame{isolation:isolate;background:#29465a;border-radius:3px;flex:none;place-items:center;width:70px;height:72px;display:grid;overflow:hidden}.ups-photo-frame .ups-photo{filter:brightness(1.8)contrast(1.08)drop-shadow(0 5px 8px #0008);width:70px;height:72px}.ups-photo-frame{background:0 0;width:80px;height:76px}.ups-photo-frame .ups-photo{mix-blend-mode:normal;filter:drop-shadow(0 4px 6px #0009);width:80px;height:76px}.ups-panel{grid-template-rows:104px 91px 146px minmax(155px,1fr)}.ups-photo-frame,.ups-photo-frame .ups-photo{width:104px;height:100px}.prime>div{grid-template-rows:17px 31px 17px;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:3px;padding:10px 12px;display:grid}.prime>div>svg:not(.load-gauge){grid-area:1/1;width:14px;height:14px}.prime>div>span{grid-area:1/2;align-self:center}.prime>div>strong{grid-area:2/1/auto/3;align-self:center;margin:0;font-size:20px}.prime>div>em{grid-area:3/1/auto/3;margin:0;font-size:8px}.prime .load-kpi{display:block}.load-kpi>svg:not(.load-gauge),.load-kpi>span{vertical-align:middle}.load-kpi .load-gauge{width:52px;height:36px;top:34px;left:10px}.load-kpi strong,.load-kpi em{margin-left:57px}.load-kpi strong{margin-top:4px;font-size:20px}.load-kpi em{margin-top:1px;font-size:8px}.up-mid{grid-template-columns:minmax(0,1.17fr) minmax(0,1fr) minmax(0,1.17fr)}.up-mid>section{padding:10px 12px}.ups-panel h3,.recent h3{font-size:7.5px}.phase-grid{height:104px}.phase-grid span{font-size:8px}.phase-grid b{font-size:16px}.phase-grid em{font-size:9px}.out-grid .drow,.bank-summary .drow{height:20px;font-size:8px}.out-grid .drow b,.bank-summary .drow b{font-size:9px}.up-bottom{grid-template-rows:minmax(165px,1fr) 158px;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.chart-pair{border-bottom:1px solid #173149;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.chart-pair>section{min-height:0;padding:9px 10px}.chart-pair>section+section{border-left:1px solid #173149}.mini-chart,.level-chart{grid-template-rows:20px minmax(0,1fr);display:grid}.mini-chart>div:first-child{justify-content:space-between;display:flex}.level-chart>div{min-height:0}.panel-cards{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);min-height:0;display:grid}.panel-cards>section{min-height:0;padding:10px 12px;overflow:hidden}.panel-cards>section+section{border-left:1px solid #173149}.panel-cards .drow{height:22px;font-size:8px}.panel-cards .drow b{max-width:62%;font-size:8.5px}.panel-cards .drow b[title]{cursor:help}.temperature-card{text-align:center;background:radial-gradient(circle at 50% 55%,#12344a88,#0000 68%);grid-template-rows:18px minmax(0,1fr) 20px;display:grid}.temperature-card>h3{justify-content:flex-start}.temperature-card>div{justify-content:center;align-items:center;gap:8px;display:flex}.temperature-card .temperature-icon{color:currentColor;filter:drop-shadow(0 0 8px);width:34px;height:34px}.temperature-card strong{color:#dceaf7;font-size:27px;line-height:1}.temperature-card strong small{color:currentColor;margin-left:3px;font-size:11px}.temperature-card>b{letter-spacing:1.2px;font-size:9px}.status-card{grid-template-rows:18px repeat(6,minmax(0,1fr));display:grid}.status-row{color:#6d8ba3;border-bottom:1px solid #142d41;justify-content:space-between;align-items:center;font-size:7.5px;display:flex}.status-row:last-child{border:0}.status-row>b{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:62%;font-size:8px;overflow:hidden}.status-row b i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 5px}.up-head h2{font-size:15px}.up-head span{font-size:7.5px}.prime .load-kpi{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:10px 12px;display:flex}.load-title{align-items:center;height:17px;display:flex}.load-title svg{color:#20d7a0;width:14px;height:14px;margin-right:5px}.load-title span{color:#6e8ba3;letter-spacing:.6px;font-size:6.5px}.load-gauge-wrap{color:#8494a4;grid-template-rows:42px 11px;place-items:center;width:100%;height:53px;display:grid}.load-gauge-wrap.good{color:#20d7a0}.load-gauge-wrap.warn{color:#f6c85f}.load-gauge-wrap.bad{color:#ff6174}.load-gauge-wrap.na{color:#8494a4}.load-kpi .load-gauge{width:clamp(90px,58%,110px);height:42px;margin:0;position:static;overflow:visible}.gauge-track,.gauge-value{fill:none;stroke:#193447;stroke-width:8px;stroke-linecap:round}.gauge-value{stroke:currentColor}.load-gauge .gauge-number{fill:#dceaf7;font-size:25px;font-weight:700}.load-gauge .gauge-number tspan{fill:#7895ad;font-size:11px}.load-gauge-wrap>em{text-align:center;white-space:nowrap;font-style:normal;line-height:11px;color:#7895ad!important;margin:0!important;font-size:8px!important}@media (height<=900px) and (width>=901px){.temperature-card{grid-template-rows:14px 38px 12px;align-content:start}.temperature-card>div{gap:6px}.temperature-card .temperature-icon{width:26px;height:26px}.temperature-card strong{font-size:23px}.temperature-card>b{font-size:8px;line-height:12px}}