/* Industrial neon dashboard, scoped to the production overview. */
body:has(.pd-neon){--bg:#03121e;--surface:#061d2d;--ink:#f2f8ff;--muted:#92b5ce;--line:#17455f;background:radial-gradient(ellipse at 90% 0,#08273d 0,transparent 55%),#03121e;color:#f2f8ff}
body:has(.pd-neon) .topbar{background:#041725ee;border-color:#163c52;color:#e9f4ff}body:has(.pd-neon) .sidebar a{color:#a7c4da}body:has(.pd-neon) .sidebar a.active{color:#dff9ff;background:#0b3449;border-left-color:#24c8ff}
.pd-neon{--pn-border:#174960;--pn-muted:#92b6ce;--pn-green:#21f5c6;--pn-cyan:#22c6ff;color:#f2f7ff;max-width:1700px;padding:0 0 24px;font-family:'Segoe UI',Arial,sans-serif}
.pd-neon *{box-sizing:border-box}.pd-neon button,.pd-neon select,.pd-neon input{font:inherit}.pd-neon button{cursor:pointer}.pd-neon button:focus-visible,.pd-neon select:focus-visible,.pd-neon input:focus-visible{outline:2px solid #27dcff;outline-offset:3px}.pd-neon .app-icon{width:20px;height:20px}
.pn-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:0 0 12px}.pn-top h1{font-size:34px;letter-spacing:-1px;margin:0 0 4px;font-weight:730;color:#f7fbff}.pn-top p{font-size:13px;line-height:1.5;color:#a4c5dd;margin:0;max-width:390px}.pn-filter-area{flex:1;max-width:850px;min-width:0}.pd-neon .pd-filterbar{background:none;border:0;padding:0;margin:0;gap:9px;align-items:end}.pd-neon .pd-filterbar label{color:var(--pn-muted);min-width:100px;flex:1}.pd-neon .pd-filterbar select,.pd-neon .pd-filterbar input[type=date],.pd-neon .pd-extra select{background:#041a29;border:1px solid #1b5875;color:#e9f6ff;min-height:37px;border-radius:5px;padding:8px;color-scheme:dark;font-size:11px}.pd-neon .pd-filterbar label:has([data-pd-filter=shift]),.pd-neon .pd-filterbar .pd-compare,.pd-neon #pdReset{display:none}.pd-neon .pd-filterbar #pdMoreFilters{background:#07334c;color:#eaf9ff;border:1px solid #14779a;border-radius:5px;padding:10px 16px;min-height:37px;font-size:11px}.pd-neon .pd-extra{margin:0;color:var(--pn-muted);font-size:10px}.pd-neon .pd-extra>summary{padding:5px 0;text-align:right;font-size:9px;opacity:.7}.pd-neon .pd-extra>div{background:#061d2d;border-color:#174960}.pd-neon .pd-extra label{color:var(--pn-muted)}.pd-neon .pd-chips{margin:6px 0}.pd-neon .pd-chips button{background:#0a2b3d;border-color:#1c637d;color:#b7efff}
.pd-neon .pd-mode-tabs{border-bottom:1px solid #164054;gap:15px;margin-bottom:18px}.pd-neon .pd-mode-tabs button{padding:9px 4px 10px;color:#85a9c1;font-size:11px;border-bottom:2px solid transparent}.pd-neon .pd-mode-tabs button.active{color:#62e2ff;border-color:#27c8f6}
.pn-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:17px}.pn-kpi{position:relative;overflow:hidden;min-width:0;border:1px solid color-mix(in srgb,var(--tone) 32%,#133245);border-radius:11px;padding:20px 20px 16px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--tone) 23%,transparent),transparent 74%),linear-gradient(125deg,#092333,#031522);box-shadow:0 9px 25px #0002}.pn-kpi:before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(var(--tone),transparent 90%);box-shadow:0 0 15px var(--tone)}.pn-kpi header{display:flex;align-items:center;gap:10px;padding:0;min-height:32px}.pn-kpi h2{font-size:17px;margin:0;color:#fff;font-weight:650}.pn-kpi header>small{color:#9bbcd1;font-size:9px;max-width:85px}.pn-kpi header>.app-icon{color:var(--tone);width:42px;height:42px;margin-left:auto;padding:9px;border:2px solid color-mix(in srgb,var(--tone) 65%,transparent);border-radius:50%;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tone) 50%,transparent));flex-shrink:0}.pn-kpi-value{display:block;font-size:clamp(30px,3.5vw,53px);font-weight:750;letter-spacing:-1.5px;color:var(--tone);margin:13px 0 0;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 20px color-mix(in srgb,var(--tone) 18%,transparent)}.pn-kpi-note{display:block;min-height:18px;margin-top:3px;font-size:11px;color:var(--tone)}.pn-kpi footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:47px;margin-top:8px}.pn-change{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.pn-change> b{font-size:29px;font-weight:400}.pn-change strong{font-size:12px}.pn-change small{display:block;font-size:9px;color:#9abbcf;margin-top:3px}.pn-change.positive{color:#22f5b8}.pn-change.negative{color:#ff6071}.pn-comparison-empty{font-size:9px;color:#7f9caf}.pn-spark{display:flex;align-items:end;gap:3px;height:43px;max-width:98px;flex:1;opacity:.8;mask-image:linear-gradient(to top,transparent,#000 22%)}.pn-spark i{background:linear-gradient(var(--spark),color-mix(in srgb,var(--spark) 12%,transparent));width:5px;flex:1;border-radius:1px 1px 0 0;min-width:2px}
.pn-actions{display:flex;align-items:center;gap:22px;min-width:0;background:linear-gradient(110deg,#33212d80,#06213170 45%,#081b28);border:1px solid #433446;border-radius:10px;padding:14px 17px;margin-bottom:17px}.pn-action-title{display:flex;align-items:center;gap:15px;flex:0 1 30%;min-width:210px}.pn-action-title>.app-icon{color:#ff795a;width:43px;height:43px;filter:drop-shadow(0 0 10px #ff5b5070)}.pn-action-title h2{font-size:19px;margin:0 0 4px}.pn-action-title p{font-size:10px;color:var(--pn-muted);margin:0;line-height:1.5}.pn-action-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-width:0}.pn-action{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:12px;border:1px solid #71404a;border-radius:7px;background:linear-gradient(110deg,#4c273644,#0d2331);color:#fff;min-height:64px}.pn-action>b{display:grid;place-items:center;color:#511d14;background:linear-gradient(#ffd366,#ff8c2f);width:29px;height:29px;border-radius:50%;flex-shrink:0}.pn-action:first-child>b{background:linear-gradient(#ff8277,#ff3e51);color:#60141d}.pn-action>span:not(.app-icon){min-width:0;flex:1}.pn-action strong{font-size:20px;color:#ff9c3d}.pn-action:first-child strong{color:#ff626b}.pn-action small{display:block;font-size:10px;margin-top:3px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-action>.app-icon{width:13px;height:13px;color:#ff827b;flex:none}.pn-action:hover{border-color:#ff9162;background:#432c3b}
.pn-main-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:17px;margin-bottom:17px}.pn-bottom-grid{display:grid;grid-template-columns:1.05fr 1fr 1.1fr;gap:17px}.pn-panel{min-width:0;overflow:hidden;background:linear-gradient(115deg,#072234b0,#041724e0);border:1px solid var(--pn-border);border-radius:10px;padding:17px 18px;box-shadow:0 8px 24px #0002}.pn-panel>header{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:15px}.pn-panel h2{font-size:18px;font-weight:650;margin:0;line-height:1.4;color:#f5f9ff}.pn-panel h2>small{display:inline-flex;gap:4px;align-items:center;font-size:9px;font-weight:400;color:var(--pn-muted);margin-left:9px;white-space:nowrap}.pn-panel h2>small .app-icon{width:11px;height:11px}.pn-bottom-grid .pn-panel h2{font-size:14px}.pn-bottom-grid .pn-panel h2>small{display:flex;margin:3px 0 0;font-size:8px}.pn-link,.pn-chart-tools select{background:#062238;border:1px solid #1b5b79;border-radius:5px;padding:7px 11px;color:#eaf6ff;font-size:10px;white-space:nowrap}.pn-link:hover{border-color:#27d4f4;background:#0a354a}.pn-chart-tools{display:flex;gap:8px}.pn-chart-tools select{max-width:135px;color-scheme:dark}
.pn-oee-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:22px;min-height:230px}.pn-gauge{position:relative;min-width:0;max-width:245px;aspect-ratio:1;margin:auto;width:100%}.pn-gauge svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 6px #22dfb512)}.pn-gauge>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.pn-gauge strong{font-size:clamp(27px,3vw,40px);letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}.pn-gauge small{font-size:12px;color:#bad9eb}.pn-factors{display:flex;flex-direction:column;gap:23px;min-width:0}.pn-factors>div>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pn-factors span{font-size:11px;color:#e3f1fa}.pn-factors strong{color:var(--factor);font-size:20px;font-weight:700}.pn-factors i{display:block;background:#123749;height:10px;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0004}.pn-factors i>b{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--factor) 80%,#019dba),var(--factor));box-shadow:0 0 10px color-mix(in srgb,var(--factor) 20%,transparent)}.pn-factors>small{font-size:9px;color:var(--pn-muted);line-height:1.5}.pn-factors>small b{color:#eaf9ff}
.pn-chart{width:100%;height:auto;display:block;overflow:visible;min-width:0}.pn-trend-panel .pn-chart{height:245px}.pn-chart text{font:11px 'Segoe UI',sans-serif;fill:#92b6cf}.pn-gridline{stroke:#173a4e;stroke-width:1}.pn-trend-path{stroke:#43e8d7;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px #13a88d66)}.pn-dot{fill:#93fff0;stroke:#20ccbb;stroke-width:1}.pn-goal-line{stroke:#aac8d8;stroke-width:1.4;stroke-dasharray:5 5;fill:none;opacity:.8}.pn-empty{display:grid;place-items:center;min-height:130px;font-size:12px;line-height:1.5;color:var(--pn-muted);text-align:center}.pn-action-items .pn-empty{grid-column:1/-1;min-height:45px;margin:0}
.pn-production-total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 14px}.pn-production-total>div:first-child>strong{font-size:27px;color:#36d4ff;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.pn-production-total small{display:block;font-size:9px;color:var(--pn-muted);line-height:1.5}.pn-production-total .pn-change> b{display:none}.pn-production-total .pn-change strong{font-size:11px}.pn-period-target{display:flex;align-items:center;gap:8px}.pn-period-target>.app-icon{width:30px;height:30px;padding:5px;border-radius:50%;color:#69e5ff;background:#034461}.pn-period-target b{font-size:14px}.pn-period-target small{font-size:8px}.pn-production-panel .pn-chart{height:205px}.pn-chart-legend{display:flex;align-items:center;gap:16px;font-size:9px;color:#c5dcea;margin:8px 0 0 28px}.pn-chart-legend>span{display:flex;gap:6px;align-items:center}.pn-chart-legend i{display:block;width:12px;height:9px;background:#18c8f4;border-radius:2px}.pn-chart-legend i.goal{height:0;background:none;border-top:1px dashed #c3e4f5}
.pn-causes{display:flex;flex-direction:column;gap:15px}.pn-cause{background:none;border:0;padding:0;text-align:left;color:#eef5ff;width:100%;min-width:0}.pn-cause>span{font-size:10px;line-height:1.4;display:block;margin-bottom:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pn-cause>div{display:flex;align-items:center;gap:12px}.pn-cause i{display:block;flex:1;background:#123449;height:11px;border-radius:3px;overflow:hidden}.pn-cause i>b{display:block;height:100%;border-radius:3px}.pn-cause strong{font-size:11px;font-weight:500;flex:0 0 43px;text-align:right;white-space:nowrap}.pn-cause small{font-size:10px;color:#ffb43c;flex:0 0 28px;text-align:right}.pn-cause:first-child small{color:#ff6876}.pn-cause:hover>span{color:#38deff}
.pn-table-scroll{overflow:auto;max-height:310px}.pn-line-table{border-collapse:collapse;width:100%;font-size:9px;min-width:355px}.pn-line-table th{background:#082638;color:#c8e8f8;font-size:8px;font-weight:500;text-align:left;border:1px solid #123e52;padding:8px 6px;white-space:nowrap}.pn-line-table td{padding:9px 6px;border-bottom:1px solid #103245;vertical-align:middle;color:var(--cell,#d6e9f7)}.pn-line-table td>b{font-size:10px;font-weight:700;white-space:nowrap}.pn-line-table td>i{display:block;height:4px;width:100%;background:#153b4d;border-radius:4px;margin-top:5px;overflow:hidden}.pn-line-table td>i>span{display:block;height:100%;background:var(--cell);border-radius:4px}.pn-line-table td:first-child button{background:none;border:0;color:#eff7ff;padding:0;font-size:9px;text-align:left;max-width:93px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-line-table td:first-child>small{display:block;font-size:7px;color:#7da7c0;margin-top:3px}.pn-footnote{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#6f97b1;margin-top:15px}.pn-footnote button{display:flex;align-items:center;gap:6px;border:0;background:none;color:#7ccde7;font-size:10px}.pn-footnote .app-icon{width:13px;height:13px}
.pn-kpi header{position:relative;padding-right:44px;min-height:40px;flex-wrap:wrap;align-content:center;gap:2px 8px}.pn-kpi header>:is([data-app-icon],[data-pn-icon]){position:absolute;right:0;top:0;display:grid;place-items:center;width:42px;height:42px;padding:8px;border:2px solid color-mix(in srgb,var(--tone) 60%,transparent);border-radius:50%;color:var(--tone);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tone) 40%,transparent))}.pn-kpi header>:is([data-app-icon],[data-pn-icon])>.app-icon{width:23px;height:23px}.pn-action-title>:is([data-app-icon],[data-pn-icon]){color:#ff795a;filter:drop-shadow(0 0 8px #ff5b5070)}.pn-action-title>:is([data-app-icon],[data-pn-icon])>.app-icon{width:38px;height:38px}.pn-loading{border:1px solid #15516a;background:#052336;padding:10px 14px;border-radius:7px;margin:0 0 14px;color:#8fddf6;font-size:11px}.pn-production-panel .pn-chart{height:190px}
@media(min-width:1600px){.pn-kpi{padding:23px}.pn-kpi-value{font-size:57px}.pn-top h1{font-size:38px}.pn-oee-body{min-height:260px}.pn-trend-panel .pn-chart{height:270px}}
@media(max-width:1250px){.pn-top{align-items:start}.pn-filter-area{max-width:610px}.pn-top h1{font-size:30px}.pn-top p{font-size:11px;max-width:280px}.pn-kpis{gap:12px}.pn-kpi{padding:17px 14px 13px}.pn-kpi header{gap:7px}.pn-kpi h2{font-size:14px}.pn-kpi header>.app-icon{width:32px;height:32px;padding:6px}.pn-kpi header>small{font-size:8px}.pn-kpi-value{font-size:34px}.pn-spark{max-width:65px;gap:2px}.pn-actions{gap:15px}.pn-action-title{min-width:175px;flex-basis:25%}.pn-action-title h2{font-size:16px}.pn-action-title p{font-size:9px}.pn-action{padding:9px;gap:7px}.pn-action strong{font-size:17px}.pn-action small{font-size:9px}.pn-oee-body{gap:13px}.pn-panel{padding:16px 14px}.pn-panel h2{font-size:16px}.pn-panel h2>small{display:flex;margin:3px 0 0}.pn-factors strong{font-size:18px}.pn-factors span{font-size:10px}.pn-bottom-grid{grid-template-columns:1fr 1fr}.pn-lines-panel{grid-column:1/-1}.pn-line-table{min-width:0;font-size:12px}.pn-line-table th{font-size:11px}.pn-line-table td>b{font-size:13px}.pn-line-table td:first-child button{font-size:12px;max-width:none}.pn-line-table td:first-child>small{font-size:9px}}
@media(max-width:900px){.pn-top{display:block}.pn-top>div:first-child{margin-bottom:16px}.pn-top p{max-width:none}.pn-filter-area{max-width:none}.pn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-kpi-value{font-size:43px}.pn-kpi header>.app-icon{width:40px;height:40px;padding:8px}.pn-kpi h2{font-size:17px}.pn-actions{display:block}.pn-action-title{margin-bottom:13px}.pn-action-title p{font-size:10px}.pn-action-title h2{font-size:18px}.pn-main-grid{grid-template-columns:1fr}.pn-oee-body{grid-template-columns:1fr 1.2fr;min-height:245px;gap:30px}.pn-gauge{max-width:235px}.pn-factors span{font-size:12px}.pn-factors strong{font-size:21px}.pn-trend-panel .pn-chart{height:auto}.pn-bottom-grid{gap:13px}.pn-production-total{flex-wrap:wrap}.pn-period-target{margin-left:auto}}
@media(max-width:600px){.pd-neon{padding-bottom:12px}.pn-top h1{font-size:29px}.pn-top p{font-size:11px}.pd-neon .pd-filterbar{gap:8px}.pd-neon .pd-filterbar label:not(.pd-compare){min-width:calc(50% - 8px);padding:0;flex:1}.pd-neon #pdMoreFilters{flex:1}.pd-neon .pd-mode-tabs{gap:15px;margin-bottom:14px}.pd-neon .pd-mode-tabs button{font-size:10px}.pn-kpis{gap:10px}.pn-kpi{padding:15px 12px 12px}.pn-kpi header{flex-wrap:wrap;gap:4px;position:relative;padding-right:27px;min-height:36px}.pn-kpi h2{font-size:14px}.pn-kpi header>small{flex-basis:100%;max-width:none;font-size:8px}.pn-kpi header>.app-icon{position:absolute;right:0;top:0;width:27px;height:27px;padding:5px}.pn-kpi-value{font-size:clamp(24px,7.3vw,38px);letter-spacing:-1px;margin-top:12px}.pn-kpi-note{font-size:9px}.pn-kpi footer{min-height:42px;gap:4px}.pn-change{gap:5px}.pn-change strong{font-size:10px}.pn-change> b{font-size:21px}.pn-change small{font-size:7px;max-width:70px;white-space:normal;line-height:1.4}.pn-spark{max-width:46px;gap:2px;height:33px}.pn-spark i:nth-child(even){display:none}.pn-actions{padding:14px 12px}.pn-action-items{grid-template-columns:1fr;gap:8px}.pn-action{min-height:58px}.pn-action strong{font-size:19px}.pn-action small{font-size:10px}.pn-panel{padding:17px 13px}.pn-panel h2{font-size:17px}.pn-panel h2>small{font-size:8px}.pn-oee-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:15px;min-height:195px}.pn-gauge strong{font-size:25px}.pn-gauge small{font-size:10px}.pn-factors{gap:17px}.pn-factors span{font-size:9px}.pn-factors strong{font-size:15px}.pn-factors i{height:7px}.pn-factors>small{font-size:8px}.pn-chart-tools{gap:5px}.pn-chart-tools select{font-size:9px;padding:7px 5px;max-width:89px}.pn-bottom-grid{grid-template-columns:1fr}.pn-lines-panel{grid-column:auto}.pn-bottom-grid .pn-panel h2{font-size:17px}.pn-bottom-grid .pn-panel h2>small{font-size:9px}.pn-production-total{flex-wrap:nowrap}.pn-production-total>div:first-child>strong{font-size:26px}.pn-production-total .pn-change small{max-width:55px}.pn-period-target>.app-icon{display:none}.pn-period-target b{font-size:12px}.pn-production-panel .pn-chart{height:auto}.pn-cause>span{font-size:11px}.pn-causes{gap:19px}.pn-line-table{min-width:350px}.pn-line-table th{font-size:9px;padding:8px 6px}.pn-line-table td>b{font-size:11px}.pn-line-table td:first-child button{font-size:10px}.pn-footnote{align-items:start;font-size:8px}.pn-footnote>span{max-width:65%}.pn-footnote button{font-size:9px;white-space:nowrap}}
@media(max-width:600px){.pn-kpi header>:is([data-app-icon],[data-pn-icon]){width:27px;height:27px;padding:4px;border-width:1px}.pn-kpi header>:is([data-app-icon],[data-pn-icon])>.app-icon{width:17px;height:17px}.pn-kpi-value{font-size:clamp(22px,6.6vw,34px)}}
/* Exact photograph from the supplied reference, fixed independently of nav scroll. */
body:has(.pd-neon) .sidebar .nav-group-title{background:none}
.pn-chart-container{position:relative;min-width:0;width:100%}.pn-chart-tooltip{position:absolute;z-index:8;pointer-events:none;min-width:118px;padding:11px 12px;border:1px solid #216383;border-radius:6px;background:#042033f5;color:#effaff;box-shadow:0 8px 25px #0007;text-align:left}.pn-chart-tooltip[hidden]{display:none}.pn-chart-tooltip small{display:block;color:#9cc5df;font-size:10px;margin-bottom:5px}.pn-chart-tooltip strong{display:block;font-size:12px;white-space:nowrap}.pn-chart-cursor{stroke:#40cde5;stroke-width:1;opacity:0;pointer-events:none}.pn-dot{cursor:crosshair;transition:r .1s,filter .1s}.pn-dot.active,.pn-dot:focus{r:5;fill:#cafff3;stroke:#40eaca;stroke-width:2;filter:drop-shadow(0 0 5px #63ffe3);outline:none}.pn-vertical-grid{opacity:.65}.pn-trend-path{stroke-width:2.6}.pn-gauge svg circle:not([stroke="#113b50"]){filter:drop-shadow(0 0 3px #16d2bc38)}
@media(min-width:1251px){.pn-top h1{font-size:36px}.pn-kpi-value{font-size:clamp(37px,3.6vw,56px)}.pn-kpi{min-height:190px}.pn-panel{border-color:#19516a}.pn-oee-body{min-height:240px}}
@media(max-width:900px){.pn-chart-tooltip{padding:8px 10px}.pn-chart-tooltip strong{font-size:11px}}
body:has(.pd-neon) .pn-kpi header>[data-pn-icon] .app-icon{stroke-width:1.8}.pn-action-title>[data-pn-icon] .app-icon{width:30px;height:42px;filter:drop-shadow(0 0 10px #ff6b5066)}.pn-period-target>[data-pn-icon]{display:grid;place-items:center;border-radius:50%;background:#064664;width:32px;height:32px;color:#49d9fc;flex:none}.pn-period-target>[data-pn-icon]>.app-icon{width:23px;height:23px}.pn-top{margin-bottom:18px}.pn-top h1{font-size:36px}
.pn-reference-brand>.app-icon{color:#0dd2fa}.pn-change>b>.pn-reference-icon{width:23px;height:29px;stroke-width:2.2}.pn-chart-tooltip{backdrop-filter:blur(8px)}
@media(min-width:901px){.pn-top{align-items:flex-start;margin-bottom:12px}.pd-neon .pd-extra>summary{display:none}.pn-kpi{min-height:185px;padding:18px 20px 14px}.pn-kpi header{min-height:28px}.pn-kpi-value{font-size:52px;margin-top:9px;line-height:1.05}.pn-kpi-note{min-height:16px}.pn-kpi footer{min-height:37px;margin-top:6px}.pn-spark{height:36px}.pn-oee-body{min-height:220px}.pn-gauge{max-width:222px}.pn-main-grid .pn-panel>header{margin-bottom:10px}.pn-trend-panel .pn-chart{height:220px}.pn-production-panel .pn-chart{height:160px}.pn-table-scroll{max-height:233px}}
@media(min-width:901px) and (max-width:1250px){.pn-kpi{padding:17px 14px 13px}.pn-kpi-value{font-size:38px}.pn-kpi header{padding-right:35px}.pn-kpi header>[data-pn-icon]{width:32px;height:32px;padding:5px}.pn-oee-body{min-height:220px}}

/* The reference photograph is shared by the original navigation on every page. */
/* Refined cards and a focused OEE trend. */
.pn-kpis{gap:16px;margin-bottom:18px}
.pn-kpi{min-height:195px;padding:20px 20px 16px;border:1px solid color-mix(in srgb,var(--tone) 24%,#153346);border-radius:12px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--tone) 10%,transparent),transparent 65%),linear-gradient(135deg,#0a2435,#061a29);box-shadow:0 7px 20px #0002}
.pn-kpi:before{width:3px;background:var(--tone);opacity:.8;box-shadow:none}
.pn-kpi header{display:grid;grid-template-columns:minmax(0,1fr) 38px;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;padding:0;min-height:43px;align-items:center}
.pn-kpi h2{grid-area:1/1;font-size:14px;font-weight:600;line-height:1.25;letter-spacing:.1px}
.pn-kpi header>small{grid-area:2/1;font-size:9px;line-height:1.4;max-width:none;color:#8daec3}
.pn-kpi header>[data-pn-icon]{grid-area:1/2/3/3;width:38px;height:38px;padding:8px;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);background:color-mix(in srgb,var(--tone) 7%,transparent);filter:none;position:static;margin:0}
.pn-kpi header>[data-pn-icon]>.app-icon{width:20px;height:20px}
.pn-kpi-value{font-size:clamp(30px,3.1vw,46px);font-weight:680;letter-spacing:-1.3px;margin-top:16px;line-height:1.15;text-shadow:none}
.pn-kpi-value-long{font-size:clamp(26px,2.7vw,40px)}
.pn-kpi-note{color:#92b6ce;font-size:10px;margin-top:5px;min-height:16px}
.pn-kpi footer{border-top:1px solid #29485b70;padding-top:12px;margin-top:14px;min-height:40px;align-items:center}
.pn-change{gap:7px}.pn-change strong{font-size:11px;font-weight:600}.pn-change small{font-size:8px;color:#85a6bc}.pn-change>b>.pn-reference-icon{width:18px;height:24px}
.pn-spark{height:28px;max-width:76px;opacity:.65}
.pn-panel{border-radius:12px;background:linear-gradient(135deg,#092334,#061a29);box-shadow:0 6px 20px #0002;border-color:#1a4359}
.pn-panel>header{padding-bottom:12px;border-bottom:1px solid #1c415555;margin-bottom:16px}
.pn-panel h2{font-size:17px;font-weight:600}.pn-panel h2>small{display:flex;margin:5px 0 0;color:#85a6bc;font-size:9px}
.pn-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.pn-lines-panel{grid-column:1/-1}.pn-bottom-grid .pn-panel h2{font-size:17px}.pn-bottom-grid .pn-panel h2>small{display:flex;margin:5px 0 0}
.pn-production-panel .pn-chart{height:205px}.pn-bar-point{cursor:crosshair}.pn-bar-point.active,.pn-bar-point:focus{filter:brightness(1.35);stroke:#d9faff;stroke-width:1;outline:none}
.pn-gauge strong{color:#21f5c6;font-size:clamp(20px,2.1vw,29px);letter-spacing:-.7px}.pn-gauge>div{gap:5px}.pn-gauge svg circle:not([stroke="#113b50"]){filter:none}
.pn-table-scroll{max-height:300px}.pn-line-table td>b{font-size:13px}.pn-line-table td{padding-top:13px;padding-bottom:13px}
.pn-chart-tooltip small:last-child:not(:first-child){max-width:200px;line-height:1.4;margin-top:6px;white-space:normal}
@media(max-width:600px){.pn-gauge strong{font-size:clamp(16px,4.7vw,24px)}.pn-gauge small{font-size:9px}.pn-gauge>div{gap:3px}}
@media(max-width:1100px) and (min-width:901px){.pn-kpi{padding:17px 14px 14px}.pn-kpi-value{font-size:32px}.pn-kpi-value-long{font-size:27px}.pn-kpi h2{font-size:12px}.pn-kpi header{column-gap:6px;grid-template-columns:minmax(0,1fr) 30px}.pn-kpi header>[data-pn-icon]{width:30px;height:30px;padding:5px}.pn-spark{max-width:44px}}
@media(max-width:600px){.pn-kpis{gap:10px}.pn-kpi{min-height:170px;padding:14px 12px 12px}.pn-kpi header{grid-template-columns:minmax(0,1fr) 25px;column-gap:5px;min-height:43px}.pn-kpi h2{font-size:12px}.pn-kpi header>small{font-size:8px}.pn-kpi header>[data-pn-icon]{width:25px;height:25px;padding:4px}.pn-kpi header>[data-pn-icon]>.app-icon{width:15px;height:15px}.pn-kpi-value{font-size:clamp(25px,7vw,36px);margin-top:13px}.pn-kpi-value-long{font-size:clamp(20px,5.8vw,30px)}.pn-kpi footer{margin-top:10px;padding-top:9px}.pn-spark{max-width:35px;height:23px}.pn-change strong{font-size:9px}.pn-change small{font-size:7px}.pn-bottom-grid{grid-template-columns:1fr}.pn-lines-panel{grid-column:auto}.pn-production-panel .pn-chart{height:auto}}