/* Gestionale — stili del modulo «agenda»: Home, Agenda settimanale, Scadenze e clienti inattivi.
   Colori dalle variabili di styles.css (--sala, --corso, --info, --sand*): ogni tipo ha il suo,
   ma non si distingue solo col colore — ogni blocco porta anche la sua etichetta. */
:root{
 --ag-ptc:#3a9a68; --ag-ptc-bg:rgba(47,128,85,.30);
 --ag-pti:var(--pt); --ag-pti-bg:rgba(120,168,190,.26);
 --ag-corso:var(--corso); --ag-corso-bg:rgba(226,166,79,.24);
 --ag-imp:var(--sand2);
 --k-rate:#c79be3; --k-abbonamenti:#5cc98c; --k-certificati:#8cc3dc; --k-iscrizioni:var(--sand);
 --k-schede:#ec9a6c; --k-altre:var(--muted)
}

/* ==================== HOME ==================== */
#dashboardView.home-v6.active-view{display:flex;flex-direction:column;gap:10px;overflow:auto}
.home-testa{align-items:center}
.home-testa h1{font-size:24px}
.home-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.hk{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;
 text-align:left;padding:9px 12px;border-radius:12px;background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--text);min-height:62px}
.hk strong{grid-row:1/3;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.hk span{font-size:var(--fs-xs);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk small{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk.grave strong{color:#ffaaa4}
.hk.attenzione strong{color:var(--warning)}
.hk:hover{background:var(--panel3)}

.home-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.9fr);gap:10px;flex:1;min-height:0}
.home-pannello{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.home-pannello .panel-head h2{font-size:15px}
.home-pannello .panel-head p{font-size:var(--fs-xs)}
.home-lista{overflow:auto;padding:2px 8px 8px;flex:1;min-height:0;scrollbar-width:thin}
.home-lato{display:flex;flex-direction:column;gap:10px;min-height:0}
.home-lato>.panel{flex:0 0 auto}
.home-lato>.home-inattivi{flex:1 1 auto}
.home-v6 .dashboard-quick{grid-column:auto;overflow:visible}
.home-gruppo{position:sticky;top:0;z-index:1;background:var(--panel);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;
 color:var(--sand2);font-weight:850;padding:9px 4px 5px}
.home-vuoto{color:var(--muted);font-size:var(--fs-xs);padding:8px 4px;margin:0}

/* una riga della Home: si tocca tutta, porta dove si agisce */
.home-riga{display:grid;grid-template-columns:50px 4px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;
 background:transparent;border:0;border-bottom:1px solid rgba(239,211,165,.07);border-radius:8px;padding:7px 6px;color:var(--text);min-height:50px}
.home-riga:hover{background:rgba(239,211,165,.05)}
.home-riga.in-corso{background:rgba(47,128,85,.10)}
.hr-ora{font-size:13.5px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1.1}
.hr-ora small{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--muted)}
.hr-ora b{font-size:18px;display:block}
.hr-binario{display:block;width:4px;height:34px;border-radius:99px;background:var(--muted)}
.hr-binario.ptc{background:var(--ag-ptc)}.hr-binario.pti{background:var(--ag-pti)}.hr-binario.corso{background:var(--ag-corso)}
.hr-binario.imp{background:repeating-linear-gradient(180deg,var(--ag-imp) 0 5px,transparent 5px 9px)}
.hr-binario.doc{background:var(--k-certificati)}.hr-binario.inatt{background:var(--warning)}.hr-binario.richiesta{background:var(--info)}.hr-binario.offerta{background:var(--sand)}
.hr-testo{min-width:0}
.hr-testo strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-testo span{display:block;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-azione{font-size:var(--fs-xs);color:var(--sand);font-weight:750;white-space:nowrap}
.home-riga .capacity-chip{font-size:var(--fs-xs);padding:3px 8px;font-weight:750}
.home-riga.scad{grid-template-columns:10px minmax(0,1fr) auto}
.home-pannello .panel-head .text-btn{white-space:nowrap}
.home-riga.attesa,.home-riga.doc{grid-template-columns:4px minmax(0,1fr) auto}
.scad-dot.soon{background:var(--info)}
.scad-dot.warn{background:var(--warning)}
.home-altre{width:100%;background:transparent;border:0;color:var(--sand);font-size:var(--fs-xs);font-weight:750;padding:9px;text-align:center}

/* categorie di scadenza: tutte sempre visibili, anche a zero */
.home-categorie{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:5px;padding:8px 8px 4px}
.hc{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;border-radius:9px;background:var(--panel2);
 color:var(--text);text-align:left;min-height:46px;box-shadow:inset 0 3px 0 var(--kc,transparent)}
.hc b{font-size:17px;line-height:1.1;font-variant-numeric:tabular-nums}
.hc span{font-size:var(--fs-xs);color:#c6cdc4;line-height:1.15}
.hc em{font-size:var(--fs-xs);font-style:normal;color:#ffaaa4;font-weight:700}
.hc.zero b{color:var(--muted)}
.hc[aria-pressed="true"]{border-color:var(--sand);background:rgba(239,211,165,.13)}
.k-rate{--kc:var(--k-rate)}.k-abbonamenti{--kc:var(--k-abbonamenti)}.k-certificati{--kc:var(--k-certificati)}
.k-iscrizioni{--kc:var(--k-iscrizioni)}.k-schede{--kc:var(--k-schede)}.k-altre{--kc:var(--k-altre)}

/* ==================== AGENDA ==================== */
#agendaView.agenda-v6.active-view{display:flex;flex-direction:column}
.ag-intestazione{margin-bottom:6px;align-items:center}
.ag-intestazione h1{font-size:22px;margin:0}
.ag-periodo{font-size:15px;color:var(--sand2);font-weight:700;letter-spacing:0;margin-left:6px}
.ag-intestazione .heading-actions .ghost-btn,.ag-intestazione .heading-actions .primary-btn{font-size:var(--fs-xs);min-height:var(--h-piccolo)}
.ag-barra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.ag-tipi{display:flex;gap:6px;flex-wrap:wrap}
.ag-tipo{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;background:var(--panel2);color:var(--muted);
 font-size:var(--fs-xs);font-weight:700;min-height:var(--h-piccolo)}
.ag-tipo i{width:12px;height:12px;border-radius:4px;display:block;background:var(--muted)}
.ag-tipo b{font-size:var(--fs-xs);color:var(--text);opacity:.75}
.ag-tipo[aria-pressed="true"]{color:var(--text);background:var(--panel3);border-color:var(--sand2)}
.ag-tipo[aria-pressed="false"] i{background:transparent!important;box-shadow:inset 0 0 0 2px var(--muted)}
.ag-tipo.t-ptc i{background:var(--ag-ptc)}.ag-tipo.t-pti i{background:var(--ag-pti)}.ag-tipo.t-corso i{background:var(--ag-corso)}
.ag-tipo.t-imp i{background:repeating-linear-gradient(135deg,var(--ag-imp) 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1px var(--ag-imp)}
.ag-istr{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--muted)}
.ag-istr select{height:var(--h-piccolo);font-size:var(--fs-xs);min-width:170px}
.ag-modo{display:none}
.ag-striscia{display:none}
.ag-modo button[aria-pressed="true"]{background:var(--sand);color:#173020;font-weight:800}

.ag-griglia{--ppm:.8;flex:1 0 auto}
.ag-cal{border:1px solid var(--line);border-radius:12px;background:#0f1711}
.ag-cal:focus{outline:none}
.ag-cal:focus-visible{outline:2px solid var(--sand2);outline-offset:2px}
.ag-testate,.ag-corpo{display:grid;grid-template-columns:48px repeat(var(--giorni,7),minmax(0,1fr))}
.ag-testate{position:sticky;top:-14px;z-index:5;background:#131d16;border-bottom:1px solid var(--line);border-radius:12px 12px 0 0}
.ag-angolo{border-right:1px solid var(--line)}
.ag-testa{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;padding:4px 5px;border-left:1px solid rgba(45,58,48,.7);min-width:0}
.ag-testa:nth-child(2){border-left:0}
.ag-testa.oggi{background:linear-gradient(180deg,rgba(239,211,165,.15),rgba(239,211,165,.03))}
.ag-giorno{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;border-radius:8px;
 color:var(--text);padding:3px 5px;text-align:left}
.ag-giorno b{font-size:13.5px;line-height:1.2}
.ag-giorno span{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ag-testa.oggi .ag-giorno b{color:var(--sand)}
.ag-testa.sel .ag-giorno{box-shadow:inset 0 -2px 0 var(--sand);border-radius:8px 8px 0 0}
.ag-giorno:hover{background:rgba(239,211,165,.06)}
.ag-matita{flex:0 0 auto;width:28px;height:28px;padding:0;border-radius:8px;background:transparent;color:var(--sand);font-size:13px;line-height:1}
.ag-matita:hover{background:rgba(239,211,165,.1)}
.ag-testa .tag-archivio{font-size:var(--fs-xs)}
.ag-tutto{flex-basis:100%;display:flex;flex-wrap:wrap;gap:3px;min-width:0}
.ag-imp-giorno{max-width:100%;font-size:var(--fs-xs);padding:2px 7px;border-radius:6px;border:1px dashed var(--ag-imp);background:rgba(215,185,134,.08);
 color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ag-corpo{position:relative;height:calc(var(--min) * var(--ppm) * 1px)}
.ag-ore{position:relative;border-right:1px solid var(--line)}
.ag-ore span{position:absolute;right:6px;top:calc(var(--i) * var(--ppm) * 1px + 2px);font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}
.ag-col{position:relative;min-width:0;border-left:1px solid rgba(45,58,48,.7);
 background-image:repeating-linear-gradient(180deg,rgba(239,211,165,.09) 0 1px,transparent 1px calc(60px * var(--ppm)))}
.ag-col:nth-child(2){border-left:0}
.ag-col.oggi{background-color:rgba(239,211,165,.035)}
.ag-col.arch{background-color:rgba(255,255,255,.02)}
.ag-vuoto{position:absolute;top:10px;left:4px;right:4px;text-align:center;font-size:var(--fs-xs);color:var(--muted)}

/* il blocco: posizione e altezza dai minuti, larghezza dalla colonna (fasce sovrapposte affiancate) */
.ag-ev{position:absolute;z-index:1;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:left;
 top:calc(var(--i) * var(--ppm) * 1px + 1px);height:calc(var(--d) * var(--ppm) * 1px - 2px);min-height:16px;
 left:calc(var(--c) / var(--n) * (100% - 4px) + 2px);width:calc((100% - 4px) / var(--n) - 2px);
 padding:2px 5px 2px 7px;border-radius:7px;border:1px solid rgba(0,0,0,.25);border-left:3px solid var(--k,var(--muted));
 background:var(--kb,var(--panel2));color:var(--text);font-size:var(--fs-xs);line-height:1.25}
.ag-ev:hover{z-index:3;filter:brightness(1.18)}
.ag-ev:focus-visible{z-index:4;outline:2px solid var(--sand);outline-offset:1px}
.ag-ev.ptc{--k:var(--ag-ptc);--kb:var(--ag-ptc-bg)}
.ag-ev.pti{--k:var(--ag-pti);--kb:var(--ag-pti-bg)}
.ag-ev.corso{--k:var(--ag-corso);--kb:var(--ag-corso-bg)}
.ag-ev.imp{border:1px dashed var(--ag-imp);border-left:3px dashed var(--ag-imp);
 background:repeating-linear-gradient(135deg,rgba(215,185,134,.13) 0 6px,rgba(215,185,134,.04) 6px 12px)}
/* passata: attenuata ma leggibile, il testo resta sopra 5:1 sul fondo (V7 sez. 18) */
.ag-ev.passata{opacity:.7}
.ag-ev.annullata .ag-ev-tit{text-decoration:line-through}
.ag-ev-riga{display:flex;justify-content:space-between;align-items:center;gap:4px;white-space:nowrap;min-width:0}
.ag-ev-ora{flex:0 0 auto;font-weight:800;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}
.ag-ev-occ{flex:0 1 auto;min-width:0;overflow:hidden;font-weight:800;font-size:var(--fs-xs);padding:0 5px;border-radius:99px;background:rgba(0,0,0,.3)}
.ag-ev.stretta{padding:2px 3px 2px 5px}
.ag-ev.stretta .ag-ev-occ{padding:0 3px;font-size:var(--fs-xs)}
.ag-ev.occ-quasi .ag-ev-occ{color:#ffe0ad}
.ag-ev.occ-piena .ag-ev-occ{background:#e2a64f;color:#1d1406}
.ag-ev.occ-oltre .ag-ev-occ{background:rgba(215,101,94,.6);color:#fff}
.ag-ev-tag{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--sand);font-weight:800;overflow:hidden;text-overflow:ellipsis}
.ag-ev-tit{font-weight:750;font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-ev-chi{font-size:var(--fs-xs);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-ev-chi.sost{color:var(--sand);font-weight:700}
/* Il pallino del corso sta sul fondo ambra degli eventi: colori chiari e un anello chiaro
   per staccarlo dal fondo anche quando il colore e' vicino (Cardio-tone). */
.ag-pallino{display:inline-block;width:10px;height:10px;border-radius:99px;margin:0 6px 0 1px;vertical-align:0;background:#ffd08a;
 box-shadow:0 0 0 2px #f8efe0,0 0 0 3px rgba(0,0,0,.35)}
.ag-pallino.c-Pilates{background:#a58bff}.ag-pallino.c-Posturale{background:#2fb8e0}.ag-pallino.c-CARDIOTONE{background:#ff6a2b}
.ag-adesso{position:absolute;left:0;right:0;z-index:4;top:calc(var(--i) * var(--ppm) * 1px);height:2px;background:var(--danger);pointer-events:none}
.ag-adesso:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:99px;background:var(--danger)}

/* ==================== SCADENZE E INATTIVI ==================== */
.scadenze-v6 .page-heading p{font-size:var(--fs-xs);max-width:900px}
.scad-schede{margin-bottom:10px}
.scad-schede button{font-size:13px;padding:7px 14px;min-height:var(--h-piccolo)}
.scad-schede button[aria-selected="true"]{background:var(--sand);color:#173020;font-weight:800}
.scad-schede b{font-size:var(--fs-xs);margin-left:4px;opacity:.85}
.scadenze-v6 .alert-strip{font-size:var(--fs-xs)}
.scad-filtri{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.scad-categorie{display:flex;gap:6px;flex-wrap:wrap}
.scad-categorie .hc{flex-direction:row;align-items:center;gap:6px;min-height:var(--h-piccolo);padding:5px 10px}
.scad-categorie .hc b{font-size:14px}
.scad-categorie .hc span{font-size:var(--fs-xs)}
#scadCerca,#inattCerca{min-width:220px;height:var(--h-piccolo);font-size:var(--fs-xs)}
#inattOrdine{height:var(--h-piccolo);font-size:var(--fs-xs)}
.scad-board{grid-template-columns:repeat(3,minmax(0,1fr));height:auto}
.scad-board .deadline-items{height:auto;max-height:calc(100dvh - 330px);min-height:120px}
.scad-board .deadline-col>header strong{font-size:13px}
.scad-board .deadline-col>header span{font-size:var(--fs-xs)}
.scad-card header{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px}
.scad-card strong{font-size:13px}
.scad-card p{font-size:var(--fs-xs)}
.scad-card .status{font-size:var(--fs-xs)}
.scad-card footer{justify-content:flex-end;gap:6px}
.scad-card .tiny-btn{font-size:var(--fs-xs);min-height:var(--h-piccolo)}
.scad-tipo{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:850;padding:2px 7px;border-radius:99px;
 background:rgba(255,255,255,.05);color:var(--kc,var(--muted));box-shadow:inset 0 0 0 1px var(--kc,var(--line))}
.scad-come{font-style:italic;color:#b9c2b7!important}

.inatt-elenco{display:flex;flex-direction:column;gap:6px;max-width:1100px}
.inatt-riga{display:flex;align-items:center;gap:8px}
.ir-apri{flex:1;min-width:0;display:grid;grid-template-columns:64px minmax(0,1.4fr) minmax(0,1fr) 14px;align-items:center;gap:12px;text-align:left;
 padding:9px 12px;border-radius:12px;background:var(--panel);color:var(--text);min-height:56px}
.ir-apri:hover{background:var(--panel2)}
.ir-giorni b{display:block;font-size:20px;line-height:1;color:var(--warning);font-variant-numeric:tabular-nums}
.ir-giorni small{font-size:var(--fs-xs);color:var(--muted)}
.ir-nome strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ir-nome span{display:block;font-size:var(--fs-xs);color:var(--muted)}
.ir-abb{font-size:var(--fs-xs);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ir-abb small{display:block;font-size:var(--fs-xs);color:var(--muted)}
.ir-vai{color:var(--sand2);font-size:16px}
.ir-tel{flex:0 0 auto;font-size:var(--fs-xs);min-height:var(--h-piccolo);display:inline-flex;align-items:center;text-decoration:none}

/* notifiche e impegni */
.notifiche-tutte{width:100%;margin-bottom:8px;font-size:var(--fs-xs);min-height:var(--h-piccolo)}
.imp-staff{border:0;padding:0;margin:0;min-width:0}
.imp-card{max-width:560px}
.imp-staff legend{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;padding:0}
.imp-staff legend span{text-transform:none;letter-spacing:0}
.imp-staff-scelte{display:flex;flex-wrap:wrap;gap:6px}
.imp-staff-scelte .checkbox-field{padding:6px 10px}
.imp-serie{margin-left:6px;height:var(--h-piccolo)}

/* ==================== schermi medi ==================== */
@media(max-width:1180px){
 .home-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .home-pannello{max-height:520px}
 /* prossime fasce | da gestire, poi le scadenze sotto a tutta larghezza */
 .home-scadenze{grid-column:1/-1}
}

/* ==================== telefono ==================== */
@media(max-width:820px){
 #dashboardView.home-v6.active-view{display:block}
 .home-testa h1{font-size:22px}
 .home-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
 .hk{min-height:68px;padding:10px 12px}
 .hk strong{font-size:26px}
 .hk span{font-size:13.5px;white-space:normal}
 .hk small{font-size:var(--fs-xs);white-space:normal}
 .home-kpi .hk:last-child:nth-child(odd){grid-column:1/-1}
 .home-grid{display:flex;flex-direction:column;gap:12px}
 .home-lato{display:contents}
 .home-pannello{max-height:none;overflow:visible}
 .home-lista{overflow:visible;padding:2px 10px 10px}
 /* col pollice: prima cosa succede adesso, poi cosa c'e' da decidere, poi il resto */
 .home-imminenti{order:1}.home-col-titolo{order:2}.home-attesa{order:2}.home-documenti{order:3}.home-inattivi{order:4}.home-scadenze{order:5}.home-v6 .dashboard-quick{order:6}
 .home-riga{min-height:60px;grid-template-columns:54px 4px minmax(0,1fr) auto;gap:10px;padding:9px 4px}
 .home-riga.scad{grid-template-columns:12px minmax(0,1fr) auto}
 .home-riga.attesa,.home-riga.doc{grid-template-columns:4px minmax(0,1fr) auto}
 .hr-ora{font-size:15px}.hr-ora small{font-size:var(--fs-xs)}
 .hr-testo strong{font-size:14.5px;white-space:normal}
 .hr-testo span{font-size:var(--fs-xs);white-space:normal}
 .hr-azione{font-size:var(--fs-xs)}
 .home-riga .capacity-chip{font-size:13px;padding:5px 10px}
 .home-categorie{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 10px 4px}
 .hc{min-height:56px;padding:8px 9px}
 .hc b{font-size:19px}.hc span{font-size:var(--fs-xs)}.hc em{font-size:var(--fs-xs)}
 .home-gruppo{font-size:var(--fs-xs);position:static}
 .home-altre{font-size:14px;min-height:44px}

 .ag-intestazione h1{font-size:20px}
 .ag-periodo{display:block;margin:2px 0 0;font-size:14px}
 .ag-barra{gap:8px;margin-bottom:6px}
 .ag-tipi{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px;scrollbar-width:none}
 .ag-tipo{flex:0 0 auto;min-height:44px;font-size:13.5px;padding:6px 13px}
 .ag-istr{flex:1 1 160px}
 .ag-istr span{display:none}
 .ag-istr select{width:100%;min-width:0;min-height:44px;font-size:16px}
 .ag-modo{display:inline-flex;flex:0 0 auto}
 .ag-modo button{min-height:44px;font-size:13.5px}
 .ag-striscia{display:flex;margin-bottom:8px}
 .ag-striscia .day-chip.in-vista:not(.sel){border-color:var(--sand2)}
 .ag-testate,.ag-corpo{grid-template-columns:40px repeat(var(--giorni,1),minmax(0,1fr))}
 .ag-testate{position:static}
 .ag-giorno b{font-size:15px}.ag-giorno span{font-size:var(--fs-xs)}
 .ag-matita{width:44px;height:44px;font-size:16px}
 .ag-imp-giorno{font-size:var(--fs-xs);padding:6px 9px;min-height:var(--h-piccolo)}
 .ag-ore span{font-size:var(--fs-xs);right:4px}
 .ag-ev{padding:3px 6px 3px 8px;font-size:var(--fs-xs);line-height:1.2}
 .ag-ev-ora,.ag-ev-occ{font-size:var(--fs-xs)}
 .ag-ev-tit{font-size:13px}
 .ag-ev-chi{font-size:var(--fs-xs)}
 .ag-ev.stretta .ag-ev-occ{font-size:var(--fs-xs)}
 .ag-ev-tag{font-size:var(--fs-xs)}

 .scad-schede{display:flex;width:100%}
 .scad-schede button{flex:1;min-height:44px;font-size:14px}
 .scad-filtri{flex-direction:column;align-items:stretch}
 .scad-categorie{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;max-width:100%}
 .scad-categorie .hc{flex:0 0 auto;min-height:44px}
 #scadCerca,#inattCerca,#inattOrdine{min-width:0;width:100%;height:46px;font-size:16px}
 .scad-board{grid-template-columns:1fr;gap:10px}
 .scad-board .deadline-items{max-height:none;overflow:visible}
 .scad-card strong{font-size:14.5px}.scad-card p{font-size:13px}
 .scad-card .tiny-btn{min-height:44px;font-size:13.5px;flex:1}
 .scad-card footer{flex-wrap:wrap}
 .ir-apri{grid-template-columns:52px minmax(0,1fr) 12px;padding:10px;min-height:64px}
 .ir-abb{display:none}
 .ir-nome strong{font-size:15px;white-space:normal}
 .ir-nome span{font-size:var(--fs-xs)}
 .ir-tel{min-height:48px;font-size:13.5px}
 .notifiche-tutte{min-height:44px;font-size:14px}
 .imp-serie{height:46px;margin:8px 0 0;width:100%}
 .imp-staff legend{font-size:var(--fs-xs)}
}
/* in modalita' semplice da telefono si consulta: gli impegni si creano dalla versione completa */
.mobile-simple #agNuovoImpegno{display:none}

/* Blocchi minuscoli (tre fasce affiancate, o tre giorni da telefono): orario, occupazione e
   istruttore sono le tre cose richieste su ogni fascia, e lo spazio basta solo per loro. Orario
   e occupazione vanno su due righe, cosi' l'occupazione non sparisce tagliata; il nome del tipo
   si toglie, perche' lo dicono gia' il colore, il bordo, il suggerimento e l'etichetta letta
   dagli screen reader (e la legenda dei filtri sopra la griglia). Sta in fondo al file perche'
   deve prevalere sulle misure da telefono. */
.ag-ev{container-type:inline-size}
@container (max-width:64px){
 .ag-griglia .ag-ev .ag-ev-riga{flex-wrap:wrap;row-gap:0}
 .ag-griglia .ag-ev .ag-ev-occ{padding:0 3px;margin-left:-1px}
 .ag-griglia .ag-ev .ag-ev-tit{display:none}
}
@container (max-width:44px){
 .ag-griglia .ag-ev .ag-ev-ora,.ag-griglia .ag-ev .ag-ev-occ{font-size:var(--fs-xs);letter-spacing:-.03em}
 .ag-griglia .ag-ev .ag-ev-occ{padding:0;background:none}
}
/* solo tre giorni da telefono con tre fasce affiancate: meglio piccolo che tagliato */
@container (max-width:34px){
 .ag-griglia .ag-ev .ag-ev-ora,.ag-griglia .ag-ev .ag-ev-occ{font-size:var(--fs-xs);letter-spacing:-.04em}
}
/* Home: il nome del cliente si legge intero, anche su due righe */
.hr-testo strong{white-space:normal;overflow:visible;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}