:root{--pp-header-height: 4.6rem;--pp-sticky-top: calc(var(--pp-header-height) + .15rem)}body.pp-header-hidden{--pp-sticky-top: .35rem}@keyframes pp-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pp-modal-panel-in{0%{opacity:0;transform:translateY(26px) scale(.84);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes pp-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes pp-modal-panel-out{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(22px) scale(.96);filter:blur(2px)}}.modal-anim-backdrop{animation:pp-modal-backdrop-in .32s cubic-bezier(.22,1,.36,1) both}.modal-anim-panel{animation:pp-modal-panel-in .48s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity,filter}.modal-anim-backdrop-leave{animation:pp-modal-backdrop-out .28s ease-in forwards!important}.modal-anim-panel-leave{animation:pp-modal-panel-out .28s ease-in forwards!important;pointer-events:none}.pp-sticky-table-head th{position:sticky;top:var(--pp-sticky-top);z-index:14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 -1px #94a3b82e}.oee-dashboard-shell{color:#e5e7eb;max-width:100%;min-width:0;overflow-x:hidden}.layout-page-shell,app-dashboard{display:block;max-width:100%;min-width:0;overflow-x:hidden}.oee-dashboard-shell .grid,.oee-dashboard-shell .grid>*,.oee-dashboard-shell app-chart{min-width:0}.oee-dashboard-shell app-chart{display:block;max-width:100%;overflow:hidden}.oee-dashboard-shell .highcharts-container,.oee-dashboard-shell .highcharts-root{max-width:100%!important}.oee-card{border:1px solid rgb(255 255 255 / .1);border-radius:8px;background:linear-gradient(135deg,#ffffff14,#ffffff06),#0f172aeb;box-shadow:0 18px 45px #02061747;max-width:100%;min-width:0;overflow:hidden;padding:1rem}.oee-toolbar{align-items:center;border:1px solid rgb(255 255 255 / .1);border-radius:8px;background:linear-gradient(135deg,#f5822024,#0f172aeb 42%,#ffffff0a),#0f172a;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.oee-toolbar>*{min-width:0}.toolbar-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.range-button,.refresh-button{border:1px solid rgb(255 255 255 / .12);border-radius:8px;background:#0f172ab3;color:#cbd5e1;font-size:.72rem;font-weight:800;letter-spacing:.08em;min-height:2.25rem;padding:.45rem .72rem;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease}.range-button:hover,.refresh-button:hover,.range-button.is-active{background:#f582202e;border-color:#f5822073;color:#fff7ed}.refresh-button{aspect-ratio:1;padding:0;width:2.25rem}.oee-kpi-card{min-height:10rem;overflow:hidden;position:relative}.oee-kpi-card:before{background:var(--tone-color, #f58220);content:"";inset:0 auto 0 0;opacity:.9;position:absolute;width:4px}.oee-kpi-card.tone-green{--tone-color: #22c55e}.oee-kpi-card.tone-amber{--tone-color: #facc15}.oee-kpi-card.tone-red{--tone-color: #ef4444}.oee-kpi-card.tone-blue{--tone-color: #38bdf8}.oee-kpi-card.tone-orange{--tone-color: #f58220}.oee-kpi-fill{background:linear-gradient(90deg,var(--tone-color, #f58220),rgb(255 255 255 / .78))}.machine-status-card{position:relative;overflow:hidden}.machine-status-card:after{background:radial-gradient(circle at 85% 20%,var(--state-glow, rgb(34 197 94 / .22)),transparent 34%);content:"";inset:0;pointer-events:none;position:absolute}.machine-status-card.state-running{--state-glow: rgb(34 197 94 / .28)}.machine-status-card.state-alarm{--state-glow: rgb(239 68 68 / .35)}.machine-status-card.state-material{--state-glow: rgb(250 204 21 / .3)}.machine-status-card.state-operator{--state-glow: rgb(167 139 250 / .3)}.machine-status-card.state-changeover{--state-glow: rgb(56 189 248 / .28)}.status-pill,.interlock-pill,.run-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:900;letter-spacing:.12em;min-height:2rem;padding:.45rem .75rem;text-transform:uppercase}.status-pill{background:#f5822029;border:1px solid rgb(245 130 32 / .45);color:#fed7aa}.interlock-pill{background:#ef44441f;border:1px solid rgb(239 68 68 / .4);color:#fecaca}.run-pill{background:#22c55e1f;border:1px solid rgb(34 197 94 / .4);color:#bbf7d0}.metric-tile{border:1px solid rgb(255 255 255 / .1);border-radius:8px;background:#0206176b;padding:.85rem}.metric-tile span{color:#94a3b8;display:block;font-size:.72rem;font-weight:800;text-transform:uppercase}.metric-tile strong{color:#f8fafc;display:block;font-size:1.3rem;margin-top:.3rem}.timeline-track{border-radius:8px;display:flex;gap:3px;min-height:3.2rem;overflow:hidden}.timeline-segment{align-items:center;color:#fff;display:flex;font-size:.68rem;font-weight:800;justify-content:center;min-width:1.25rem;overflow:hidden;padding:0 .35rem;text-align:center}.timeline-segment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-running{background:#16a34a}.state-stopped{background:#64748b}.state-alarm{background:#dc2626}.state-material{background:#ca8a04}.state-operator{background:#7c3aed}.state-changeover{background:#0284c7}.state-maintenance{background:#f97316}.timeline-row{align-items:center;border:1px solid rgb(255 255 255 / .08);border-radius:8px;display:grid;gap:.25rem .5rem;grid-template-columns:auto 1fr;padding:.55rem .65rem}.timeline-row strong{color:#f8fafc;font-size:.78rem}.timeline-row small{color:#94a3b8;font-size:.72rem;grid-column:2}.state-dot{border-radius:999px;display:inline-block;height:.65rem;width:.65rem}.alarm-row{align-items:center;border-bottom:1px solid rgb(255 255 255 / .08);display:flex;gap:1rem;justify-content:space-between;padding:.8rem}.alarm-row:last-child{border-bottom:0}.alarm-row strong{color:#f8fafc;display:block;font-size:.78rem}.alarm-row p,.alarm-row span{color:#94a3b8;font-size:.74rem}.alarm-row.is-active{background:#f5822014}.alarm-row.is-critical{background:#ef44441a}@media (max-width: 720px){.oee-toolbar{align-items:stretch;flex-direction:column}.toolbar-controls{justify-content:flex-start}}