/* Esempio "Magazzino verticale a cassetti" (verticale Industrial): parti in piu' rispetto a linea.css e cnc.css */
.stage-magazzino{height:min(74vh,700px)}
.page-magazzino .card-riga .gauge-bar i{background:linear-gradient(90deg,#e7b65a,#d95926)}
.vasche{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.vasca{display:grid;gap:3px;align-content:start;padding:10px 12px;border:1px solid var(--line);border-top:4px solid #2f6db3;border-radius:12px;background:rgba(255,255,255,.03);font-size:.8rem;min-width:0}
.vasca small{color:var(--muted);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase}
.vasca>b{font-size:.98rem}
.vasca span{color:#c3d0de;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vasca i{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:4px}
.vasca i b{display:block;height:100%;background:#0ca30c;border-radius:3px;transition:width .5s}
.vasca em{font-style:normal;font-size:.72rem;color:#c3d0de}
.vasca.vuota{border-top-color:#3a4048;color:var(--muted)}
.vasca.vuota b{color:#8f9fb2;font-weight:500}
.vasca.urgente{border-top-color:#d95926;background:rgba(217,89,38,.08)}
.vasca.accesa{box-shadow:0 0 0 2px rgba(25,224,74,.55)}
.coda-ordini{display:grid;gap:6px}
.coda-ordini small{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.coda-ordini ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.coda-ordini li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;padding:6px 10px;border:1px solid var(--line);border-radius:10px;font-size:.78rem;color:#c3d0de;min-width:0}
.coda-ordini li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coda-ordini li small{font-size:.7rem;letter-spacing:0;text-transform:none}
.coda-ordini li.altri{display:block;color:var(--muted);border-style:dashed}
.coda-cassetti{display:grid;gap:6px}
.coda-cassetti small{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.coda-cassetti div{display:flex;flex-wrap:wrap;gap:5px;min-height:28px}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;font-size:.74rem;color:#d8e4f0}
.chip em{font-style:normal;color:#7fe0ff;font-size:.68rem}
.chip-urgente{border-color:rgba(217,89,38,.7);background:rgba(217,89,38,.12)}
.coda-cassetti .vuoto{color:var(--muted);font-size:.8rem}
.scorte{display:grid;gap:4px;font-size:.82rem}
.scorte .ut-riga{grid-template-columns:minmax(0,2fr) 1.4fr .6fr 1.2fr}
.scorte .ut-barra i{position:relative;overflow:visible}
.scorte .ut-barra i b{border-radius:3px}
.scorte .ut-barra i em{position:absolute;top:-3px;bottom:-3px;width:2px;background:#e9eef4;opacity:.7}
.st-avviso{color:#fab219}
.classe{display:inline-block;margin-left:4px;padding:0 6px;border-radius:999px;font-style:normal;font-size:.66rem;font-weight:700}
.classe-A{background:rgba(63,143,214,.25);color:#9fcbf5}
.classe-B{background:rgba(138,127,216,.25);color:#c2bbf2}
.classe-C{background:rgba(107,119,133,.3);color:#c3d0de}
.irr-tre{grid-template-columns:repeat(3,1fr)}
@media(max-width:680px){.coda-ordini ul{grid-template-columns:1fr}.scorte .ut-riga{grid-template-columns:1fr 1fr}.irr-tre{grid-template-columns:1fr}}
