/* Esempio "Linea di imbottigliamento" (verticale Industrial): parti in piu' rispetto a scena3d.css ed edificio.css */
.stage-linea{height:min(62vh,600px)}
.page-linea .card-ricetta{grid-template-columns:auto 1fr auto;background:linear-gradient(120deg,rgba(25,158,112,.14),rgba(255,255,255,.02) 45%)}
.prossimo{display:grid;gap:3px;text-align:right}
.prossimo small{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.prossimo span{font-weight:650;color:#e7b65a}
.stage-azioni{position:absolute;right:16px;top:16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stage-azioni .btn{padding:8px 14px;font-size:.8rem;background:rgba(7,16,29,.75)}
.macchina-label{--stato:#0ca30c;border-left:3px solid var(--stato);padding:6px 10px}
.macchina-label .ml-stato{color:#e9eef4;font-size:.74rem}
.macchina-label.allarme{border-color:var(--stato);box-shadow:0 0 0 2px color-mix(in srgb,var(--stato) 45%,transparent)}
.kpi-riga{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:18px}
.kpi{display:grid;gap:4px;align-content:start;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.kpi small{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.kpi strong{font-size:1.9rem;font-weight:600;line-height:1.1}
.kpi span{font-size:.8rem;color:#c3d0de}
.kpi-oee strong{font-size:2.4rem;color:#fff}
.dpq{display:flex;flex-wrap:wrap;gap:4px 14px}
.dpq b{color:#fff}
.macchine-griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.macchina-tile{--stato:#0ca30c;display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--stato);border-radius:12px;background:rgba(255,255,255,.03);min-width:0}
.macchina-tile b{font-size:.9rem}
.mt-stato{font-size:.8rem;font-weight:650;color:var(--stato)}
.mt-dati{font-size:.74rem;color:#c3d0de}
.barre{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.barre li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nome val" "barra barra";gap:4px 10px;font-size:.82rem}
.b-nome{grid-area:nome;color:#d8e4f0}
.b-val{grid-area:val;color:#c3d0de;white-space:nowrap}
.b-barra{grid-area:barra;height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.b-barra b{display:block;height:100%;border-radius:3px;transition:width .6s}
.energia-macchine li{grid-template-columns:1fr 120px auto}
.manutenzione{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.manutenzione li{display:grid;gap:5px}
.manutenzione small{color:#c3d0de;font-size:.76rem;line-height:1.45}
.odp{display:grid;gap:6px}
.odp small{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.odp .gauge-bar i{background:#199e70}
.odp span{font-size:.84rem;color:#c3d0de}
.card-turno .legenda-stati{display:inline-flex;gap:6px;align-items:center}
.card-turno .legenda-stati i{width:10px;height:10px;border-radius:3px;margin:0 2px 0 8px;vertical-align:-1px}
.fine-turno{fill:#d8e4f0;font-size:12px;font-weight:650}
.obiettivo-testo{fill:#9aa8b8;font-weight:500}
.ore-chart svg{height:110px}
@media(max-width:1250px){.kpi-riga{grid-template-columns:repeat(3,1fr)}.kpi-oee{grid-column:1/-1}.macchine-griglia{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.kpi-riga{grid-template-columns:1fr 1fr}.macchine-griglia{grid-template-columns:1fr 1fr}.stage-azioni{position:static;padding:10px;justify-content:flex-start}.page-linea .card-ricetta{grid-template-columns:1fr}.prossimo{text-align:left}.energia-macchine li{grid-template-columns:1fr 70px auto}}