/* Esempio "Centro di lavoro CNC" (verticale Industrial): parti in piu' rispetto a scena3d.css, edificio.css e linea.css */
.stage-cnc{height:min(68vh,640px)}
.page-cnc .card-ricetta{grid-template-columns:auto 1fr auto;gap:28px}
.page-cnc .card-ricetta .gauge-bar i{background:linear-gradient(90deg,#3987e5,#54d8f0)}
.stage-azioni .btn[disabled]{opacity:.45;cursor:not-allowed}
.operazioni{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.operazioni li{display:grid;grid-template-columns:1fr auto 160px;gap:12px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:.84rem;color:#8f9fb2}
.operazioni li small{font-size:.76rem;color:#8f9fb2}
.operazioni li i{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.operazioni li i b{display:block;height:100%;border-radius:3px;background:#0ca30c}
.operazioni .op-fatta{color:#d8e4f0}
.operazioni .op-corso{color:#fff;border-color:rgba(84,216,240,.6);background:rgba(84,216,240,.07)}
.operazioni .op-corso i b{background:#54d8f0}
.dati-mandrino{grid-template-columns:repeat(4,1fr)}
.stato-grande{--stato:#0ca30c;display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-left:5px solid var(--stato);border-radius:12px;background:rgba(255,255,255,.03)}
.stato-grande strong{font-size:1.4rem;color:var(--stato)}
.stato-grande strong::first-letter{text-transform:uppercase}
.stato-grande span{font-size:.8rem;color:#c3d0de}
.striscia-stati{margin:0}
.striscia-stati figcaption{font-size:.76rem;color:#9aa8b8;margin-bottom:4px}
.striscia-stati svg,.tempi-ciclo svg{display:block;width:100%;overflow:visible}
.striscia-stati .ax,.tempi-ciclo .ax,.trend-vib .ax{fill:#8f9fb2;font-size:11px}
.tempi-ciclo{margin:0}
.tempi-ciclo .grid,.trend-vib .grid{stroke:rgba(255,255,255,.08)}
.utensili{display:grid;gap:4px;font-size:.82rem}
.ut-riga{display:grid;grid-template-columns:minmax(0,2.2fr) 1.4fr .8fr 1fr;gap:12px;align-items:center;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.03)}
.ut-testa{background:transparent;color:var(--muted);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}
.ut-riga b{color:#7fe0ff;margin-right:4px}
.gemello{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid rgba(84,216,240,.4);border-radius:999px;font-style:normal;font-size:.68rem;color:#9fe6ff}
.ut-barra{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.ut-barra i{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.ut-barra i b{display:block;height:100%;border-radius:3px;transition:width .6s}
.ut-barra small{color:#c3d0de;min-width:3em;text-align:right}
.lbl-lotto{fill:#fff!important;font-weight:650}
.eventi{list-style:none;margin:0;padding:0;display:grid;gap:6px;align-content:start}
.eventi li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:6px 10px;border-left:3px solid #3987e5;border-radius:6px;background:rgba(255,255,255,.03);font-size:.8rem;line-height:1.4;color:#d8e4f0}
.eventi li small{color:#7fe0ff;font-size:.74rem}
.eventi .ev-avviso{border-left-color:#fab219}
.eventi .ev-allarme{border-left-color:#d03b3b}
@media(max-width:1250px){.dati-mandrino{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.page-cnc .card-ricetta{grid-template-columns:1fr}.operazioni li{grid-template-columns:1fr auto;}.operazioni li i{grid-column:1/-1}.ut-riga{grid-template-columns:1fr 1fr}.ut-testa{display:none}}
