.production-screen{--screen-small:28px;--screen-heading:40px;--screen-number:64px;--screen-hero:84px;background:#08172c;color:#e8f2ff;min-height:100vh;padding:16px 32px;font-size:var(--screen-small);display:flex;flex-direction:column;gap:12px}.production-screen header{display:flex;justify-content:space-between;align-items:center}.screen-brand{display:flex;align-items:center;gap:20px}.screen-brand img{width:100px;height:100px;background:white;border-radius:12px;object-fit:contain}.screen-brand b{font-size:var(--screen-heading)}.screen-health{color:#6ae3bc}.screen-controls{display:flex;align-items:center;gap:16px}.screen-controls select{width:auto;background:#162c49;color:white;border-color:#355579}.screen-controls button{background:#285daa}.screen-controls a{color:#a9ceff}.screen-controls span{margin-left:auto}.screen-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.screen-kpis article{background:#122c49;padding:20px;border-top:4px solid #54a4fa;border-radius:12px}.screen-kpis strong{font-size:var(--screen-number);display:block;margin-top:12px}.screen-kpis .screen-warning{border-color:#ffc263;color:#ffd599}.screen-panels{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;flex:1;min-height:380px}.screen-panels article{background:#10243d;border:1px solid #284665;padding:22px;border-radius:12px}.screen-panels h2{font-size:var(--screen-heading);margin:0 0 16px}.screen-row{display:flex;align-items:center;gap:16px;min-height:68px;border-bottom:1px solid #2a4260}.screen-row span{flex:1}.screen-row small{font-size:var(--screen-small);color:#ffcf86}.screen-note{margin-top:20px;color:#a0bad7}.screen-order{margin:12px 0 22px}.screen-order b{float:right}.screen-bar{height:14px;background:#263b56;margin:12px 0}.screen-bar i{height:100%;background:#5bcae8;display:block}.screen-danger{color:#ffaf9d!important}.screen-empty{padding:80px 0;text-align:center;color:#a0bad7}.screen-alert{display:flex;gap:24px;background:#163458;padding:20px;border-radius:12px;min-height:74px}.production-screen footer{display:flex;justify-content:space-between;color:#92b0d2}.production-screen input,.production-screen button,.production-screen select,.production-screen a{font-size:var(--screen-small)}@media(max-width:1500px){.production-screen{--screen-small:20px;--screen-heading:28px;--screen-number:44px;--screen-hero:64px;gap:12px;padding:16px}.screen-brand img{width:70px;height:70px}.screen-panels{min-height:320px}.screen-row{min-height:48px}.screen-panels article{padding:16px}.screen-kpis article{padding:14px}.screen-order{margin-bottom:12px}.screen-controls{gap:10px}}@media(max-width:900px){.screen-controls{flex-wrap:wrap}.screen-controls span{margin-left:0}.screen-kpis{grid-template-columns:repeat(2,1fr)}.screen-panels{grid-template-columns:1fr}.production-screen footer{display:block}}
@media(min-width:901px) and (max-height:800px){.production-screen{gap:8px;padding:12px;--screen-small:20px;--screen-heading:28px;--screen-number:44px}.screen-brand img{width:52px;height:52px}.screen-kpis{gap:12px}.screen-kpis article{padding:10px}.screen-kpis strong{margin-top:0}.screen-panels{min-height:0;gap:12px}.screen-panels article{padding:12px}.screen-panels h2{margin-bottom:8px}.screen-row{min-height:38px}.screen-note{margin-top:8px}.screen-alert{padding:10px;min-height:44px}.screen-controls select,.screen-controls button{padding:6px 10px}.screen-order{margin:8px 0}.screen-bar{margin:6px 0}.screen-empty{padding:40px 0}}

.screen-feed{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 20px}
.screen-feed h2{margin:0;font-size:18px;color:#fff}
.screen-ticker{overflow:hidden;height:200px}
.screen-ticker-inner{display:flex;flex-direction:column;gap:8px;animation:screenFeed 30s linear infinite}
.screen-ticker:hover .screen-ticker-inner{animation-play-state:paused}
.screen-feed-row{display:grid;grid-template-columns:80px 110px 1fr 90px 90px;align-items:center;gap:10px;background:rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;color:#eaf2ff;font-size:15px;white-space:nowrap}
.screen-feed-row span{color:#9fb4d8;font-variant-numeric:tabular-nums}
.screen-feed-row b{color:#fff}
.screen-feed-row i{font-style:normal;color:#c8d6ef;overflow:hidden;text-overflow:ellipsis}
.screen-feed-row strong{color:#7ee2a8}
.screen-feed-row em{font-style:normal;color:#ff8f8f}
@keyframes screenFeed{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
