/* Reference overview, revision 2. All chrome changes are limited to this view. */
@font-face{font-family:'Pulse Sans';src:url('/assets/fonts/roboto-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
html body:has(.ov-ref){background:#00131f;color:#edf6ff;--bg:#00131f;--ink:#edf6ff;--muted:#a6c7de}
body:has(.ov-ref)::before{content:'';position:fixed;z-index:0;pointer-events:none;left:248px;right:0;top:0;height:148px;background:linear-gradient(180deg,#00152500 42%,#00131f 100%),radial-gradient(ellipse at 31% 88%,#008dff42,transparent 42%),linear-gradient(90deg,#00294799,transparent 52%,#00121aa6),url('/assets/overview-factory-v1.png') center top/cover no-repeat}
html body:has(.ov-ref)>#app{position:relative;z-index:1;padding:46px 12px 20px;background:transparent;min-height:100vh}
html body:has(.ov-ref)>.topbar{height:49px;padding:0 18px;background:linear-gradient(90deg,#0016242b 38%,#001521c9 70%,#00131ff0);border:0;box-shadow:none;backdrop-filter:none;color:#e8f5ff;font-family:'Pulse Sans','Segoe UI',sans-serif}
body:has(.ov-ref)>.topbar .crumb{display:flex;align-items:center;gap:11px;overflow:visible;font-size:14px;color:#eff6ff;white-space:nowrap;font-weight:400}
body:has(.ov-ref)>.topbar .crumb>b,body:has(.ov-ref)>.topbar .crumb>span:not(.plant-icon){display:none}
body:has(.ov-ref)>.topbar .plant-icon{width:32px;height:32px;margin:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0c3e60,#06243d);color:#e3f4ff;box-shadow:inset 0 1px #5bace533}
body:has(.ov-ref)>.topbar .plant-icon .app-icon{width:21px;height:21px}
body:has(.ov-ref)>.topbar .top-actions{gap:12px;flex:none;align-items:center}
body:has(.ov-ref)>.topbar [data-new-request],body:has(.ov-ref)>.topbar #themeBtn{display:none}
body:has(.ov-ref)>.topbar .system-state{height:32px;min-width:137px;display:flex;justify-content:center;gap:6px;padding:0 9px;border:1px solid #00664b;border-radius:11px;background:linear-gradient(115deg,#00402f,#002d2d);color:#8ef9bb;font-size:12px;font-weight:500;box-shadow:0 0 15px #00b24b0c,inset 0 1px #18c87512;white-space:nowrap}
body:has(.ov-ref)>.topbar .system-state i{width:10px;height:10px;background:none;border:2px solid #00e86c;box-shadow:0 0 6px #00d97644}
.ov-language-select{display:none}
body:has(.ov-ref)>.topbar #languageSwitcher{position:relative;display:block;padding:0;width:58px;height:32px;border:1px solid #08658a;border-radius:9px;overflow:hidden;background:linear-gradient(90deg,#06426a 0 53%,#00243b 53%);box-shadow:inset 0 1px #3bbfff18}
body:has(.ov-ref)>.topbar #languageSwitcher>button{display:none}
body:has(.ov-ref)>.topbar #languageSwitcher:after{content:'';position:absolute;right:9px;top:12px;width:6px;height:6px;border:solid #9ad7f7;border-width:0 1px 1px 0;transform:rotate(45deg);pointer-events:none}
body:has(.ov-ref)>.topbar .ov-language-select{display:block;appearance:none;cursor:pointer;width:100%;height:100%;padding:0 22px 0 9px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f2faff;font:600 12px 'Pulse Sans','Segoe UI',sans-serif;color-scheme:dark}
body:has(.ov-ref)>.topbar .ov-language-select option{background:#05253c}
body:has(.ov-ref)>.topbar #notificationBtn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:#001b2922;color:#e4f5ff;border-radius:8px}
body:has(.ov-ref)>.topbar #notificationBtn>.app-icon,body:has(.ov-ref)>.topbar #notificationBtn [data-app-icon]>.app-icon{width:23px;height:23px;stroke-width:1.6}
body:has(.ov-ref)>.topbar .notification-count{top:-4px;right:-1px;min-width:18px;height:17px;padding:0 4px;border:0;border-radius:10px;background:#ff4d62;color:#fff;font:500 11px/17px 'Pulse Sans',sans-serif}
body:has(.ov-ref)>.topbar #today{display:flex;align-items:center;gap:18px;margin-left:12px;padding:0;border:0;color:#c7deef;font-size:12px;font-weight:400;line-height:1;white-space:nowrap}
.ov-time{font-variant-numeric:tabular-nums;min-width:31px;color:#e5f2ff}.ov-date-text{min-width:87px}
body:has(.ov-ref)>#notificationPanel{--surface:#052335;--surface2:#0b2d41;--line:#154c66;--ink:#edf6ff;--muted:#a6c7de;--blue:#24c8ff;--green:#22df94;--blue2:#073b53;top:52px;background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 16px 45px #0008}
.ov-ref{position:relative;font-family:'Pulse Sans','Segoe UI',Arial,sans-serif;color:#eef5ff;width:100%;font-size:12px;min-width:0;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
.ov-ref *{box-sizing:border-box}.ov-ref svg{display:block}.ov-ref button,.ov-ref select,.ov-ref input{font:inherit}.ov-ref button{cursor:pointer}.ov-ref button:focus-visible,.ov-ref select:focus-visible,.ov-ref input:focus-visible{outline:2px solid #0bd9ff;outline-offset:3px}.ov-ref button:hover{filter:brightness(1.14)}
.ov-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;height:67px;margin-bottom:18px;padding:0 5px 0 48px;min-width:0}.ov-heading>div:first-child{min-width:0;padding-bottom:9px}
.ov-heading h1{font-family:'Segoe UI',Arial,sans-serif;font-size:32px;font-weight:700;line-height:1.14;letter-spacing:-.7px;margin:0 0 3px;white-space:nowrap}.ov-heading p{font-family:'Segoe UI',Arial,sans-serif;font-size:13px;line-height:20px;margin:0;color:#c9e0f6;white-space:nowrap;letter-spacing:.03px}
.ov-filters{display:grid;grid-template-columns:1.01fr 1fr .94fr 1.3fr auto;gap:9px;min-width:0;flex:1;max-width:807px}
.ov-filter{height:47px;border:1px solid #10577a;border-radius:10px;display:flex;align-items:center;gap:7px;padding:6px;background:linear-gradient(135deg,#052f48ed,#001b2cd9);box-shadow:inset 0 1px #6dd7ff14,0 3px 10px #0002;min-width:0}
.ov-filter-icon{width:31px;height:31px;display:grid;place-items:center;color:#00caff;background:linear-gradient(145deg,#003f60,#002d46);border-radius:7px;flex:none}.ov-filter-icon svg{width:21px;height:21px;filter:drop-shadow(0 0 4px #00b0e01c)}
.ov-filter-content{position:relative;min-width:0;flex:1}.ov-filter-content:after{content:'';position:absolute;right:5px;top:16px;width:6px;height:6px;border:solid #b2d9ee;border-width:0 1px 1px 0;transform:rotate(45deg);pointer-events:none}
.ov-filter small{display:block;font-size:9px;line-height:11px;color:#95bfdc;font-weight:400;letter-spacing:.1px}
.ov-ref .ov-filter select{appearance:none;padding:0 17px 0 0;height:23px;background:transparent;border:0;box-shadow:none;color:#eef7ff;width:100%;min-width:0;border-radius:0;font-size:12px;font-weight:450;line-height:23px;color-scheme:dark;text-overflow:ellipsis;cursor:pointer}
.ov-ref option{background:#032237;color:#edf6ff}.ov-apply{display:flex;align-items:center;justify-content:center;gap:8px;min-width:86px;height:47px;padding:0 13px;border:1px solid #00b5ff;border-radius:10px;background:linear-gradient(125deg,#009fff,#0093ed);box-shadow:inset 0 1px #49c8ff66,0 5px 16px #0099ff10;color:#fff;font-size:14px!important;font-weight:500!important}.ov-apply svg{width:19px;height:19px;stroke-width:1.5}
.ov-range{display:flex;gap:10px;justify-content:flex-end;padding:10px;margin-bottom:12px;border:1px solid #0c4d6b;background:#002033;border-radius:8px}.ov-range[hidden]{display:none}.ov-range label{display:flex;align-items:center;gap:8px}.ov-range input{color-scheme:dark;width:145px;background:#002134;border-color:#185677;color:#fff}.ov-range button,.ov-notice button{border:1px solid #107eac;background:#00699b;color:#fff;border-radius:6px;padding:8px 12px}.ov-notice{padding:10px;margin-bottom:10px;color:#ffb5ad;background:#3d1c28;border-radius:7px}.ov-loading{position:absolute;right:5px;top:70px;color:#a4c9db;font-size:9px;pointer-events:none}.ov-empty{min-height:100px;display:grid;place-items:center;color:#93b5ce;text-align:center;font-size:12px}
.ov-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}
.ov-kpi{height:124px;min-width:0;position:relative;padding:10px 10px 8px;border:1px solid color-mix(in srgb,var(--tone) 33%,#164d6b);border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at -5% -30%,color-mix(in srgb,var(--tone) 25%,transparent),transparent 70%),radial-gradient(ellipse at 90% 120%,color-mix(in srgb,var(--tone) 12%,transparent),transparent 55%),linear-gradient(135deg,#05273e,#001426 80%);box-shadow:inset 0 1px 2px #b7e9ff39,inset 0 -2px 8px color-mix(in srgb,var(--tone) 12%,transparent),0 3px 9px #0003}
.ov-kpi:before{content:'';position:absolute;left:5%;top:0;width:72%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone) 65%,#fff),transparent);opacity:.8;box-shadow:0 0 8px var(--tone)}
.ov-kpi:after{content:'';position:absolute;bottom:0;right:8%;width:42%;height:1px;background:linear-gradient(90deg,transparent,var(--tone),transparent);box-shadow:0 0 9px 1px color-mix(in srgb,var(--tone) 55%,transparent);opacity:.55}
.ov-kpi-icon{position:absolute;left:10px;top:9px;display:grid;place-items:center;width:43px;height:44px;color:var(--tone);background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--tone) 18%,#002136),#002136);border:1px solid color-mix(in srgb,var(--tone) 38%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--tone) 10%,transparent);border-radius:8px}.ov-kpi-icon svg{width:29px;height:29px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--tone) 40%,transparent))}
.ov-kpi-main{margin-left:56px;min-width:0}.ov-kpi h2{font-size:12px;font-weight:400;line-height:16px;margin:4px 9px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02px}
.ov-kpi-main>strong{font-family:'Pulse Sans','Segoe UI',sans-serif;font-size:26px;line-height:1.05;letter-spacing:.15px;font-weight:700;color:#f6f7ff;white-space:nowrap}.ov-kpi-main>small{display:block;color:#b8d4ef;font-size:13px;line-height:16px}
.ov-ref [data-ov-kpi=minutes] .ov-kpi-main>strong{font-size:clamp(18px,1.5vw,25px)}
.ov-more{border:0;background:none;color:#bbd2ec;font:24px/1 'Segoe UI',sans-serif!important;padding:0 2px;width:18px;flex:none}.ov-kpi>.ov-more{position:absolute;right:6px;top:12px}
.ov-kpi footer{position:absolute;bottom:8px;left:13px;right:10px;display:flex;align-items:end;justify-content:space-between;gap:5px}.ov-delta{font-size:16px;line-height:1.1}.ov-delta strong{display:flex;gap:5px;align-items:center;font-weight:700}.ov-delta strong svg{width:12px;height:15px;flex:none;fill:currentColor}.ov-delta small{display:block;font-size:12px;font-weight:400;color:#9fc6da;margin-top:5px;white-space:nowrap}.ov-ref .positive{color:#15ed94}.ov-ref .negative{color:#ff5960}.ov-ref .warning{color:#ffc600}.ov-muted{color:#9ab6ca}
.ov-spark{height:37px;max-width:65px;flex:1;display:flex;gap:3px;align-items:end;mask-image:linear-gradient(to top,transparent,#000 28%)}.ov-spark i{flex:1;max-width:8px;background:linear-gradient(var(--tone),color-mix(in srgb,var(--tone) 14%,transparent));box-shadow:inset 1px 0 #ffffff13;min-width:2px}
.ov-row{display:grid;gap:10px;margin-bottom:8px;align-items:stretch}.ov-row-one{grid-template-columns:1.36fr 1fr .86fr}.ov-row-two{grid-template-columns:1.31fr 1.02fr .92fr}.ov-row-three{grid-template-columns:1.06fr 1.07fr .95fr;margin-bottom:0}
.ov-panel{min-width:0;overflow:hidden;border:1px solid #005277;background:radial-gradient(ellipse at 0 0,#07334a38,transparent 72%),linear-gradient(125deg,#002136a8,#001a2bcc 70%);box-shadow:inset 0 1px #99dcff08,0 3px 9px #0002;border-radius:12px;padding:7px 12px 10px}.ov-row-one .ov-panel{height:230px}.ov-row-two .ov-panel{height:251px}.ov-row-three .ov-panel{height:235px}
.ov-panel>header{height:35px;display:flex;align-items:center;gap:12px;margin:-1px -5px 6px;min-width:0}.ov-panel-icon{width:32px;height:33px;display:grid;place-items:center;background:linear-gradient(140deg,#073d63,#003050);color:#e5f3ff;border-radius:6px;box-shadow:inset 0 1px #2e91bd1c,inset 0 0 8px #00a2ff14;flex:none}.ov-panel-icon svg{width:22px;height:22px;stroke-width:1.65}
.ov-panel h2{margin:0;line-height:1.2;font-size:14px;font-weight:650;letter-spacing:-.1px;white-space:nowrap;min-width:0}.ov-panel-tools{margin-left:auto;display:flex;align-items:center;gap:18px;min-width:0}
.ov-panel-tools select{appearance:none;cursor:pointer;height:33px;min-width:86px;max-width:136px;border:1px solid #00618a;border-radius:7px;background:#001a2d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%239bcee9' stroke-width='1.2'/%3E%3C/svg%3E") right 10px center/9px 6px no-repeat;color:#e4f5ff;font-size:12px;padding:5px 29px 5px 11px;color-scheme:dark;box-shadow:inset 0 1px #82caff0c}.ov-panel-tools>small{font-size:11px;white-space:nowrap;color:#c2dcf1}
.ov-legend{display:flex;justify-content:center;gap:26px;font-size:11px;height:24px;align-items:center;color:#c3dff4;min-width:0}.ov-legend span{display:flex;gap:8px;align-items:center;white-space:nowrap}.ov-legend i{width:10px;height:11px;background:var(--color);border-radius:4px;flex:none}.ov-legend i.dashed{width:22px;height:0;border-top:2px dashed var(--color);background:none;border-radius:0}
.ov-chart{width:100%;height:152px;overflow:visible}.ov-chart text{font:12.5px 'Pulse Sans','Segoe UI',sans-serif;fill:#bedbf2}.ov-gridline{stroke:#17445d;stroke-width:1;opacity:.72}.ov-gridline.ov-vertical{opacity:.42}.ov-trend .ov-chart{height:171px}.ov-trend .ov-legend{gap:22px;font-size:10.5px;margin-bottom:6px}
.ov-donut-layout{display:grid;grid-template-columns:46% 54%;align-items:center;min-width:0;height:177px}.ov-donut{position:relative;min-width:0;aspect-ratio:1;max-height:180px}.ov-donut svg{width:100%;height:100%}.ov-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.ov-donut strong{font-size:25px;font-weight:700;letter-spacing:.1px}.ov-donut small{font-size:12px;color:#b6d2e9}
.ov-line-legend{display:flex;flex-direction:column;gap:4px;min-width:0}.ov-line-legend button{display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #0c324780;background:none;color:#d4e6f6;padding:6px 0;font-size:12px;min-width:0;text-align:left}.ov-line-legend i{width:10px;height:10px;border-radius:50%;flex:none}.ov-line-legend span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ov-line-legend b{font-size:12px;font-weight:600;white-space:nowrap}.ov-line-legend small{font-size:11px;min-width:52px;text-align:right;color:#c7dbef}
.ov-line-bars{display:flex;flex-direction:column;justify-content:space-evenly;height:168px;gap:10px;padding:4px 0}.ov-bar-row{display:grid;grid-template-columns:65px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;border:0;background:none;color:#e6f0ff;text-align:left;padding:0;font-size:12px}.ov-bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-track{display:block;height:20px;background:linear-gradient(90deg,#0f2b3d,#193447);border-radius:2px;position:relative;min-width:0;box-shadow:inset 0 1px 1px #0003}.ov-track b{display:block;height:100%;background:linear-gradient(100deg,color-mix(in srgb,var(--bar) 94%,#fff),var(--bar));border-radius:2px;max-width:100%;box-shadow:inset 0 1px #ffffff20}.ov-track em{position:absolute;top:-9px;bottom:-9px;width:1px;background:#77a2c480;border-left:1px dashed #a0c9e2}.ov-bar-row>strong{font-size:12px;font-weight:500;text-align:right;white-space:nowrap}
.ov-downtime .ov-line-bars{height:194px;gap:12px;padding-top:10px}.ov-downtime .ov-bar-row{grid-template-columns:57px minmax(0,1fr) 37px}.ov-downtime .ov-track{height:23px}
.ov-causes{display:flex;flex-direction:column;gap:6px;padding-top:1px}.ov-causes button{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 45px 28px;align-items:center;gap:9px;background:none;color:#dbeeff;border:0;padding:0;text-align:left;font-size:11.5px;height:14px;width:100%}.ov-causes button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-causes .ov-track{height:10px;border-radius:5px}.ov-causes .ov-track b{border-radius:5px}.ov-causes strong,.ov-causes small{font-size:11px;font-weight:400;text-align:right;white-space:nowrap}
.ov-products{display:flex;flex-direction:column;gap:8px;padding-top:8px}.ov-products button{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) 48px 41px;align-items:center;gap:10px;width:100%;padding:0;border:0;background:none;color:#d0e6f8;text-align:left;font-size:12px}.ov-products button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-products .ov-track{height:13px;border-radius:3px}.ov-products strong,.ov-products small{text-align:right;font-weight:400;font-size:11px;white-space:nowrap}
.ov-gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:172px;margin-top:9px}.ov-speed-gauge{border:0;border-right:1px solid #07405a66;background:none;color:#f1f7ff;padding:6px 6px 0;min-width:0;display:flex;flex-direction:column;align-items:center}.ov-speed-gauge:last-child{border-right:0}.ov-speed-gauge>span{font-size:12px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ov-speed-gauge svg{width:100%;height:auto;max-height:75px;margin-top:5px}.ov-speed-gauge svg text{font-family:'Pulse Sans','Segoe UI',sans-serif;font-size:18px;font-weight:700}.ov-speed-gauge>strong{font-size:17px;white-space:nowrap;margin-top:8px;letter-spacing:.1px}.ov-speed-gauge>strong small{font-size:11px;font-weight:400;color:#a9c7df}.ov-speed-gauge footer{border-top:1px solid #12354a99;width:100%;padding:10px 0 0;margin-top:13px;font-size:11px;color:#b6d4e9;white-space:nowrap}
.ov-quality .ov-legend{height:21px;gap:22px;margin-bottom:10px}.ov-quality-rows{display:flex;flex-direction:column;gap:11px;padding-top:1px}.ov-quality-rows button{display:grid;grid-template-columns:54px minmax(0,1fr) 45px 35px 29px;gap:8px;align-items:center;width:100%;background:none;color:#c9e3f7;border:0;padding:0;text-align:left;font-size:12px}.ov-quality-rows .ov-track{display:flex;height:18px}.ov-quality-rows .ov-track b{border-radius:0;flex:none}.ov-quality-rows strong{color:#ff515c;font-size:12px;font-weight:500;white-space:nowrap}.ov-quality-rows small{text-align:right;font-size:10.5px;white-space:nowrap}.ov-quality-rows button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1700px){.ov-row-one .ov-panel{height:250px}.ov-row-two .ov-panel{height:270px}.ov-row-three .ov-panel{height:250px}.ov-production .ov-chart{height:173px}.ov-trend .ov-chart{height:190px}.ov-donut-layout,.ov-line-bars{height:195px}.ov-donut{max-height:195px}.ov-downtime .ov-line-bars{height:212px}.ov-kpi{height:128px}.ov-kpi-main>strong{font-size:29px}}
@media(max-width:1450px) and (min-width:1251px){.ov-heading{padding-left:22px;gap:12px}.ov-heading h1{font-size:30px}.ov-heading p{font-size:11px}.ov-filters{max-width:720px;gap:7px}.ov-filter{gap:5px;padding:5px}.ov-filter-icon{width:28px}.ov-filter-icon svg{width:19px}.ov-kpi-icon{width:34px;height:37px;left:8px}.ov-kpi-icon svg{width:24px;height:24px}.ov-kpi-main{margin-left:38px}.ov-kpi-main>strong{font-size:25px}.ov-kpi h2{font-size:12px}.ov-kpi{padding-left:8px}.ov-delta small{font-size:11px}.ov-spark{max-width:50px}.ov-panel h2{font-size:14px}.ov-panel>header{gap:8px}.ov-panel-tools{gap:6px}.ov-panel-tools select{min-width:73px;padding-left:9px;padding-right:24px;font-size:11px}.ov-line-legend button{gap:6px}.ov-line-legend small{min-width:43px;font-size:10px}.ov-bar-row{grid-template-columns:49px minmax(0,1fr) 29px;gap:6px}.ov-quality-rows button{grid-template-columns:37px minmax(0,1fr) 36px 29px 25px;gap:5px}.ov-quality-rows strong{font-size:11px}.ov-quality-rows small{font-size:10px}.ov-gauges{margin-left:-5px;margin-right:-5px}.ov-speed-gauge>strong{font-size:15px}.ov-products button{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 42px 33px;gap:7px}.ov-causes button{gap:6px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 33px 23px}.ov-trend .ov-legend{gap:14px;font-size:10px}}
@media(max-width:1250px){.ov-heading{padding:7px 0 0;display:block;height:auto}.ov-heading h1{font-size:30px}.ov-heading p{font-size:12px;white-space:normal}.ov-filters{max-width:none;margin-top:5px}.ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ov-row-one,.ov-row-two,.ov-row-three{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-production,.ov-trend{grid-column:1/-1}.ov-row-three .ov-quality{grid-column:1/-1}.ov-quality-rows button{grid-template-columns:70px minmax(0,1fr) 60px 50px 40px}.ov-row-three .ov-quality{height:auto;min-height:230px}.ov-row{margin-bottom:10px}.ov-donut-layout{grid-template-columns:45% 55%}.ov-panel h2{font-size:16px}.ov-kpi-main>strong{font-size:28px}.ov-loading{top:60px}}
@media(max-width:1100px){body:has(.ov-ref)>.topbar #today{display:none}body:has(.ov-ref)>.topbar .system-state{min-width:125px}.ov-panel-tools{gap:8px}}
@media(max-width:900px){body:has(.ov-ref)::before{left:0}body:has(.ov-ref)>.topbar .crumb{display:flex}body:has(.ov-ref)>.topbar .plant-icon{width:28px;height:28px}body:has(.ov-ref)>.topbar .system-state{display:flex}body:has(.ov-ref)>.topbar #menuBtn{margin-right:8px}}
@media(max-width:700px){html body:has(.ov-ref)>#app{padding:61px 10px 18px}html body:has(.ov-ref)>.topbar{height:52px;padding:0 10px}body:has(.ov-ref)>.topbar .crumb{display:none}body:has(.ov-ref)>.topbar .system-state{display:none}body:has(.ov-ref)>.topbar .top-actions{gap:12px}body:has(.ov-ref)::before{height:162px;background-position:center 42%}.ov-heading{margin-bottom:12px}.ov-heading h1{font-size:28px}.ov-heading p{font-size:11px;line-height:18px}.ov-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}.ov-filter{height:47px}.ov-apply{grid-column:1/-1;height:40px}.ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.ov-kpi{height:123px}.ov-kpi-main{margin-left:43px}.ov-kpi-icon{width:35px;height:38px;left:8px}.ov-kpi-icon svg{width:25px;height:25px}.ov-kpi h2{font-size:12px;margin-bottom:11px}.ov-kpi-main>strong{font-size:25px}.ov-kpi-main>small{font-size:12px}.ov-ref [data-ov-kpi=minutes] .ov-kpi-main>strong{font-size:22px}.ov-kpi footer{left:9px}.ov-delta{font-size:15px}.ov-delta small{font-size:10.5px}.ov-spark{max-width:48px;gap:2px}.ov-row-one,.ov-row-two,.ov-row-three{grid-template-columns:minmax(0,1fr)}.ov-production,.ov-trend,.ov-row-three .ov-quality{grid-column:auto}.ov-panel h2{font-size:15px}.ov-panel>header{gap:10px}.ov-panel-tools{gap:8px}.ov-panel-tools select{font-size:12px;min-width:81px;padding-left:9px}.ov-legend{gap:20px;font-size:11px}.ov-trend .ov-legend{gap:14px;font-size:10px}.ov-donut-layout{grid-template-columns:46% 54%}.ov-donut{max-height:175px}.ov-donut strong{font-size:25px}.ov-quality-rows button{grid-template-columns:42px minmax(0,1fr) 40px 32px 28px;gap:6px}.ov-quality-rows strong{font-size:11px}.ov-quality-rows small{font-size:10px}.ov-range{flex-wrap:wrap;justify-content:flex-start}.ov-range label{font-size:12px}.ov-range input{width:125px}.ov-speed-gauge>strong{font-size:15px}.ov-speed-gauge footer{font-size:10px}.ov-products button{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 45px 35px;gap:7px}.ov-products button>span{font-size:11px}.ov-loading{top:58px;font-size:9px}.ov-notice{font-size:12px}}
@media(max-width:360px){.ov-kpi-main{margin-left:35px}.ov-kpi-icon{width:28px;height:33px}.ov-kpi-icon svg{width:21px;height:21px}.ov-kpi-main>strong{font-size:23px}.ov-kpi h2{font-size:11px}.ov-ref [data-ov-kpi=minutes] .ov-kpi-main>strong{font-size:19px}.ov-spark{max-width:36px}.ov-panel h2{font-size:14px}.ov-panel-icon{width:28px}.ov-panel>header{gap:6px}.ov-panel-tools select{min-width:70px;font-size:11px;padding-right:24px}.ov-line-legend button{gap:5px;font-size:11px}.ov-line-legend b{font-size:11px}.ov-line-legend small{font-size:10px;min-width:42px}.ov-causes button{gap:6px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 34px 23px;font-size:10.5px}.ov-causes strong,.ov-causes small{font-size:10px}.ov-speed-gauge>strong{font-size:13px}.ov-speed-gauge footer{font-size:9px}.ov-quality-rows button{grid-template-columns:35px minmax(0,1fr) 36px 29px 25px;gap:4px}.ov-quality-rows small{font-size:9.5px}.ov-products button{gap:5px}}

/* Personal welcome replaces the page title without truncating the account name. */
.ov-heading:has(.ov-greeting){height:auto;min-height:81px}
.ov-heading>div:first-child:has(.ov-greeting){flex:0 1 400px}
.ov-heading .ov-greeting{white-space:normal;line-height:1.12;margin:0 0 3px}
.ov-greeting>span{display:block;font-size:14px;font-weight:400;line-height:18px;letter-spacing:.1px;color:#b9d8f0}
.ov-greeting>strong{display:block;font-size:27px;line-height:31px;font-weight:700;letter-spacing:-.5px;overflow-wrap:anywhere}
@media(max-width:1450px) and (min-width:1251px){.ov-greeting>strong{font-size:25px;line-height:29px}}
@media(max-width:1250px){.ov-heading:has(.ov-greeting){height:auto;min-height:0}.ov-greeting>strong{font-size:27px}}
@media(max-width:700px){.ov-greeting>strong{font-size:26px;line-height:31px}.ov-greeting>span{font-size:14px}}