/* Esempio "Edificio" (verticale Building): parti in piu' rispetto a scena3d.css */
.page-edificio .card-edificio{background:linear-gradient(120deg,rgba(57,135,229,.14),rgba(255,255,255,.02) 45%)}
.page-edificio .card-edificio .gauge-bar i{background:linear-gradient(90deg,#199e70,#3987e5)}
.stage-cards .span-2{grid-column:span 2}
.stage-legenda{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(7,16,29,.7);font-size:.74rem;color:#c3d0de}
.stage-legenda i{width:90px;height:8px;border-radius:4px;background:linear-gradient(90deg,#3987e5,#199e70 62%,#d95926)}
.zona-label{border-color:rgba(84,216,240,.7)}
.zone-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.zona-tile{--zona:#199e70;display:grid;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--zona);border-radius:12px;background:rgba(255,255,255,.03);color:inherit;font:inherit;cursor:pointer;min-width:0}
.zona-tile small{color:var(--muted);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}
.zona-tile b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zona-tile .zt{font-size:1.25rem;font-weight:650}
.zona-tile .zm,.zona-tile .zp{font-size:.74rem;color:#c3d0de}
.zona-tile[aria-pressed="true"]{background:rgba(84,216,240,.08);border-color:rgba(84,216,240,.55);border-left-color:var(--zona)}
.zona-tile:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.per-piano{display:grid;gap:6px;font-size:.8rem}
.per-piano small{color:var(--muted);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}
.per-piano div{display:grid;grid-template-columns:96px 1fr auto;gap:8px;align-items:center}
.per-piano i{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.per-piano i b{display:block;height:100%;background:#9085e9;border-radius:3px}
.per-piano em{font-style:normal;color:#c3d0de}
.confronto{margin:0;font-size:.84rem;color:#d8e4f0;line-height:1.5;border-top:1px solid var(--line);padding-top:10px}
.orari{margin:0}
.orari svg,.giornata svg{display:block;width:100%;overflow:visible;touch-action:none}
.orari .lbl{fill:#d8e4f0;font-size:12px}
.orari .ax,.giornata .ax{fill:#8f9fb2;font-size:11px}
.giornata .grid{stroke:rgba(255,255,255,.08)}
.adesso{stroke:rgba(255,255,255,.55);stroke-width:1;stroke-dasharray:3 3}
.giornata .cross,.mini-chart .zero{stroke:rgba(255,255,255,.3);stroke-width:1}
.pallino{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 4px 0 2px;vertical-align:-1px}
.orari-fatti{font-size:.84rem}
.card-giornata{position:relative;margin-top:0}
.card-giornata h3 small,.card-roadmap h3 small{color:var(--muted);font-weight:500}
.legenda{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.8rem;color:#c3d0de}
.legenda i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:3px}
.legenda i.tratteggio{background:repeating-linear-gradient(90deg,#9aa8b8 0 5px,transparent 5px 9px)}
.tip-giornata{top:auto;bottom:16px}
.dispositivi{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.84rem}
.dispositivi li{display:flex;gap:8px;align-items:center}
.stato-oggi,.stato-dev,.stato-tbd{display:inline-block;flex:none;padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.stato-oggi{background:rgba(25,158,112,.18);color:#5fd3a6;border:1px solid rgba(25,158,112,.45)}
.stato-dev{background:rgba(57,135,229,.16);color:#8fbaf2;border:1px solid rgba(57,135,229,.45)}
.stato-tbd{background:rgba(201,133,0,.14);color:#e7b65a;border:1px solid rgba(201,133,0,.45)}
.anomalia{display:grid;gap:8px;padding:12px;border:1px dashed rgba(201,133,0,.45);border-radius:12px}
.anomalia p{margin:0;font-size:.86rem;line-height:1.5}
.roadmap-righe{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.roadmap-righe div{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:12px}
.roadmap-righe p{margin:0;font-size:.86rem;line-height:1.5;color:#d8e4f0}
.card-roadmap a{color:var(--cyan);text-decoration:underline}
@media(max-width:1250px){.stage-cards .span-2{grid-column:1/-1}.roadmap-righe{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.zone-griglia{grid-template-columns:1fr 1fr}.roadmap-righe{grid-template-columns:1fr}.stage-legenda{display:none}}