/* Scene della demo; testata, didascalia e comandi sono in comune.css. */
h2 { font-size: var(--sc-t-2xl); margin: .25rem 0; }
h3 { font-size: var(--sc-t-l); margin: .5rem 0; }
small { font-size: var(--sc-t-s); color: var(--sc-testo-secondario); }
.hidden { display: none !important; }
.acp-app { display: grid; grid-template-columns: 170px 1fr; min-height: 350px; border: 1px solid var(--sc-bordo); border-radius: var(--sc-raggio-l); overflow: hidden; box-shadow: var(--sc-ombra-2); }
aside { background: var(--sc-superficie-2); display: flex; flex-direction: column; gap: .6rem; padding: 1.3rem; }
aside b { margin-bottom: 1rem; } aside span { padding: .6rem; border-radius: var(--sc-raggio-s); } aside small { margin-top: auto; }
.acp-attivo { background: var(--sc-info-tenue); color: var(--sc-info); }
.acp-contenuto { min-width: 0; background: var(--sc-superficie); padding: 1.5rem; }
.acp-intestazione { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.acp-pillola, .acp-stato { border-radius: var(--sc-raggio-pillola); background: var(--sc-info-tenue); color: var(--sc-info); padding: .3rem .7rem; font-size: var(--sc-t-s); }
.acp-filtri, .acp-risultati { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.acp-filtri > div { padding: .8rem 1rem; border: 1px solid var(--sc-bordo); border-radius: var(--sc-raggio-m); }
.acp-filtri span { display: block; font-size: var(--sc-t-s); }
.acp-selezionato { background: var(--sc-info-tenue); color: var(--sc-info); }
.acp-card, .acp-riunione { background: var(--sc-superficie-2); border: 1px solid var(--sc-bordo); border-left: 3px solid var(--sc-info); border-radius: var(--sc-raggio-s); padding: .8rem; }
.acp-riunione { border-left-color: var(--sc-ok); background: var(--sc-ok-tenue); }
.acp-riunione span { font-size: var(--sc-t-s); }
.acp-settimana { display: grid; grid-template-columns: repeat(5, 1fr); gap: .6rem; }
.acp-giorno { min-height: 200px; border-top: 1px solid var(--sc-bordo); }
.acp-giorno > h3 { color: var(--sc-testo-secondario); margin-bottom: 1rem; }
.acp-conferma { color: var(--sc-ok); font-size: var(--sc-t-m); }
.acp-legame { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: center; gap: 1rem; }
.acp-freccia { font-size: var(--sc-t-display); text-align: center; color: var(--sc-ok); }
.acp-opzioni { display: flex; gap: 1rem; } .acp-opzioni span { padding: .3rem .8rem; border: 1px solid var(--sc-bordo); border-radius: var(--sc-raggio-s); }

/* Misure compatte: anche al proiettore la scena lascia spazio alla didascalia. */
.acp-contenuto { padding: .65rem 1.2rem; min-height: 0; }
.acp-intestazione { margin-bottom: .6rem; }
.acp-contenuto h2 { font-size: 1.6rem; }
.acp-giorno { min-height: 10rem; }