/* Scene della demo; testata, didascalia e comandi sono in comune.css. */
.finestra { border: 1px solid var(--sc-bordo); border-radius: 1rem; background: var(--sc-superficie); overflow: visible; box-shadow: var(--sc-ombra-3); }
.finestra-titolo { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1.2rem; border-bottom: 1px solid var(--sc-bordo); }
.finestra-titolo span { color: var(--sc-testo-secondario); font-size: .9rem; }
.area { display: grid; grid-template-columns: 1.25fr 1fr; min-height: calc(100% - 3rem); }
.calendario, .pannello { padding: 1.1rem 1.4rem; min-width: 0; }
.pannello { border-left: 1px solid var(--sc-bordo); background: var(--sc-superficie-2); }
h2 { font-size: 1.5rem; margin: .4rem 0; }
h3 { font-size: 1.1rem; margin: .5rem 0; }
p { margin: .6rem 0; line-height: 1.4; }
small, footer { color: var(--sc-testo-secondario); }
.giorni { display: grid; grid-template-columns: repeat(3, 1fr); margin: 1.2rem 0; }
.giorno { min-height: 20rem; border: 1px solid var(--sc-bordo); padding: .6rem; }
.giorno h3 { text-align: center; margin: 0 0 1rem; }
.evento { display: flex; flex-direction: column; gap: .3rem; border-radius: .4rem; padding: .6rem; margin-bottom: .7rem; font-size: .9rem; }
.evento small { color: inherit; }
.riunione { background: var(--sc-info-tenue); border-left: 3px solid var(--sc-info); }
.pranzo { border: 1px dashed var(--sc-bordo-controllo); color: var(--sc-testo-secondario); }
.lavoro-cal { background: var(--sc-ok-tenue); border-left: 3px solid var(--sc-ok); }
.spazio { color: var(--sc-testo-secondario); text-align: center; }
.schede { display: flex; gap: 1.1rem; color: var(--sc-testo-secondario); font-size: .9rem; padding-bottom: .8rem; border-bottom: 1px solid var(--sc-bordo); }
.lavoro { padding: .9rem; border: 1px solid var(--sc-bordo-controllo); border-radius: .6rem; margin: .8rem 0; background: var(--sc-superficie); }
.stato { color: var(--sc-testo-secondario); margin-top: 1rem; }
.azione-finta { display: inline-block; background: var(--sc-azione); color: var(--sc-su-azione); border-radius: .5rem; padding: .6rem 1.2rem; font-weight: 700; }
.risultato, .dopo { color: var(--sc-ok); }
.chip { padding: .8rem; background: var(--sc-info-tenue); border-radius: .5rem; }
.scene:not(.completata) .appare { visibility: hidden; }
.dopo, .completata .prima { display: none; }
.completata .dopo { display: block; }
.numero { font-size: 3.2rem; font-weight: 750; margin-top: 1rem; }
.numero small { font-size: 1.5rem; }
.pannello svg { display: block; width: 100%; height: 1.7rem; }
.quota-0 { fill: var(--sc-ok); background: var(--sc-ok); }
.quota-1 { fill: var(--sc-info); background: var(--sc-info); }
.quota-2 { fill: var(--sc-warn); background: var(--sc-warn); }
.quota-3 { fill: var(--sc-testo-secondario); background: var(--sc-testo-secondario); }
.legenda { padding: 0; list-style: none; }
.legenda li { display: flex; align-items: center; gap: .6rem; margin: .5rem 0; }
.legenda i { width: .7rem; height: .7rem; border-radius: 50%; }
.legenda b { margin-left: auto; }

/* Misure compatte: anche al proiettore la scena lascia spazio alla didascalia. */
.finestra-titolo { padding: .5rem 1rem; }
.pannello { padding: .65rem 1.2rem; min-height: 0; }
.finestra .area { min-height: 0; }
.giorno { min-height: 14rem; }
.calendario { padding: .65rem 1rem; }
.giorni { grid-template-columns: 2.4fr 1fr 1fr; margin: .4rem 0; }
.giorno { min-width: 0; padding: .35rem; }
.giorno h3 { margin-bottom: .4rem; }
.evento { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: .15rem .35rem; padding: .3rem; margin-bottom: .35rem; }
.evento > small:last-child:not(:first-child) { grid-column: 2; }
.giorno:not(:first-child) .evento { grid-template-columns: 1fr; }
.spazio { font-size: .9rem; }
.lavoro { padding: .6rem; margin: .5rem 0; }
/* Nella board codice e titolo condividono una riga: le due schede restano sopra la didascalia. */
.sc-board .lavoro { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .25rem .6rem; align-items: baseline; }
.sc-board .lavoro h3, .sc-board .lavoro p { margin: 0; }
.sc-board .lavoro p { grid-column: 1 / -1; }
.sc-dashboard .pannello { display: grid; grid-template-columns: auto 1fr; gap: .3rem .8rem; align-content: start; }
.sc-dashboard .pannello > * { grid-column: 1 / -1; margin: 0; }
.sc-dashboard .numero { grid-column: 1; grid-row: 4; font-size: 2.6rem; }
.sc-dashboard .pannello > p:nth-of-type(2) { grid-column: 2; grid-row: 4; align-self: center; }
.sc-dashboard .legenda { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1rem; }
.sc-dashboard .legenda li { margin: .3rem 0; }