/* Esempio "Centrale termica e UTA" (verticale Building): parti in piu' rispetto a scena3d.css ed edificio.css */
.stage-centrale{height:min(72vh,680px)}
.page-centrale .card-centrale{background:linear-gradient(120deg,rgba(84,216,240,.12),rgba(255,255,255,.02) 45%)}
.page-centrale .card-centrale .gauge-bar i{background:linear-gradient(90deg,#199e70,#54d8f0)}
.page-centrale .stage-legenda i{background:linear-gradient(90deg,#3987e5,#199e70 50%,#d95926)}
.stage-viste{position:absolute;right:16px;top:16px;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(7,16,29,.75)}
.stage-viste button{padding:7px 12px;border:0;border-radius:999px;background:transparent;color:#c3d0de;font:inherit;font-size:.8rem;cursor:pointer}
.stage-viste button[aria-pressed="true"]{background:rgba(84,216,240,.18);color:#fff;font-weight:650}
.stage-viste button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.anelli{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.anello{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);min-width:0}
.anello-testa{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px}
.anello-testa small{grid-column:1/-1;color:var(--muted);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}
.anello-testa b{font-size:1.2rem;font-weight:650}
.anello-testa span{font-size:.76rem;color:#9aa8b8}
.an-grafico{display:block;width:100%;height:46px}
.an-uscita{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.74rem;color:#c3d0de}
.an-uscita i{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.an-uscita i b{display:block;height:100%;border-radius:3px;transition:width .6s}
.an-uscita em{font-style:normal;font-weight:650;color:#e9eef4;min-width:3.2em;text-align:right}
.sequenza{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:passo}
.sequenza li{counter-increment:passo;display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:.82rem;color:#8f9fb2}
.sequenza li:before{content:counter(passo);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);font-size:.7rem}
.sequenza li small{font-size:.72rem;color:#8f9fb2}
.sequenza .seq-fatto{color:#d8e4f0}
.sequenza .seq-fatto:before{content:"✓";background:rgba(12,163,12,.25);border-color:rgba(12,163,12,.6);color:#7fd08f}
.sequenza .seq-in-corso{color:#fff;border-color:rgba(84,216,240,.6);background:rgba(84,216,240,.08)}
.sequenza .seq-in-corso:before{border-color:var(--cyan);color:var(--cyan)}
.catena-aria{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.punto-aria{--aria:#199e70;position:relative;display:grid;gap:3px;align-content:start;padding:10px 12px;border:1px solid var(--line);border-top:4px solid var(--aria);border-radius:12px;min-width:0}
.punto-aria small{color:var(--muted);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.punto-aria b{font-size:1.1rem}
.punto-aria span{font-size:.72rem;color:#c3d0de}
.punto-aria[data-punto="amb"]{border-style:dashed}
.pdc-modo{display:grid;gap:2px}
.pdc-modo small{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.pdc-modo strong{font-size:1.25rem}
.pdc-modo strong::first-letter{text-transform:uppercase}
.page-centrale .irr-dati dd{white-space:nowrap}
.riga-rec{border-top:1px solid var(--line);padding-top:8px}
.manutenzione{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.filtri{display:grid;gap:12px}
.filtro{display:grid;gap:5px;font-size:.82rem}
.filtro i{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.06)}
.filtro i b{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#199e70,#fab219);transition:width .6s}
.filtro i em{position:absolute;top:-4px;bottom:-4px;width:2px;background:#d03b3b}
.filtro small{color:#9aa8b8;font-size:.74rem}
.filtro-prev{margin:12px 0 0;font-size:.84rem;line-height:1.5;color:#d8e4f0}
.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:680px){.anelli,.manutenzione{grid-template-columns:1fr}.catena-aria{grid-template-columns:1fr 1fr}.stage-viste{position:static;margin:10px;flex-wrap:wrap;border-radius:14px}}