/* ============================================================
   TIPICITÀ — le viste: ricerca, Contatti, scheda del soggetto.
   I token (colori, raggio, caratteri) stanno in tipicita.css, copiati da anigami-casa.
   ============================================================ */

/* ---------- la ricerca: sempre lì, sempre aperta ---------- */
.cerca{position:relative;max-width:560px;margin-bottom:22px}
.cerca input{width:100%;font:400 14px/1.3 'Inter',sans-serif;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:10px;padding:10px 40px 10px 13px}
.cerca input:focus{outline:0;border-color:var(--ink)}
.cerca input::placeholder{color:var(--ink-3)}
.cerca>kbd{position:absolute;right:11px;top:11px}
.cerca input:focus+kbd{display:none}
.cerca-esiti{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--surface);
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.esito{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:9px 13px;font-size:13px;border-top:1px solid var(--line);margin:0}
.esito:first-child{border-top:0}
.esito b{font-weight:600;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esito i{font-style:normal;color:var(--ink-3);grid-column:1;font-size:12.5px}
.esito span{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--ink-2);font-size:12.5px}
a.esito:hover,.esito.primo{background:var(--surface-2)}
.esito.tutti{color:var(--ink-2);font-size:12.5px}
.vuoto-esiti{color:var(--ink-3)}

/* ---------- il marchio: Tipicità, non Anigami Studio ---------- */
/* il logo è una maschera sul colore di sezione: in scuro diventa il petrolio chiaro da solo */
.marchio{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 8px}
.logo{display:block;width:118px;height:36px;background:var(--tipicita);
  -webkit-mask:var(--logo,url(/logo-tipicita.svg)) no-repeat left center/contain;mask:var(--logo,url(/logo-tipicita.svg)) no-repeat left center/contain}
.marchio .targhetta{font-size:10px;letter-spacing:.2em;padding:3px 8px;margin-left:0}
.carta .marchio{padding:0}

/* ---------- la barra a due livelli: le sezioni sono i mestieri, le viste le fasi ---------- */
.sezioni{display:flex;flex-direction:column;gap:6px}
.voce-sezione{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;
  font:700 13.5px/1.2 'Archivo',sans-serif;letter-spacing:.01em;color:var(--ink-2)}
.voce-sezione:hover{background:var(--inset);color:var(--ink)}
.sezione.aperta .voce-sezione{color:var(--ink)}
.sezione ul{margin:2px 0 8px 10px;padding-left:8px;border-left:1px solid var(--line)}
.sezione .voce{padding:7px 10px;font-size:13.5px}

/* ---------- i numeri in barra ---------- */
/* il numero accanto a una voce dice quante candidature stanno lì; solo il DEBITO (promesse da onorare) si evidenzia */
.conto{font:600 11.5px/1 'Inter',sans-serif;font-variant-numeric:tabular-nums;color:var(--ink-3);min-width:20px;text-align:right}
.conto.debito{text-align:center}
.voce.attiva .conto:not(.debito){color:var(--tipicita)}
.barra li.stacco{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.viste-alte{margin:0 0 12px}
.cifra{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.entro.passata{color:var(--ink);font-weight:600}
.due-bottoni{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.modulo label span i{font-style:normal;color:var(--ink-3);margin-left:4px}
.modulo label span{color:var(--ink-2)}

/* ---------- più code, una sotto l'altra ---------- */
.tasti{margin:0 0 18px;font-size:11.5px;color:var(--ink-3);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.blocco{margin-bottom:34px}
.blocco-testa h2{font-family:'Archivo',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.01em;margin:0;line-height:1.2}
.riga .chi a:hover b{text-decoration:underline;text-underline-offset:3px}
.segno{font:400 9.5px/1 'Space Mono',monospace;font-style:normal;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid var(--line-2);border-radius:4px;padding:2px 5px;margin-left:8px}

/* ---------- Contatti: imbuto, viste, elenco ---------- */
.imbuto{display:flex;gap:2px;margin:4px 0 18px;min-height:58px}
.fascia{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:9px 11px;min-width:0;
  background:var(--surface);border:1px solid var(--line);color:var(--ink-2);overflow:hidden}
.fascia:first-child{border-radius:var(--r) 0 0 var(--r)}
.fascia:nth-last-child(2){border-radius:0 var(--r) var(--r) 0}
.fascia b{font:700 17px/1 'Archivo',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.fascia span{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fascia:hover{border-color:var(--line-2);background:var(--surface-2)}
.fascia.attiva{background:var(--tipicita-soft);border-color:var(--tipicita)}
.fascia.attiva b,.fascia.attiva span{color:var(--tipicita)}
/* i disinteressati stanno staccati: non sono un gradino dell'imbuto, ne sono usciti */
.fascia.fuori{margin-left:10px;border-radius:var(--r)}
.barra-viste{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.viste{display:flex;gap:4px}
.vista{font:500 13px/1 'Inter',sans-serif;color:var(--ink-2);padding:8px 12px;border-radius:8px}
.vista:hover{background:var(--inset);color:var(--ink)}
.vista.attiva{background:var(--tipicita-soft);color:var(--tipicita);font-weight:600}
.filtro{flex:1;min-width:220px;max-width:380px;margin-left:auto;font:400 13px/1.3 'Inter',sans-serif;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 11px}
.filtro:focus{outline:0;border-color:var(--ink)}
.nota-vista{margin:0 0 12px;font-size:12.5px;color:var(--ink-3)}
.elenco .riga{grid-template-columns:minmax(260px,2fr) 130px 92px minmax(170px,1.2fr) 110px;color:inherit}
.elenco a.riga{cursor:pointer}
.livello{color:var(--ink-3)}
.livello.caldo{color:var(--ink);font-weight:600}
.pagine{display:flex;justify-content:center;align-items:center;gap:18px;margin:14px 0 0;font-size:12.5px;color:var(--ink-3)}

/* ---------- la scheda del soggetto: quasi a tutto schermo ---------- */
.piano:has(.scheda){max-width:1480px}
.scheda-testa{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.indietro{font-size:12.5px;color:var(--ink-3);padding-top:9px;white-space:nowrap}
.indietro:hover{color:var(--ink)}
.scheda-titolo{flex:1;min-width:240px}
.scheda-titolo h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.015em;line-height:1.1;margin:0;text-wrap:balance}
.scheda-sotto{margin:5px 0 0;color:var(--ink-2);font-size:13.5px}
.scheda-testa .bottone kbd{margin-left:6px;background:transparent;color:inherit;border-color:currentColor;opacity:.6}
.riassunto{margin:14px 0 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.divieto{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:var(--ink);color:var(--ground);font-size:13.5px}
.gancio{margin:14px 0 0;padding:14px 16px;border-radius:var(--r);background:var(--tipicita-soft);font-size:15.5px;line-height:1.5;color:var(--ink)}
.gancio span{display:block;font:400 10px/1 'Space Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--tipicita);margin-bottom:7px}
.scheda-corpo{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:28px;margin-top:22px;align-items:start}
.scheda h2{font:400 10.5px/1 'Space Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;
  display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.scheda h2 .testuale{font:500 12px/1 'Inter',sans-serif;letter-spacing:0;text-transform:none}
.diario{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.anno{font:700 13px/1 'Archivo',sans-serif;color:var(--ink-3);margin:18px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
.anno:first-of-type{margin-top:0;padding-top:0;border-top:0}
/* LA LINEA fra quest'edizione e il passato: non un titoletto in più ma una riga che attraversa, perché il suo mestiere
   è farsi vedere da chi scorre in fretta. Quello che sta sotto resta leggibile — è il passato, non è spento. */
.linea-edizione{display:flex;align-items:center;gap:10px;margin:26px 0 10px;color:var(--ink-2);font:700 11px/1 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.07em}
.linea-edizione::before,.linea-edizione::after{content:'';flex:1;height:2px;background:var(--line-2);border-radius:2px}
.linea-edizione+.anno{margin-top:6px;padding-top:0;border-top:0}
.fatto-riga.passato{opacity:.78}

/* LA BANDA DELL'ARCHIVIO: sta in cima e non si scrolla via col contenuto. Ocra come l'agenda, non rossa: guardare il
   passato non è un guasto, è una cosa che si fa apposta — ma deve restare sotto gli occhi. */
.archivio{position:sticky;top:0;z-index:6;margin:0 0 14px;padding:9px 14px;border-radius:var(--r);
  background:var(--agenda-soft);color:var(--agenda);border:1px solid color-mix(in srgb,var(--agenda) 30%,transparent);
  font:400 12.5px/1.4 'Inter',sans-serif;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.archivio[hidden]{display:none}
.archivio b{font-weight:700}
.archivio .testuale{color:var(--agenda);font-weight:600}
/* LA BANDA DELLA PROVA DA FARE. Sta qui e non in `tipicita.css` per un motivo pratico: questo foglio si carica
   dopo, e le regole di `.archivio` batterebbero le sue. Stesso ocra: una prova da fare non è un guasto. */
.banda-collaudo{align-items:center;gap:12px}
.banda-collaudo .quieto{flex:1 1 240px;color:inherit;opacity:.85}
.banda-collaudo .bottone{margin-left:auto;flex:0 0 auto}
.banda-collaudo .bottone.primario{background:var(--agenda);border-color:var(--agenda);color:#fff}

/* la finestra delle edizioni */
.fin-edizioni .fin-in{min-width:min(620px,92vw)}
.ed-lista{list-style:none;margin:10px 0 14px;padding:0;display:flex;flex-direction:column;gap:2px}
.ed-lista li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--surface-2)}
.ed-lista li.qui{background:var(--tipicita-soft)}
.ed-chi{display:flex;flex-direction:column;gap:2px;min-width:0}
.ed-chi i{font:400 11px/1.2 'Space Mono',monospace;font-style:normal;color:var(--ink-3)}
.ed-prova{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:2px 0 0}
.ed-si{color:var(--acqua);font-weight:600;font-size:12.5px}
.ed-no{color:var(--crit);font-weight:600;font-size:12.5px}
.ed-archivia{display:flex;flex-direction:row;gap:8px;align-items:flex-start;background:var(--inset);padding:10px;border-radius:8px}
.ed-archivia i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-2);margin-top:2px}

/* la targhetta della manifestazione su un compito nato altrove: c'è solo dove serve, se no non direbbe più niente */
.segno-manif{display:inline-block;padding:1px 6px;border-radius:999px;background:var(--inset);color:var(--ink-2);
  font:700 9.5px/1.5 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.05em;vertical-align:1px}

/* LA FINESTRA DI UN COMPITO: il titolo grande, la specifica com'è stata scritta, i gesti in fondo. */
.fin-compito .fin-in{min-width:min(560px,92vw)}
.cp-riga{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:12.5px;color:var(--ink-2);margin:0 0 12px}
.cp-nota{background:var(--surface-2);border-radius:10px;padding:12px 14px;font-size:13.5px;line-height:1.5;white-space:normal;margin:0 0 12px}
.cp-fatto{color:var(--acqua);font-weight:600}
.cp-link{margin:0 0 12px}
.cp-link a{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 12px;border-radius:999px;background:var(--inset);
  color:var(--tipicita);font-weight:600;font-size:13px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-link a::before{content:'↗';font-weight:700}
.cp-link a:hover{background:var(--tipicita-soft)}

/* IL BUONGIORNO: una cosa sola per blocco, e ogni riga è una porta. Non si lavora qui dentro. */
.buongiorno .fin-in{min-width:min(520px,92vw);max-width:560px}
.bg-testa{margin:0 0 4px}
.bg-testa h2{margin:0 0 2px}
.bg-blocco{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.bg-blocco h3{display:flex;gap:8px;align-items:baseline;font:700 12.5px/1 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin:0 0 8px}
.bg-blocco h3 i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:400;font-size:11.5px}
.bg-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.bg-lista li a,.bg-lista li>span{display:flex;gap:12px;align-items:baseline;padding:8px 10px;border-radius:8px;background:var(--surface-2);text-decoration:none;color:inherit}
.bg-lista li a:hover{background:var(--tipicita-soft)}
.bg-quando{flex:none;min-width:74px;font:400 11px/1.4 'Space Mono',monospace;color:var(--ink-3)}
.bg-quando.scaduta{color:var(--crit);font-weight:700}
.bg-che{display:flex;flex-direction:column;gap:2px;min-width:0}
.bg-che i{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.bg-altro{margin:8px 0 0;font-size:12.5px;color:var(--ink-2)}
.bg-orfane p{margin:0;font-size:13.5px}
.bg-novita .bg-che b{font-weight:600}
.cp-piede{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cp-piede .bottone.primario{margin-left:auto}
.cp-feedback{margin-top:8px;border-top:1px solid var(--line);padding-top:12px}
.cp-tutti{margin:0 0 6px}
.cp-gente{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;max-height:160px;overflow:auto}

/* LO STORICO: un log si legge per giornate. */
.storico .blocco-testa input[type=search]{min-width:min(280px,60vw)}
.st-giorno{margin:0 0 18px}
.st-giorno h2{font:700 12.5px/1 'Archivo',sans-serif;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.st-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.st-lista li{display:flex;gap:12px;align-items:baseline;padding:8px 10px;border-radius:8px;background:var(--surface)}
.st-lista li:hover{background:var(--surface-2)}
.st-ora{font:400 11px/1.4 'Space Mono',monospace;color:var(--ink-3);flex:none}
.st-chi{display:flex;flex-direction:column;gap:2px;min-width:0}
.st-chi i{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.st-chi i a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}

/* IL PALLINO DEL NON LETTO: a sinistra della riga, come nelle mail. Non riordina niente e non colora la riga — una
   riga evidenziata direbbe «urgente», e questa dice solo «guarda, è cambiata». */
.pallino-letto{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tipicita);margin-right:7px;vertical-align:1px;flex:none}
.riga.non-letta .chi b{font-weight:700}
.riga.non-letta{background:color-mix(in srgb,var(--tipicita) 4%,transparent)}

/* SERVICE: la lista degli eventi confermati e i materiali di ciascuno (migrazione 65) */
.conti.tab-service .riga{grid-template-columns:110px minmax(220px,1.7fr) minmax(150px,1fr) minmax(190px,auto);min-height:52px;cursor:pointer}
.sv-quando{display:flex;flex-direction:column;gap:2px;font-weight:600}
.sv-quando i{font-style:normal;font-weight:400;font-size:11.5px;color:var(--ink-3)}
.sv-file{font:400 12px/1.35 'Inter',sans-serif;color:var(--ink-2)}
.sv-file b{font-weight:700;color:var(--ink)}
.sv-file i{font-style:normal;color:var(--ink-3);font-size:11.5px}
.sv-file.vuoto-file{color:var(--ink-3)}
.sv-gesti{display:flex;gap:10px;align-items:center;justify-content:flex-end}
/* l'avviso sul link è ocra come l'archivio: non è un guasto, è una cosa da sapere prima di mandarlo a qualcuno */
.sv-aiuto{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--agenda-soft);color:var(--agenda);font-size:12.5px}
.sv-aiuto b{font-weight:700}
.sv-link{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 0}
.sv-link code{font:400 11.5px/1.6 'Space Mono',monospace;background:var(--inset);padding:5px 9px;border-radius:7px;color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-titolo{font:700 12.5px/1 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin:22px 0 0;display:flex;gap:8px;align-items:baseline}
.sv-lista{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.sv-lista li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.sv-lista li.sv-perso{background:var(--crit-soft);border-color:color-mix(in srgb,var(--crit) 30%,transparent)}
.sv-icona{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font:700 10px/1 'Archivo',sans-serif;color:#fff;background:var(--ink-3)}
.sv-icona.pdf{background:#B42318}.sv-icona.mp4{background:#5B3FB8}.sv-icona.pptx{background:#C4661F}.sv-icona.png{background:#07675E}
.sv-che b{display:block;font-size:13.5px}
.sv-che i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:2px}
.sv-desc{margin:6px 0 0;font-size:12.5px;color:var(--ink-2)}
.sv-desc.manca{color:var(--ink-3)}
.sv-carica{border:1.5px dashed var(--line-2);border-radius:12px;padding:16px;text-align:center;margin:16px 0 0;background:var(--surface-2)}
.sv-carica label.bottone{cursor:pointer}
.sv-carica p{margin:8px 0 0;font-size:12.5px;color:var(--ink-3)}
@media (max-width:900px){ .conti.tab-service .riga{grid-template-columns:1fr;gap:6px;padding:10px 14px} }
.fatto-riga{display:grid;grid-template-columns:74px minmax(0,1fr);gap:0 14px;padding:8px 0;font-size:13px}
.fatto-riga time{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.fatto-riga time i{display:block;font-style:normal;color:var(--ink-3);font-size:11.5px}
.fatto-capo{margin:0;color:var(--ink-2)}
.fatto-capo b{color:var(--ink);font-weight:600}
.fatto-testo{margin:3px 0 0;color:var(--ink);white-space:pre-wrap}
/* ciò che ha fatto il sistema (invii) pesa meno di ciò che ha fatto una persona */
.fatto-riga.sistema .fatto-capo b{font-weight:500;color:var(--ink-2)}
.fatto-riga.sistema .fatto-testo{color:var(--ink-3)}
.colonna{display:flex;flex-direction:column;gap:14px}
.riquadro{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.riquadro dl{margin:0;display:flex;flex-direction:column;gap:7px}
.voce-dato{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;font-size:13px}
.voce-dato dt{color:var(--ink-3)}
.voce-dato dd{margin:0;overflow-wrap:anywhere}
.voce-dato dd a{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.note-libere{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:12.8px;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}
.quieto{margin:0;font-size:13px;color:var(--ink-3)}
.modulo{display:flex;flex-direction:column;gap:9px}
.modulo label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-3)}
.modulo input,.modulo select,.modulo textarea{font:400 13.5px/1.35 'Inter',sans-serif;color:var(--ink);background:var(--surface);
  border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;resize:vertical}
.modulo input:focus,.modulo select:focus,.modulo textarea:focus{outline:0;border-color:var(--ink)}
.modulo-piede{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}

@media (max-width:1100px){
  .scheda-corpo{grid-template-columns:minmax(0,1fr)}
  .elenco .riga{grid-template-columns:minmax(200px,2fr) 110px 80px minmax(130px,1fr) 96px}
}
@media (max-width:760px){
  /* sette voci non stanno in una riga di telefono: la barra va a capo e le voci scorrono */
  /* sul telefono: marchio e nome in una riga, le sezioni in una seconda, le viste della sezione aperta in una terza che scorre */
  .barra{flex-wrap:wrap;row-gap:8px}
  .marchio{flex-direction:row;align-items:center;padding:0}
  .marchio-riga{flex:none;padding:0;gap:10px}          /* sul telefono il marchio e i suoi due comandi restano insieme, in riga */
  .logo{width:84px;height:26px}
  .sezioni{order:3;width:100%;flex-direction:row;flex-wrap:wrap;gap:4px}
  .sezione{display:contents}
  .voce-sezione{gap:8px}
  .sezione.aperta .voce-sezione{background:var(--inset)}
  .sezione ul{order:4;width:100%;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:2px;margin:0;padding:0 0 2px;border:0}
  .barra li{flex:none}
  .barra li.stacco{margin:0;padding:0;border:0}
  .voce{gap:6px;white-space:nowrap}
  .imbuto{flex-wrap:wrap}
  .fascia{flex:1 1 30%!important;border-radius:10px!important;margin:0!important}
  .elenco .riga{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 14px}
  .elenco .riga>span:nth-child(1){grid-column:1;grid-row:1;white-space:normal}
  .elenco .riga>span:nth-child(2){grid-column:2;grid-row:1;text-align:right}
  .elenco .riga>span:nth-child(3){display:none}
  .elenco .riga>span:nth-child(4){grid-column:1;grid-row:2}
  .elenco .riga>span:nth-child(5){grid-column:2;grid-row:2;text-align:right}
  .scheda-testa .bottone{width:100%;padding:13px}
  .scheda-testa .bottone kbd{display:none}
  .voce-dato{grid-template-columns:96px minmax(0,1fr)}
  .fatto-riga{grid-template-columns:58px minmax(0,1fr);gap:0 10px}
  .diario,.riquadro{padding:14px}
  .tasti{display:none}
}

/* ---------- Persone: gli invitati, e la finestra dell'invito ---------- */
.sezione.stacco{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.sezione.accesa .voce-sezione{color:var(--tipicita);background:var(--tipicita-soft)}
.persone .riga{grid-template-columns:minmax(180px,1.4fr) minmax(200px,1.6fr) 170px 130px 170px 150px}
.persone .riga>span{white-space:nowrap}
.blocco-testa .bottone.in-testa{margin-left:auto}
.fin-invito{width:min(620px,calc(100vw - 24px))}
.spiega{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--ink-2)}
.spiega b{color:var(--ink);font-weight:600}
.due-campi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fin-campo textarea{font:400 13px/1.45 'Inter',sans-serif;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:9px;padding:10px 11px;resize:vertical;min-width:0}
.fin-campo input[readonly]{background:var(--surface-2);color:var(--ink-2)}
.fin .richiamo{margin:0}
.fin-piede a.bottone{display:inline-flex;align-items:center}
@media (max-width:1100px){ .persone .riga{grid-template-columns:minmax(140px,1.2fr) minmax(160px,1.4fr) 130px 110px 130px 120px;gap:0 10px} }
@media (max-width:760px){
  .persone .riga{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 14px}
  .persone .riga.testa{display:none}
  .persone .riga>span{white-space:normal}
  .due-campi{grid-template-columns:1fr}
  .sezione.stacco{margin:0;padding:0;border:0}
}

/* ---------- «Apri trattativa» · «Registra espositore» ---------- */
.azioni-vista{float:right;margin:0 0 8px 12px}
.fin-nuova{width:min(720px,calc(100vw - 24px))}
.fin-nuova .fin-in{max-height:calc(100vh - 48px);overflow:auto}
.trovati{display:flex;flex-direction:column;max-height:300px;overflow:auto}
.trovato{display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;color:var(--ink);background:none;border:0;border-top:1px solid var(--line);padding:9px 4px;cursor:pointer}
.trovato:first-child{border-top:0}
.trovato:hover,.trovato:focus-visible{background:var(--surface-2);outline:0}
.trovato b{font-weight:600;font-size:13.5px}
.trovato i{font-style:normal;font-size:12px;color:var(--ink-3)}
.griglia-nuova{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
.griglia-nuova .largo{grid-column:1 / -1}
.fin-nuova textarea,.fin-nuova .fin-campo textarea{font:400 14px/1.4 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:9px 10px;resize:vertical;width:100%}
.fin-nuova .fin-campo select{font:inherit;color:inherit;background:none;border:0;border-bottom:1px dashed var(--line-2);padding:0 2px}
.fin-nuova .fin-campo input[type=date]{max-width:200px}
.fin-nuova .fin-avviso label{white-space:nowrap}
@media (max-width:760px){ .griglia-nuova{grid-template-columns:1fr} .fin-nuova{width:100vw} }

/* le richieste tecniche nella finestra dell'espositore */
.richieste{display:flex;flex-direction:column;gap:6px}
.richiesta{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px}
.fin-nuova .richiesta select,.fin-nuova .richiesta input{font:400 13.5px/1.35 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;min-width:0}

/* ---------- Esportazioni per il Comune ---------- */
.esporta{max-width:1180px}
.esporta .riga-azioni{margin:4px 0 16px}
.esporta .conta{color:var(--ink-3);font-weight:400;margin-left:4px}
.conti.tab-esporta .riga{grid-template-columns:minmax(200px,1.2fr) minmax(280px,2.4fr) 130px 96px;align-items:start;padding-top:10px;padding-bottom:10px;min-height:0}
.conti.tab-esporta .riga>span{white-space:normal}
.conti.tab-esporta .riga.testa{align-items:center;padding-top:0;padding-bottom:0}
.tab-esporta .chi{display:flex;flex-direction:column;gap:2px}
.tab-esporta .chi i{font-style:normal;font-size:12px;color:var(--ink-3);margin-left:24px}
.spunta{display:flex;align-items:flex-start;gap:8px;cursor:pointer}
.spunta input{margin:2px 0 0;accent-color:var(--tipicita);flex:none}
.documenti{display:flex;flex-direction:column;gap:6px}
.spunta.doc b{font-weight:600}
.spunta.doc i{display:block;font-style:normal;font-size:12px;color:var(--ink-3)}
.spunta.doc.gia b{font-weight:400;color:var(--ink-2)}
.manca{font-size:12px;color:var(--ink-2);border-left:2px solid var(--ink);padding-left:8px}
.nuovo-doc{display:grid;grid-template-columns:170px minmax(0,1fr) auto auto;gap:8px;align-items:center;flex-direction:unset}
.conti.tab-fatte .riga{grid-template-columns:130px minmax(180px,1.4fr) 130px minmax(100px,1fr) 80px}
@media (max-width:900px){
  .conti.tab-esporta .riga{grid-template-columns:1fr;gap:8px}
  .conti.tab-esporta .riga.testa{display:none}
  .nuovo-doc,.richiesta{grid-template-columns:1fr}
}

/* i file: apri · allega */
.spunta.doc{align-items:flex-start}
.spunta.doc>span{flex:1;min-width:0}
.spunta.doc .testuale{flex:none;padding:0;margin-top:1px}
.testuale.senza-file{color:var(--ink-3)}
.nuovo-doc{grid-template-columns:170px minmax(0,1fr) minmax(0,220px) auto auto}
.nuovo-doc input[type=file],.fin-nuova input[type=file]{font:400 12.5px/1.3 'Inter',sans-serif;color:var(--ink-2);border:0;padding:6px 0;background:none;min-width:0;max-width:100%}
.conti.tab-fatte .riga{grid-template-columns:130px minmax(180px,1.4fr) 130px minmax(100px,1fr) 150px}

.elenco-corto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.elenco-corto b{font-weight:600}
.elenco-corto i{font-style:normal;color:var(--ink-3);font-size:12px}

/* ---------- «Se qualcosa non va»: l'unica finestra fatta per essere letta ---------- */
.fin-aiuto{width:min(860px,calc(100vw - 24px))}
.fin-aiuto .fin-in{max-height:calc(100vh - 48px);overflow:auto;gap:4px}
.aiuto-blocco{border-top:1px solid var(--line);padding:16px 0 6px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.aiuto-blocco h3{font:700 14px/1.3 'Archivo',sans-serif;color:var(--ink);margin:0 0 8px}
.aiuto-blocco h4{font:400 10.5px/1 'Space Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:18px 0 6px}
.aiuto-blocco p{margin:0 0 8px}
.aiuto-blocco ul,.aiuto-blocco ol{margin:0 0 8px;padding-left:20px;display:flex;flex-direction:column;gap:5px}
.aiuto-blocco b{color:var(--ink);font-weight:600}
.aiuto-blocco a{text-decoration:underline;text-underline-offset:3px}
.aiuto-blocco code{font:400 12.5px/1 'Space Mono',monospace;background:var(--surface-2);border-radius:4px;padding:1px 5px}
.aiuto-blocco details{border-top:1px solid var(--line);padding:8px 0}
.aiuto-blocco details:first-of-type{border-top:0}
.aiuto-blocco summary{cursor:pointer;font-weight:600;color:var(--ink)}
.aiuto-blocco details p{margin:8px 0 0 16px}
.prova-passi{list-style:none;padding:0!important;margin:10px 0 0!important}
.prova-passi li{padding:8px 0 8px 12px;border-left:2px solid var(--line-2)}
.prova-passi li b{display:inline-block;min-width:26px;font:400 11px/1 'Space Mono',monospace;letter-spacing:.06em}
.prova-passi li.va{border-left-color:var(--tipicita)}
.prova-passi li.va b{color:var(--tipicita)}
.prova-passi li.non-va{border-left-color:var(--ink)}
.prova-passi li.non-va,.prova-passi li.non-va b{color:var(--ink);font-weight:600}
.prova-passi li.copia{border-left:0;padding-left:0}
.esporta .riga-azioni .testuale{margin-left:4px}

.fatto-dato{margin:3px 0 0;font-size:12px;color:var(--ink-3)}
.con-chi{font-weight:600}
.elenco-corto.persone li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.elenco-corto.persone a{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.elenco-corto.persone i{flex-basis:100%}
.fin-nuova .fin-conchi input{font:400 14px/1.3 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:9px 10px}

/* ---------- mail tornate · opposizioni ---------- */
.recapiti{max-width:1240px}
.recapiti .riga-azioni{margin:4px 0 16px;flex-direction:column;align-items:stretch;gap:0}
.recapiti .riga-azioni input[type=search]{font:400 14px/1.3 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:9px 12px;max-width:520px}
.conti.tab-tornate .riga{grid-template-columns:minmax(200px,1.5fr) minmax(200px,1.3fr) 96px minmax(230px,1.4fr) 56px;min-height:48px}
.conti.tab-tornate .riga>span,.conti.tab-opposizioni .riga>span{white-space:normal}
.tab-tornate .chi,.tab-opposizioni .chi{display:flex;flex-direction:column;gap:2px;min-width:0}
.tab-tornate .chi i,.tab-opposizioni .chi i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-tornate .vecchia{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;text-decoration:line-through;text-decoration-color:var(--line-2);color:var(--ink-2);word-break:break-all}
.tab-tornate .vecchia a{text-decoration:underline;text-decoration-color:var(--line-2)}
.nuova-mail{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.nuova-mail input{flex:1;min-width:0;font:400 13px/1.2 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:7px 9px}
.conti.tab-opposizioni .riga{grid-template-columns:minmax(200px,1.4fr) minmax(180px,1.2fr) 110px 90px minmax(160px,1.6fr) 120px;min-height:44px}
.nota-lunga{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;color:var(--ink-2)}
.gesti-recapiti{margin:10px 0 0;font-size:12.5px;color:var(--ink-3)}
@media (max-width:1000px){
  .conti.tab-tornate .riga,.conti.tab-opposizioni .riga{grid-template-columns:1fr;gap:6px;padding:10px 14px}
  .conti.tab-tornate .riga.testa,.conti.tab-opposizioni .riga.testa{display:none}
}

/* il cestino di «Mail tornate»: rosso pieno, per scelta di Paolo — toglie un indirizzo */
.bottone.cestino{background:var(--crit);border-color:var(--crit);color:var(--crit-soft);padding:7px 9px;line-height:0}
.bottone.cestino:hover{filter:brightness(1.1);color:var(--crit-soft);border-color:var(--crit)}
.bottone.cestino svg{display:block}

/* ============================================================
   IL PROGRAMMA — la griglia. Pieno = confermato, tratteggiato = ipotesi. Il petrolio è del confermato.
   ============================================================ */
.programma{max-width:none}
.prog-azioni{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.prog-giorni{display:flex;gap:4px;margin:14px 0 12px;border-bottom:1px solid var(--line)}
.prog-giorni button{font:600 13px/1 'Inter',sans-serif;color:var(--ink-3);background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer}
.prog-giorni button::first-letter{text-transform:uppercase}
.prog-giorni button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--tipicita)}
.prog-giorni button i{font:400 11px/1 'Space Mono',monospace;font-style:normal;color:var(--ink-3);margin-left:7px}
.prog-corpo{display:flex;gap:16px;align-items:flex-start}
.prog-scorri{flex:1;min-width:0;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.prog-griglia{display:grid;grid-template-columns:52px repeat(var(--sale),minmax(150px,1fr)) auto;min-width:calc(52px + var(--sale) * 150px)}
.prog-ore{position:relative;margin-top:36px;height:calc(var(--righe) * var(--riga))}
.prog-ore span{position:absolute;right:8px;transform:translateY(-50%);font:400 10.5px/1 'Space Mono',monospace;color:var(--ink-3)}
.prog-sala{border-left:1px solid var(--line);min-width:0}
.prog-sala h3{height:36px;margin:0;padding:0 10px;display:flex;align-items:center;gap:6px;font:700 12.5px/1.15 'Archivo',sans-serif;border-bottom:1px solid var(--line);background:var(--surface-2);position:sticky;top:0;z-index:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.prog-sala h3 i{font:400 10px/1 'Space Mono',monospace;font-style:normal;color:var(--ink-3);letter-spacing:.06em}
.prog-sala.piu{min-width:70px}
.prog-colonna{position:relative;height:calc(var(--righe) * var(--riga));
  background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);
  background-size:100% calc(var(--riga) * 2),100% var(--riga);background-position:0 0,0 0}
.prog-colonna{background-image:linear-gradient(to bottom,var(--line-2) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px)}
.prog-blocco{position:absolute;box-sizing:border-box;margin-left:2px;padding:4px 7px;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;gap:1px;font-size:12px;line-height:1.2;cursor:pointer;border:1px solid var(--tipicita);background:var(--tipicita);color:var(--su-tipicita)}
.prog-blocco b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prog-blocco i{font-style:normal;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prog-blocco span{font:400 10px/1.2 'Space Mono',monospace;opacity:.8;white-space:nowrap}
.prog-blocco.s-proposto{background:var(--surface);color:var(--ink);border:1.5px dashed var(--ink-3)}
.prog-blocco.s-pubblicato{box-shadow:inset 3px 0 0 var(--su-tipicita)}
.prog-blocco.sorella{outline:2px solid var(--ink);outline-offset:1px}
.prog-blocco.spostato,.prog-blocco.nuovo{box-shadow:0 0 0 2px var(--ink)}
.prog-blocco.riavvisare::after{content:'da riavvisare';position:absolute;right:4px;bottom:3px;font:400 9px/1 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase;background:var(--surface);color:var(--ink);border-radius:3px;padding:2px 4px}
.in-modifica .prog-blocco{cursor:grab;touch-action:none}
.prog-rimetti{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;border:0;background:var(--ink);color:var(--ground);font:700 12px/1 'Inter',sans-serif;cursor:pointer;padding:0}
.prog-ombra{position:absolute;left:2px;right:2px;box-sizing:border-box;border-radius:6px;border:2px solid var(--ink);background:color-mix(in srgb,var(--ink) 10%,transparent);padding:4px 7px;font-size:12px;pointer-events:none;z-index:3;display:flex;flex-direction:column;gap:2px}
.prog-ombra span{font:400 10px/1 'Space Mono',monospace}
.prog-ombra.no{border-style:dashed;background:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in srgb,var(--ink) 14%,transparent) 6px 12px)}
body.trascinando{user-select:none;cursor:grabbing}
.prog-vassoio{flex:0 0 230px;position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px}
.prog-vassoio h2{font:700 13px/1 'Archivo',sans-serif;margin:0 0 10px;display:flex;gap:8px;align-items:baseline}
.prog-carta{border:1.5px dashed var(--ink-3);border-radius:6px;padding:7px 9px;margin-bottom:6px;display:flex;flex-direction:column;gap:2px;font-size:12.5px;cursor:grab;touch-action:none;background:var(--surface)}
.prog-carta.tenuto{border-color:var(--line-2);color:var(--ink-2)}
.prog-carta b{font-weight:700}.prog-carta i{font-style:normal;color:var(--ink-2)}
.prog-carta span{font:400 10px/1.2 'Space Mono',monospace;color:var(--ink-3)}
.prog-vassoio .quieto{font-size:11.5px;margin:10px 0 0}
.prog-vassoio.accoglie{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent)}
.prog-gia{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.prog-gia>summary{font:600 11.5px/1.3 'Archivo',sans-serif;color:var(--ink-2);cursor:pointer}
.prog-gia .quieto{margin:6px 0 8px}
.prog-tolta{font-style:normal;font-size:11px;color:var(--ink-2)}
/* «manca contratto»: l'unico rosso pieno della pagina Partner, e deve restare l'unico */
.partner-chi .manca-contratto{background:var(--crit);border-color:var(--crit);color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
/* la scheda dell'evento */
.appuntamento{border-top:1px solid var(--line);padding:10px 0}
.appuntamento:first-of-type{border-top:0;padding-top:0}
.appuntamento h3{font:400 10.5px/1 'Space Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}
.ipotesi{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}
.ipotesi li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1.5px dashed var(--ink-3);font-size:13px}
.ipotesi li.s-confermato,.ipotesi li.s-pubblicato{border:1px solid var(--tipicita);background:color-mix(in srgb,var(--tipicita) 8%,transparent)}
.ipotesi li>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.ipotesi i{font-style:normal;font-size:12px;color:var(--ink-2)}
.ipotesi i::first-letter{text-transform:uppercase}
.ipotesi .gesti{display:flex;align-items:center;gap:10px;flex:none}
.stato-ferma{color:var(--tipicita);font-weight:700;font-size:12px}
.spunta-piccola{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);cursor:pointer}
.campo-organizzatore{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-3)}
.campo-organizzatore .scelto{margin:0;font-size:13.5px;color:var(--ink)}
@media (max-width:900px){ .prog-corpo{flex-direction:column} .prog-vassoio{position:static;flex:none;width:100%;max-height:none} }

/* ---------- i gradi di un evento ---------- */
.grado{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font:700 10.5px/1 'Space Mono',monospace;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-2);vertical-align:1px}
.grado.g3,.grado.g4,.grado.g5,.grado.g6{background:var(--tipicita);border-color:var(--tipicita);color:var(--su-tipicita)}
.eventi-lista{max-width:1180px}
.conti.tab-eventi .riga{grid-template-columns:minmax(220px,1.4fr) minmax(200px,1.5fr) minmax(200px,1.6fr) 90px;min-height:46px}
.conti.tab-eventi .riga>span{white-space:normal}
.tab-eventi .chi{display:flex;flex-direction:column;gap:2px;min-width:0}
.tab-eventi .chi i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-eventi .idea{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px}
.prog-carta em{font-style:normal;font-size:11.5px;color:var(--ink-2)}
@media (max-width:900px){ .conti.tab-eventi .riga{grid-template-columns:1fr;gap:6px;padding:10px 14px} }

/* ---------- pubblicare su tipicita.it ---------- */
.ipotesi li{flex-wrap:wrap}
.pubblicazione{flex-basis:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:12.5px;display:flex;flex-direction:column;gap:6px}
.pubblicazione p{margin:0}
.pubblicazione .gesti{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.pubblicazione a{text-decoration:underline;text-underline-offset:3px}
.ritorno{display:flex;gap:6px}
.ritorno input{flex:1;min-width:0;font:400 12.5px/1.2 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:6px 8px}
.cat-sales{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12.5px}
.cat-sales summary{cursor:pointer;color:var(--ink-2)}
.cat-sales summary i{font-style:normal;color:var(--ink-3);margin-left:6px}
.cat-elenco{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 12px;margin-top:8px}
.cat-elenco label{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;font-size:12.5px;color:var(--ink)}
.chiaro{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;max-height:56vh;overflow:auto}
.chiaro-riga{display:grid;grid-template-columns:180px minmax(0,1fr) 70px;gap:10px;align-items:start;padding:8px 12px;border-top:1px solid var(--line);font-size:13px}
.chiaro-riga:first-child{border-top:0}
.chiaro-riga span{color:var(--ink-3);font-size:12px}
.chiaro-riga pre{margin:0;white-space:pre-wrap;font:inherit;color:var(--ink)}
.bottone.segnalibro{cursor:grab}

/* ---------- il planner coi gradi: più pieno = più avanti (la legenda sta sotto la griglia) ---------- */
.prog-blocco.g2{background:color-mix(in srgb,var(--tipicita) 9%,var(--surface));color:var(--ink);border:1.5px dashed color-mix(in srgb,var(--tipicita) 55%,var(--ink-3))}
.prog-blocco.g3{background:color-mix(in srgb,var(--tipicita) 38%,var(--surface));border-color:color-mix(in srgb,var(--tipicita) 55%,var(--surface));color:var(--ink)}
.prog-blocco.g4{background:color-mix(in srgb,var(--tipicita) 60%,var(--surface));border-color:color-mix(in srgb,var(--tipicita) 70%,var(--surface));color:var(--ink)}
.prog-blocco.g5{background:color-mix(in srgb,var(--tipicita) 84%,var(--surface));border-color:var(--tipicita);color:var(--su-tipicita)}
.prog-blocco.g6{background:var(--tipicita);border-color:var(--tipicita);color:var(--su-tipicita);box-shadow:inset 3px 0 0 var(--su-tipicita)}
.prog-blocco.g6.spostato{box-shadow:0 0 0 2px var(--ink)}
.prog-legenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-size:12px;color:var(--ink-2)}
.prog-legenda span,.col-grado{display:inline-flex;align-items:center;gap:6px}
.leg{display:inline-block;width:22px;height:13px;border-radius:4px;box-sizing:border-box;border:1px solid transparent;flex:none}
.leg.g1{background:var(--inset);border:1.5px dotted var(--ink-3)}
.leg.g2{background:color-mix(in srgb,var(--tipicita) 9%,var(--surface));border:1.5px dashed color-mix(in srgb,var(--tipicita) 55%,var(--ink-3))}
.leg.g3{background:color-mix(in srgb,var(--tipicita) 38%,var(--surface))}
.leg.g4{background:color-mix(in srgb,var(--tipicita) 60%,var(--surface))}
.leg.g5{background:color-mix(in srgb,var(--tipicita) 84%,var(--surface))}
.leg.g6{background:var(--tipicita);box-shadow:inset 3px 0 0 var(--su-tipicita);border-color:var(--tipicita)}
.prog-attesa{margin:0 0 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:10px 12px}
.prog-attesa h2{font:700 12.5px/1 'Archivo',sans-serif;margin:0 0 8px;display:flex;gap:8px;align-items:baseline}
.prog-attesa>div{display:flex;flex-wrap:wrap;gap:6px}
.prog-attesa .prog-carta{margin:0;max-width:260px;cursor:pointer}
.in-modifica .prog-attesa .prog-carta{cursor:grab}
.prog-carta.g1{background:var(--inset);border:1.5px dotted var(--ink-3);color:var(--ink-2)}
.conti.tab-lista .riga{grid-template-columns:110px minmax(220px,1.6fr) minmax(160px,1fr) 170px;min-height:44px}
.conti.tab-lista .riga>span{white-space:normal}
.tab-lista .orario{font:400 12.5px/1.2 'Space Mono',monospace}
.tab-lista .chi{display:flex;flex-direction:column;gap:2px;min-width:0}
.tab-lista .chi i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-lista .col-grado{font-size:12px;color:var(--ink-2)}
.giorno-lista::first-letter{text-transform:uppercase}
@media (max-width:900px){ .conti.tab-lista .riga{grid-template-columns:1fr;gap:4px;padding:10px 14px} }

/* ---------- l'inglese nella scheda dell'evento · la guida del Programma ---------- */
.modulo-en{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:10px}
.modulo-en label:nth-child(n+3){grid-column:1/-1}
.guida{max-width:920px}
.guida .blocco{padding-bottom:4px}
.guida p,.guida ol{font-size:14px;line-height:1.55;color:var(--ink);margin:0 0 12px}
.guida ol{padding-left:22px}.guida li{margin-bottom:7px}
.conti.tab-guida .riga{grid-template-columns:190px minmax(0,1.5fr) minmax(0,1.2fr);min-height:40px}
.conti.tab-guida .riga>span{white-space:normal}
.tab-guida .leg:not([class*=" g"]){border:1px solid var(--line-2)}
@media (max-width:900px){ .modulo-en{grid-template-columns:1fr} .conti.tab-guida .riga{grid-template-columns:1fr;gap:4px;padding:10px 14px} }

/* ---------- i filtri della Lista ---------- */
.lista-filtri{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;border-bottom:1px solid var(--line)}
.lista-filtri .prog-giorni{margin:0;border-bottom:0;flex-wrap:wrap}
.lista-filtri select{margin-left:auto;font:500 13px/1.2 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:7px 10px}

/* ---------- la Grafica: lo scadenzario ---------- */
.scadenzario{max-width:1180px}
.scadenzario .prog-giorni{margin-top:6px}
.conti.tab-scadenze .riga{grid-template-columns:110px minmax(220px,1.6fr) minmax(150px,1fr) minmax(96px,auto) minmax(110px,auto);min-height:48px;cursor:pointer}
/* di chi è la consegna: il nome nel suo colore, e «prendo io» dove non è ancora di nessuno o è di un altro */
.tab-scadenze .scad-chi{gap:3px;align-items:flex-start}
.tab-scadenze .scad-chi .persona{font-weight:600;font-size:12.5px}
.tab-scadenze .scad-chi .persona.suo{color:var(--tipicita)}
.tab-scadenze .scad-chi .testuale{font-size:11.5px}
.conti.tab-scadenze .riga>span{white-space:normal}
.tab-scadenze .entro{display:flex;flex-direction:column;gap:2px;font-weight:600}
.tab-scadenze .entro i{font-style:normal;font-weight:400;font-size:11.5px}
.tab-scadenze .chi{display:flex;flex-direction:column;gap:2px;min-width:0}
.tab-scadenze .chi i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-scadenze .tipo-scad{font:400 10.5px/1 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.tab-scadenze .riga.fatta b{font-weight:500;color:var(--ink-2)}
.tab-scadenze .quieto{font-style:normal;font-size:12px}
.scadenzario details.chiuse{margin-top:22px}
.scadenzario details.chiuse summary{cursor:pointer;font:700 13px/1 'Archivo',sans-serif;color:var(--ink-2);margin-bottom:10px}
.griglia-scadenza{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 14px}
.griglia-scadenza .largo{grid-column:1/-1}
.griglia-scadenza [hidden]{display:none!important}
.griglia-scadenza .fin-piede .elimina{margin-right:auto;color:var(--crit)}
.fin.fin-larga{width:min(640px,calc(100vw - 32px))}
@media (max-width:900px){ .conti.tab-scadenze .riga{grid-template-columns:1fr;gap:4px;padding:10px 14px} .griglia-scadenza{grid-template-columns:1fr} }

/* ---------- Persone: il riepilogo «Nel team» ---------- */
.persone.squadra .riga{grid-template-columns:minmax(180px,1.4fr) minmax(200px,1.6fr) minmax(150px,1fr)}
.persone.squadra{margin-bottom:26px}
@media (max-width:1100px){ .persone.squadra .riga{grid-template-columns:minmax(140px,1.2fr) minmax(160px,1.4fr) 150px} }

/* ---------- il pacchetto a voci, nella scheda ---------- */
.pacchetto h2 .numero{margin-left:6px}
.elenco-corto.voci li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0 7px 10px;border-left:3px solid var(--line-2)}
.elenco-corto.voci li.v-fatto{border-left-color:var(--tipicita)}
.elenco-corto.voci li.v-in_attesa{border-left-style:dashed;border-left-color:var(--ink-3)}
.voce-testo{display:flex;flex-direction:column;gap:2px;min-width:0}
.voce-testo i{font-style:normal;font-size:12px;color:var(--ink-3)}
.voce-stato{display:flex;align-items:center;gap:8px;flex:none;font-size:12px;color:var(--ink-2)}
.voce-stato select{font:400 12px/1.2 'Inter',sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:6px;padding:4px 6px}
.v-fatto .dice{color:var(--tipicita);font-weight:600}
.gesti-pacchetto{display:flex;gap:14px;margin:10px 0 0;font-size:13px}
.pacchetto .modulo{margin-top:10px}
.segno.pieno{color:var(--tipicita)}

/* ---------- Espositori → Attribuzione spazi ---------- */
.spazi{max-width:1080px}
.sequenza{margin:6px 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font-size:13.5px;color:var(--ink-2)}
.sequenza.pronta{border-color:var(--tipicita);color:var(--ink)}
.sequenza .manca,.esito-riga .manca{color:var(--crit)}
.conti.tab-spazi .riga{grid-template-columns:96px minmax(240px,1.6fr) minmax(140px,.8fr) minmax(200px,1.2fr);min-height:46px;align-items:center}
.conti.tab-spazi .riga>span{white-space:normal}
.tab-spazi .chi{display:flex;flex-direction:column;gap:2px;min-width:0}
.tab-spazi .chi i{font-style:normal;font-size:12px;color:var(--ink-3)}
/* …→ La mail */
.mail-due{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:6px 0 18px}
@media (max-width:980px){.mail-due{grid-template-columns:1fr}}
.mail-campi{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.mail-scrivi textarea{width:100%;resize:vertical;font:400 14px/1.5 'Inter',sans-serif;padding:12px}
.mail-avvisi{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--ink-2);min-height:1em}
.mail-esempio{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);margin-bottom:8px}
.mail-esempio select{flex:1;min-width:0;font:400 13px/1.3 'Inter',sans-serif;padding:6px 8px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);color:var(--ink)}
.mail-anteprima{border:1px solid var(--line);border-radius:var(--r);background:#fff;color:#1f2933;padding:18px 20px;font:400 15px/1.55 Arial,Helvetica,sans-serif;min-height:280px;overflow-wrap:anywhere}
.mail-anteprima p{margin:0 0 14px}.mail-anteprima a{color:#0b6e75}
.mail-piantina{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;font-size:13.5px}
.mail-test{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.mail-test .bottone{margin-left:auto}
.mail-fatte{list-style:none;margin:14px 0 0;padding:0;font-size:13px;color:var(--ink-2)}
.mail-fatte li{padding:6px 0;border-top:1px solid var(--line)}
.mail-fatte .manca{color:var(--crit)}
.tab-spazi .riga.in-blocco{background:color-mix(in srgb,var(--tipicita) 5%,var(--surface))}
.campo-numero{width:76px;font:700 15px/1.2 'Space Mono',monospace;text-align:center;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:7px 4px}
.campo-numero:focus{outline:0;border-color:var(--ink)}
.campo-numero::placeholder{color:var(--line-2);font-weight:400}
.esito-riga{font-size:12.5px}.esito-riga i{font-style:normal}
.in-blocco-scelta{margin-top:24px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.in-blocco-scelta .spunta{display:flex;align-items:center;gap:8px}.in-blocco-scelta .spunta i{font-style:normal;color:var(--ink-3);font-size:12px}
@media (max-width:900px){ .conti.tab-spazi .riga{grid-template-columns:90px 1fr;gap:4px 10px;padding:10px 14px} .tab-spazi .riga.testa{display:none} }

/* ---------- Grafica → Partner: la lista coi loghi, divisa per ruolo ---------- */
.partner{max-width:1080px}
.partner-lista{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.partner-lista li{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center;padding:10px 16px;border-top:1px solid var(--line)}
.partner-lista li:first-child{border-top:0}
.partner-lista li.nuovo{background:color-mix(in srgb,var(--tipicita) 6%,var(--surface))}
.partner-logo{height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px}
.partner-logo img{max-width:100%;max-height:100%;object-fit:contain}
.partner-logo i{font-style:normal;font-size:11.5px;color:#828DA3}
.partner-chi{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:14px}
.partner-chi a{font-size:12.5px;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partner-chi .segno{align-self:flex-start}
@media (max-width:700px){ .partner-lista li{grid-template-columns:110px minmax(0,1fr)} .partner-lista li .a-destra{grid-column:2} }

/* ---------- Partner: i gesti sulla riga e il logo nella finestra ---------- */
.partner-gesti{display:flex;gap:14px;align-items:center;white-space:nowrap}
.partner-logo-campo{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center}
.partner-logo-campo input[type=file]{font-size:12.5px;padding:6px}
@media (max-width:700px){ .partner-gesti{flex-wrap:wrap;gap:6px 12px} .partner-logo-campo{grid-template-columns:1fr} }

/* ---------- l'albero dei soggetti: il diario delle persone nella scheda del padre, i figli ripiegati in Contatti ---------- */
.di-chi{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
details.figli{border-top:1px dashed var(--line);padding:6px 16px 8px 34px;font-size:12.5px;background:var(--surface)}
details.figli summary{cursor:pointer;color:var(--ink-2)}
details.figli a{display:flex;gap:10px;align-items:baseline;padding:4px 0;color:var(--ink)}
details.figli a i{font-style:normal;color:var(--ink-3)}
details.figli a.trovata b{background:var(--tipicita-soft);color:var(--tipicita);border-radius:4px;padding:0 4px}

/* ---------- la scheda: i documenti in tabella ---------- */
.riquadro.documenti{margin:0 0 18px}
.riquadro.documenti h2{display:flex;align-items:baseline;gap:8px}.riquadro.documenti h2 .testuale{margin-left:auto}
.riquadro.documenti .manca{margin:0 0 10px;font-size:13px;color:var(--ink);border-left:2px solid var(--ink);padding-left:10px}
.conti.tab-documenti{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.conti.tab-documenti .riga{grid-template-columns:minmax(150px,.9fr) minmax(200px,1.6fr) minmax(200px,1.4fr) 110px 150px;min-height:42px}
.tab-documenti .azioni-doc{display:flex;justify-content:flex-end;gap:12px}.tab-documenti .azioni-doc label{cursor:pointer}
.conti.tab-documenti .riga>span{white-space:normal;overflow-wrap:anywhere}
.tab-documenti .allegato{text-align:left;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.riquadro.documenti .nuovo-doc{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.riquadro.documenti .nuovo-doc input[type=text]{flex:1 1 260px}
@media (max-width:900px){ .conti.tab-documenti .riga{grid-template-columns:1fr;gap:3px;padding:10px 14px} .tab-documenti .riga.testa{display:none} }

/* ---------- Scuole → Laboratori ---------- */
.laboratori{max-width:1180px}
.conti.tab-laboratori .riga{grid-template-columns:minmax(280px,2fr) minmax(140px,1fr) minmax(200px,1.2fr) 90px;min-height:50px;color:var(--ink)}
.conti.tab-laboratori .riga>span{white-space:normal}
.tab-laboratori .chi{display:flex;flex-direction:column;gap:2px;min-width:0}.tab-laboratori .chi i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-laboratori .manca,.scheda-evento .manca{color:var(--ink);border-left:2px solid var(--ink);padding-left:8px;font-size:12.5px}
.giorno-repliche{font:700 12.5px/1 'Archivo',sans-serif;margin:14px 0 8px}.giorno-repliche::first-letter{text-transform:uppercase}
.repliche{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}
.repliche li{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.repliche li b{font:700 13px/1 'Space Mono',monospace}.repliche li span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.repliche label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}
.repliche input{width:64px;font:600 13px/1.2 'Inter',sans-serif;text-align:center;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:6px;padding:4px}
.genera-serie{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.genera-serie h3{grid-column:1/-1;font:700 13px/1 'Archivo',sans-serif;margin:0}.genera-serie .largo{grid-column:1/-1}
.anteprima-serie{margin:0;font-size:12.5px;color:var(--ink-2)}
.spunta-piccola.in-linea{flex-direction:row!important;align-items:center;align-self:end}
@media (max-width:900px){ .conti.tab-laboratori .riga{grid-template-columns:1fr;gap:4px;padding:10px 14px} .tab-laboratori .riga.testa{display:none} .genera-serie{grid-template-columns:1fr 1fr} .repliche li{grid-template-columns:1fr 1fr} }

/* sul planner una replica per le scuole si riconosce: rigata, e non si trascina */
.prog-blocco.scuole{background-image:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--surface) 28%,transparent) 6px 9px);cursor:pointer!important}
.prog-blocco.scuole b::before{content:'scuole · ';font-weight:400;opacity:.85}
.genera-serie [hidden]{display:none!important}

/* ---------- Scuole → Scuole interessate ---------- */
.scuole{max-width:1180px}
.conti.tab-scuole .riga{grid-template-columns:minmax(260px,1.6fr) minmax(220px,1.3fr) minmax(160px,1fr) 170px;min-height:50px;color:var(--ink)}
.conti.tab-scuole .riga>span{white-space:normal}
.tab-scuole .chi{display:flex;flex-direction:column;gap:2px;min-width:0}.tab-scuole .chi i{font-style:normal;font-size:12px;color:var(--ink-3);overflow-wrap:anywhere}
.stato-scuola{font-weight:600;font-size:12.5px;display:inline-flex;flex-direction:column;gap:2px}.stato-scuola i{font-style:normal;font-weight:400;font-size:11.5px;color:var(--ink-3)}
.stato-scuola.s-interessata{color:var(--ink-2)}.stato-scuola.s-compilato{color:var(--tipicita)}
.link-scuola code{display:block;font:400 12px/1.4 'Space Mono',monospace;overflow-wrap:anywhere;background:var(--inset);border-radius:7px;padding:8px 10px}
.gruppi-scuola{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gruppi-scuola li{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px}
.gruppi-scuola .scelta{color:var(--ink)!important}
@media (max-width:900px){ .conti.tab-scuole .riga{grid-template-columns:1fr;gap:4px;padding:10px 14px} .tab-scuole .riga.testa{display:none} }

/* …→ La mail → l'invio definitivo */
.def-avviso{margin:0 0 10px;font-size:13px;color:var(--ink-2)}
.conti.tab-dest .riga{grid-template-columns:64px minmax(200px,1fr) minmax(320px,2fr);align-items:start;padding-top:10px;padding-bottom:10px}
.conti.tab-dest .riga>span{white-space:normal}
.tab-dest .chi{display:flex;flex-direction:column;gap:2px}.tab-dest .chi i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-dest .dest{display:flex;flex-direction:column;gap:6px;min-width:0}
.tab-dest .dest .spunta{overflow-wrap:anywhere}.tab-dest .dest .spunta i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-dest .dest .spunta.fuori{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--line-2)}.tab-dest .dest .spunta.fuori i{text-decoration:none;display:inline-block}
.def-piu{display:flex;gap:8px;align-items:center}
.def-piu input{flex:0 1 260px;min-width:0;font:400 13px/1.3 'Inter',sans-serif;padding:5px 8px;border:1px dashed var(--line-2);border-radius:7px;background:var(--surface);color:var(--ink)}
.def-invia{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:14px 0 0}
.conti.tab-esiti .riga{grid-template-columns:minmax(160px,1fr) minmax(200px,1.3fr) minmax(140px,1fr) 110px;min-height:36px}
.conti.tab-esiti .riga>span{white-space:normal;overflow-wrap:anywhere}.tab-esiti .manca{color:var(--crit)}.tab-esiti i{font-style:normal;font-size:12px;color:var(--ink-3)}
@media (max-width:900px){.conti.tab-dest .riga,.conti.tab-esiti .riga{grid-template-columns:1fr;gap:4px}}

/* Documenti — il repository */
.repository{max-width:1180px}
.conti.tab-repository{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.conti.tab-repository .riga{grid-template-columns:minmax(220px,1.6fr) minmax(200px,1.3fr) 110px minmax(130px,.8fr) 230px;min-height:46px;align-items:center}
.conti.tab-repository .riga>span{white-space:normal;overflow-wrap:anywhere}
.tab-repository .allegato{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;color:inherit}
.tab-repository i{font-style:normal;font-size:12px;color:var(--ink-3)}
.tab-repository .azioni-doc{display:flex;justify-content:flex-end;gap:12px}.tab-repository .azioni-doc label{cursor:pointer}
.repository .nuovo-doc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}.repository .nuovo-doc [name=descrizione]{flex:1 1 320px}
.mail-piantina select{font:400 13px/1.3 'Inter',sans-serif;padding:5px 8px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);color:var(--ink);max-width:260px}
@media (max-width:900px){.conti.tab-repository .riga{grid-template-columns:1fr;gap:4px;padding:10px 14px}.tab-repository .riga.testa{display:none}.tab-repository .azioni-doc{justify-content:flex-start}}

/* ============================================================
   LA BARRA, RIFATTA (Paolo, 20/09/2026: «un po' piatto, si distingue male la voce principale dalle figlie… una svecchiata»).
   Fondo petrolio: è il colore di Tipicità, e stacca la barra dal piano di lavoro. L'AREA è una voce grande con la sua freccia;
   quella APERTA diventa un riquadro, e le sue VISTE ci stanno dentro, più piccole e rientrate, con un segno chiaro su quella
   accesa. I colori si cambiano SOLO qui dentro (le stesse variabili, ridefinite per la barra): il resto dell'app non si muove.
   ============================================================ */
.barra{--ink:#F3F9F9;--ink-2:#B9D2D5;--ink-3:#8AADB1;--line:rgba(255,255,255,.13);--line-2:rgba(255,255,255,.24);--inset:rgba(255,255,255,.08);
  --tipicita:#84E4EC;--tipicita-soft:rgba(132,228,236,.16);
  --p-paolo:#FF9DAF;--p-francesca:#FEA668;--p-alberto:#CAC256;--p-riccardo:#78D694;--p-sofia:#28D6DF;--p-samantha:#86C4FF;--p-angelo:#ED9EE5;
  background:linear-gradient(180deg,var(--barra-da,#07444D) 0%,var(--barra-a,#052F36) 100%);border-right:0;color:var(--ink);padding:22px 12px 16px}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .barra{background:linear-gradient(180deg,var(--barra-da-scuro,#072A30) 0%,var(--barra-a-scuro,#04181C) 100%);border-right:1px solid var(--line)} }
.barra :focus-visible{outline-color:#fff}
.barra .logo{background:#fff}
.barra .targhetta{color:var(--ink-2);border-color:var(--line-2);background:transparent}
.barra .sezioni{gap:4px}
.barra .voce-sezione{font:700 14.5px/1.2 'Archivo',sans-serif;letter-spacing:.005em;color:var(--ink-2);padding:10px 10px;border-radius:10px;gap:8px;justify-content:flex-start}
.barra .voce-sezione::before{content:'';flex:none;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.55;transition:transform .15s;margin-right:2px}
.barra .voce-sezione .debito{margin-left:auto}
.barra .sezione.aperta{background:rgba(255,255,255,.07);border-radius:12px;padding:2px 4px 6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.barra .sezione.aperta .voce-sezione{color:#fff}
.barra .sezione.aperta .voce-sezione::before{transform:rotate(45deg) translate(-1px,-1px);opacity:1;border-color:var(--tipicita)}
.barra .sezione.aperta .voce-sezione:hover{background:transparent}
/* un'area senza viste (Budget, Documenti, Team…) non si apre: quando è accesa è lei la voce attiva, senza riquadro né freccia girata */
.barra .sezione.accesa{background:transparent;box-shadow:none;padding:0}
.barra .sezione.accesa .voce-sezione{color:#fff;background:var(--tipicita-soft);box-shadow:inset 3px 0 0 var(--tipicita)}
.barra .sezione.accesa .voce-sezione::before{transform:rotate(-45deg);border-color:currentColor;opacity:.55}
.barra .sezione ul{margin:0;padding:0;border-left:0;gap:1px}
.barra .sezione .voce{position:relative;padding:7px 10px 7px 28px;font-size:13.5px;font-weight:500;color:var(--ink-2);border-radius:8px}
.barra .sezione .voce:hover{color:#fff}
.barra .sezione .voce.attiva{background:var(--tipicita-soft);color:#fff;font-weight:600}
.barra .sezione .voce.attiva::before{content:'';position:absolute;left:12px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--tipicita)}
.barra .debito{background:#fff;color:#06343A;border-color:transparent}
.barra .voce.attiva .conto:not(.debito){color:var(--tipicita)}
.barra button.voce.piu-area{color:var(--ink-3)}
.barra .sezione.stacco{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.barra .sezione.stacco.aperta{border-top:0;margin-top:14px}
.barra .barra-piede{padding:12px 8px 0;border-top:1px solid var(--line)}
.barra .barra-piede .testuale{color:var(--ink-2);text-decoration-color:var(--line-2)}
.barra .barra-piede .testuale:hover{color:#fff}
@media (max-width:760px){
  .barra{padding:12px 14px}
  .barra .voce-sezione::before{display:none}
  .barra .sezione .voce{padding:7px 10px}.barra .sezione .voce.attiva::before{display:none}
  .barra .sezione.accesa .voce-sezione{box-shadow:none}
  .barra .barra-piede{border-top:0;padding:0}
}

/* la barra non perde più il fondo: le aree scorrono, la sala staff e il piede restano sempre in vista; e l'area aperta si richiude */
.barra .sezioni{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-right:-6px;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.barra .sezioni::-webkit-scrollbar{width:6px}.barra .sezioni::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:3px}
.barra .sala-staff{margin-top:0;flex:none}.barra .barra-piede{flex:none}.barra .marchio{flex:none}
.barra .sezione.compressa .voce-sezione{color:#fff}
.barra .sezione.compressa .voce-sezione::before{border-color:var(--tipicita);opacity:1}
@media (max-width:760px){.barra .sezioni{overflow:visible;margin:0;padding:0;flex:none}}

/* A CHE PUNTO È — il percorso della trattativa, nella scheda */
.percorso{margin:0 0 14px}
.percorso-passi{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0 0 10px;padding:0;
  font:400 10.5px/1.2 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.percorso-passi li>span{display:inline-block;padding:3px 7px;border-radius:20px}
.percorso-passi li:not(:first-child)::before{content:'›';margin-right:2px;color:var(--line-2)}
.percorso-passi .fatto>span{color:var(--ink-2)}
.percorso-passi .ora>span{background:var(--tipicita-soft);color:var(--tipicita);font-weight:700}
.percorso-passi .persa>span{background:var(--inset);color:var(--ink)}
.percorso-passi .spento>span{opacity:.5;text-decoration:line-through;text-decoration-color:var(--line-2)}

/* COME VA — la faccina: un segno solo, colorato, e sotto l'etichetta dello stato che si può cambiare.
   Il selettore non scrive lo stato: apre il fatto da registrare (vedi scheda.js). */
.ct-umore{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:96px}
.ct-umore .faccina{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round}
.ct-umore .faccina .occhio{fill:currentColor;stroke:none}
.ct-umore select{border:0;background:none;padding:1px 2px;border-radius:7px;cursor:pointer;
  font:400 10.5px/1.2 'Space Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);text-align:center}
.ct-umore select:hover{background:var(--inset)}
.ct-umore.u-persa{color:#C13333}
.ct-umore.u-nuova{color:var(--ink-3)}
.ct-umore.u-contatto{color:#C98A1E}
.ct-umore.u-interessato{color:#2E9B57}
.ct-umore.u-chiusura{color:#1E7A45}
.ct-stato-fermo{margin:0;font:400 10.5px/1.2 'Space Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.ct-peso{font:400 11px/1.2 'Space Mono',monospace;letter-spacing:.04em;color:var(--ink-3);font-style:normal}

/* LA STAMPA E IL RITIRO (migrazione 57) — i segni del percorso dei materiali fisici. */
.fascia-ritiro{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--agenda-soft);color:#6B4C0E;
  font-size:13.5px;border-left:3px solid var(--agenda)}
.segno-rinvio{display:inline-block;margin-top:4px;padding:3px 9px;border-radius:20px;background:var(--agenda-soft);color:var(--agenda);
  font:400 10.5px/1.3 'Space Mono',monospace;letter-spacing:.03em;font-style:normal}
.in-tipografia{color:var(--agenda)}
/* le finestre dell'ordine e del ritiro */
.fin-ordine,.fin-ritiro{width:min(560px,calc(100vw - 24px))}
.fin-rinvio{width:min(460px,calc(100vw - 24px))}
.ord-insieme{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding:10px 12px;border:1px solid var(--line);
  border-radius:12px;background:var(--surface-2)}
.ord-insieme .spunta{align-items:flex-start;padding:7px 0}
.ord-insieme .spunta+.spunta{border-top:1px solid var(--line)}
.ord-insieme .spunta.fisso{opacity:.85}
.ord-insieme i{display:block;font-style:normal;font-size:12px;color:var(--ink-3)}
.ord-quando{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.spunta-riga{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;cursor:pointer}
.ord-date{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.ord-riga-data{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}
.ord-riga-data span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fin-due{display:flex;gap:14px}.fin-due>*{flex:1;min-width:0}

/* MAGAZINE · BANNER · LOGHI (migrazione 59) — quello che i partner mandano a noi. */
.da-partner .blocco-testa i.quieto{font-style:normal;font-size:12.5px;color:var(--ink-3)}
.dp-testa{display:flex;gap:14px;align-items:stretch;margin:0 0 16px}
.dp-specifiche{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 16px}
.dp-specifiche .et{margin:0 0 6px;font:400 10.5px/1.2 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.dp-misure{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink)}
.dp-specifiche .quieto{margin:6px 0 0;font-size:12.5px;color:var(--ink-2)}
.dp-conto{width:210px;flex:none;background:var(--agenda-soft);border-radius:12px;padding:13px 16px;color:#6B4C0E}
.dp-conto b{display:block;font:700 22px/1 'Inter',sans-serif}
.dp-conto span{font-size:12.5px;line-height:1.45}
.tab-dp .riga{grid-template-columns:minmax(0,1.4fr) 116px 116px 132px minmax(0,1fr) 150px}
.dp-da{font:400 11px/1.3 'Space Mono',monospace;color:var(--tipicita)}
.dp-da i{display:block;font-style:normal;font-family:'Inter',sans-serif;font-size:11.5px;color:var(--ink-3)}
.dp-da.mai{color:var(--ink-3)}
.dp-slegato{display:block;font-style:normal;font-size:11.5px;color:var(--agenda)}
.tab-dp .riga.aperta{background:color-mix(in srgb,var(--tipicita) 4%,transparent)}
.fin-dp{width:min(560px,calc(100vw - 24px))}
.fin-qualifica .q-da{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.fin-qualifica .q-da .et{margin:0 0 4px;font:400 10.5px/1.2 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.fin-qualifica .q-da p{margin:0;font-size:13px;line-height:1.6;color:var(--ink)}
.q-piede{justify-content:space-between}
.q-destra{display:flex;gap:10px}
@media (max-width:900px){
  .dp-testa{flex-direction:column}.dp-conto{width:auto}
  .tab-dp .riga{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
}
@media (max-width:640px){.fin-due{flex-direction:column}}

/* LA TESTA DELLA SCHEDA — la candidatura dell'anno, in alto e per il lungo (Paolo, 20/09/2026). Tre fasce: dove sta,
   che cosa si può fare, che cosa si sa. I gesti hanno l'icona e il colore del loro significato. */
.candidatura-testa{margin:18px 0 0}
.ct-testa{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 12px}
.ct-testa h2{margin:0}
.ct-testa .percorso-passi{margin:0}
.ct-testa .testuale{margin-left:auto}
.ct-gesti{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.ct-gesti .gesto{display:inline-flex;align-items:center;gap:9px;padding:9px 14px 9px 11px;border-radius:11px;cursor:pointer;
  border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:600 13.5px/1.25 'Inter',sans-serif;text-align:left}
.ct-gesti .gesto i{display:block;font-style:normal;font-size:11.5px;font-weight:400;color:var(--ink-3)}
.ct-gesti .gesto svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ct-gesti .gesto:hover{border-color:currentColor}
.ct-gesti .g-aderisce{color:#1E7A45}.ct-gesti .g-aderisce:hover{background:#EEF8F1}
.ct-gesti .g-no{color:#C13333}.ct-gesti .g-no:hover{background:#FDF1F1}
.ct-gesti .g-proposta,.ct-gesti .g-riapri{color:var(--tipicita)}.ct-gesti .g-proposta:hover,.ct-gesti .g-riapri:hover{background:var(--tipicita-soft)}
.ct-gesti .gesto span{color:var(--ink)}
.ct-come{margin:0 0 12px;font-size:12.5px;color:var(--ink-3)}
.ct-campi{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}
.ct-campo{display:flex;align-items:center;gap:8px;min-height:30px;font-size:13.5px}
.ct-et{font:400 10.5px/1.2 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.ct-val b{font-weight:700}
.ct-valore .ct-euro{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface)}
.ct-valore input{width:88px;border:0;background:none;padding:2px 0;font:700 14px/1.2 'Inter',sans-serif;color:var(--ink);text-align:right}
.ct-valore input:focus{outline:none}
.ct-valore .ct-euro:focus-within{border-color:var(--tipicita)}
.ct-valore b{font-weight:600;color:var(--ink-3)}
.ct-valore select,.ct-partner select{font:400 12.5px/1.2 'Inter',sans-serif;padding:4px 6px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink-2)}
/* l'interruttore dei partner: acceso si vede da lontano */
.interruttore{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.interruttore input{position:absolute;opacity:0;width:0;height:0}
.interruttore .lev{position:relative;flex:none;width:34px;height:19px;border-radius:20px;background:var(--line-2);transition:background .15s}
.interruttore .lev::after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}
.interruttore input:checked+.lev{background:var(--acqua)}
.interruttore input:checked+.lev::after{transform:translateX(15px)}
.interruttore input:focus-visible+.lev{outline:2px solid var(--tipicita);outline-offset:2px}
.ct-partner.acceso{padding:3px 10px 3px 6px;border-radius:20px;background:var(--acqua-soft)}
.ct-partner.acceso .ct-et{color:var(--acqua);font-weight:700}
.ct-partner select:disabled{opacity:.5}
.candidatura-testa .note-libere{margin:12px 0 0}
.candidatura-testa .ct-piccolo{margin:10px 0 0;font-size:12.5px;color:var(--ink-3)}
.candidatura-testa .modulo{margin:0}
/* I SERVIZI EXTRA — la sezione e il riquadro nella scheda */
.conti.tab-servizi .riga{grid-template-columns:minmax(200px,2fr) 130px 150px 110px 150px 80px;min-height:40px}
.conti.tab-servizi .riga.gruppo{background:var(--surface-2);cursor:pointer}
.conti.tab-servizi .riga.gruppo.spenta{opacity:.6}
.conti.tab-servizi .riga.gruppo b{font-weight:700}
.conti.tab-servizi .riga.gruppo i,.conti.tab-servizi .riga.dentro i{font-style:normal;font-size:12px;color:var(--ink-3)}
.conti.tab-servizi .riga.gruppo em{font-style:normal;font-size:11px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:20px;padding:1px 7px;margin-left:5px}
.conti.tab-servizi .riga.dentro{padding-left:26px}
.conti.tab-servizi .riga.in-modifica{display:block;padding:14px 12px}
.conti.tab-servizi .modulo-servizio{margin:0}
.servizi .blocco-testa [data-nuovo-servizio]{margin-left:auto}
.servizi .nota-vista{margin:0 0 12px}
.pagato{color:var(--acqua);font-weight:700}
.modulo .elimina{color:#C13333;margin-right:auto}
/* nella scheda */
.riquadro.servizi-presi h2{display:flex;align-items:baseline;gap:8px}
.riquadro.servizi-presi h2 .testuale{margin-left:auto}
.riquadro.servizi-presi.in-alto{margin:18px 0 0}
.servizi-righe li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.servizi-righe .quanti{font-size:12px;color:var(--ink-2)}
.servizi-righe .soldi{margin-left:auto;font-weight:600}
.servizi-righe .stato-pag{font-size:11.5px;min-width:78px;text-align:right}
.servizi-righe .gesti-servizio{display:flex;gap:8px;flex-basis:100%;justify-content:flex-end}
.servizi-righe .gesti-servizio .testuale{font-size:11.5px}
.nuovo-servizio{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.nuovo-servizio input[name=quantita]{width:70px}
.nuovo-servizio input[name=nota]{flex:1;min-width:150px}

/* il gesto di aggiungere, in Mail tornate e Opposizioni: si apre da un bottone, e il campo dice che cosa chiede */
.riga-azioni.aperta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0 0 14px}
.cerca-chi{display:block}
.cerca-chi span{display:block;font-size:12.5px;color:var(--ink-2);margin:0 0 5px}
.cerca-chi input{width:100%;box-sizing:border-box}

/* NEL REGISTRO: la finestra che pesca la chiave dal registro condiviso */
.fin-registro{width:min(560px,calc(100vw - 24px))}
.fin-registro .reg-trovati{display:flex;flex-direction:column;gap:2px;margin:6px 0 10px;max-height:44vh;overflow:auto}
.fin-registro .reg-trovato{text-align:left;border:0;background:none;padding:8px 9px;border-radius:8px;font:inherit;color:var(--ink);cursor:pointer;display:block}
.fin-registro .reg-trovato:hover{background:var(--inset)}
.fin-registro .reg-trovato b{display:block;font-weight:600;font-size:13.5px}
.fin-registro .reg-trovato i{display:block;font-style:normal;font-size:12px;color:var(--ink-3)}
.fin-registro .reg-perche{display:inline-block;margin-top:3px;font-style:normal;font:400 10.5px/1.5 'Space Mono',monospace;letter-spacing:.03em;text-transform:lowercase;color:var(--tipicita);background:var(--tipicita-soft);padding:1px 7px;border-radius:20px}
.fin-registro .reg-nuovo{display:flex;align-items:flex-start;gap:8px;padding:9px;border-top:1px solid var(--line);font-size:13px}
.fin-registro .reg-nuovo i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3)}
.reg-chiave{font:400 11.5px/1.4 'Space Mono',monospace;color:var(--ink-2);word-break:break-all}

/* i referenti di un ente: si cercano prima di crearli */
.riquadro.persone-sotto h2{display:flex;align-items:baseline;gap:8px}
.riquadro.persone-sotto .persone em{font-style:normal;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--acqua);background:var(--acqua-soft);padding:1px 6px;border-radius:20px;margin-left:5px}
.riquadro.persone-sotto .persone .testuale{margin-left:6px;font-size:11.5px}
.riquadro.persone-sotto .nota{margin:8px 0 0}
/* il contratto dichiarato a mano, nella fascia */
.ct-contratto.acceso{padding:3px 10px;border-radius:20px;background:#EEF8F1;color:#1E7A45}
.ct-contratto.acceso .ct-et{color:#1E7A45}
.ct-contratto i{font-style:normal;font-size:11.5px;color:var(--ink-3);max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-contratto.acceso i{color:#1E7A45}
.fin-contratto{width:min(520px,calc(100vw - 24px))}
.riquadro.persone-sotto h2 .testuale{margin-left:auto}
.fin-referente{width:min(520px,calc(100vw - 24px))}
.fin-referente .fr-trovati{display:flex;flex-direction:column;gap:2px;margin:-4px 0 10px}
.fin-referente .fr-trovato{text-align:left;border:0;background:none;padding:7px 9px;border-radius:8px;font:inherit;color:var(--ink);cursor:pointer;display:block}
.fin-referente .fr-trovato:hover{background:var(--inset)}
.fin-referente .fr-trovato b{display:block;font-weight:600;font-size:13.5px}
.fin-referente .fr-trovato i{display:block;font-style:normal;font-size:12px;color:var(--ink-3)}
.fin-referente .fr-trovato em{display:inline-block;margin-top:3px;font-style:normal;font-size:11px;color:#C13333}
.fin-referente .fr-nuovo{display:flex;align-items:center;gap:8px;padding:8px 9px;border-top:1px solid var(--line);font-size:13px}
.fin-referente .fr-cosa{margin:10px 0 0}
.fin-referente .fr-cosa i{display:block;font-style:normal;font-size:12px;color:var(--ink-3)}

/* le esigenze tecniche: per un espositore stanno in alto, a tutta larghezza */
.riquadro.esigenze h2{display:flex;align-items:baseline;gap:8px}
.riquadro.esigenze h2 .testuale{margin-left:auto}
.riquadro.esigenze.in-alto{margin:18px 0 0}
.esigenze-righe li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.esigenze-righe li i{font-style:normal;font-size:11.5px;color:var(--ink-3);margin-left:auto}
.nuova-esigenza{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.nuova-esigenza input[type=text]{flex:1;min-width:200px}
@media (max-width:760px){ .ct-gesti .gesto{flex:1 1 100%} .ct-campi{gap:10px 16px} }

/* la finestra del valore */
.fin-valore{width:min(460px,calc(100vw - 24px))}
.fin-pesi{margin:0;padding:0;border:0}
.fin-pesi legend{padding:0;margin:0 0 6px;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.fin-pesi .spunta{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-top:1px solid var(--line)}
.fin-pesi .spunta:first-of-type{border-top:0}
.fin-pesi .spunta b{display:block;font-weight:600;font-size:13.5px}
.fin-pesi .spunta i{display:block;font-style:normal;font-size:12px;color:var(--ink-3);line-height:1.35}

/* è partner: si vede subito, sopra il percorso */
.partner-ora{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:7px 10px;border-radius:9px;
  background:var(--tipicita-soft);color:var(--tipicita);font-size:13px}
.partner-ora b{font-weight:700}
.partner-ora span{color:var(--ink-2)}
.partner-ora .testuale{margin-left:auto;color:var(--ink-2)}
.partner-ora .testuale+.testuale{margin-left:0}
.fin-partner{width:min(520px,calc(100vw - 24px))}
.fin-org{margin:0;padding:0;border:0}
.fin-org legend{padding:0;margin:0 0 6px;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.fin-org .quieto{margin:0 0 8px;font-size:13px}
.fin-org .spunta{display:flex;align-items:baseline;gap:8px;padding:5px 0}
.fin-org .spunta i,.fin-campo i{font-style:normal;font-size:12px;color:var(--ink-3)}

/* «Chi diventa partner»: la scelta fra le trattative */
.fin-partner .trovati{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto}
.fin-partner .trovato{display:block;width:100%;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);cursor:pointer}
.fin-partner .trovato:hover{border-color:var(--ink-3)}
.fin-partner .trovato:disabled{opacity:.55;cursor:default}
.fin-partner .trovato b{display:block;font-weight:600;font-size:13.5px}
.fin-partner .trovato i{font-style:normal;font-size:12px;color:var(--ink-3)}

/* L'ARCHIVIO dello scadenzario sta in fondo alla fila e staccato: non è una categoria come le altre, è un altro
   posto — e chi cerca il lavoro di oggi non ci deve inciampare mentre scorre le linguette (Paolo, 26/09/2026). */
.prog-giorni .in-fondo{margin-left:auto}
/* LE VISTE DI UNA CODA («Tutte · In sospeso»): stessa fila delle linguette, ma più quieta — non è una navigazione,
   è un filtro su quello che c'è già sotto. Compare solo quando c'è qualcosa da filtrare. */
.viste-coda{margin:-4px 0 10px}
.viste-coda[hidden]{display:none}

/* CONTRIBUTORS — la trattativa del circuito (29/10/2026). In testa i numeri del circuito, sempre visibili; poi «Da
   richiamare oggi» e le sei colonne: ogni ente in una sola, e ci arriva per un fatto (link, telefonata, proposta). */
.contrib-cifre{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 14px}
.contrib-cifre>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:132px}
.contrib-cifre dt{font-size:12px;color:var(--ink-2)}
.contrib-cifre dd{margin:2px 0 0;font:700 24px/1.1 'Archivo',sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.contrib-cifre .contrib-forte{background:var(--tipicita-soft);border-color:var(--tipicita)}
.contrib-cifre .contrib-forte dd{color:var(--tipicita)}
.contrib-moderare{font:600 12px/1 'Inter',sans-serif;color:var(--tipicita);margin-left:6px;white-space:nowrap}
.contrib-oggi{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.contrib-colonne{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.contrib-colonna{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:8px;display:flex;flex-direction:column;gap:8px;max-height:72vh;overflow-y:auto;min-width:0}
.contrib-colonna>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:4px 4px 2px}
.contrib-colonna>header .numero{font-size:15px}
.contrib-colonna>header .quieto{flex-basis:100%;font-size:11.5px}
.contrib-colonna.contrib-forte{border-color:var(--tipicita);box-shadow:inset 0 3px 0 var(--tipicita)}
.contrib-colonna .vuoto{border-top:0;padding:4px}
.contrib-carta{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;font-size:13px;min-width:0}
.contrib-carta>b{overflow-wrap:anywhere}
.contrib-carta>.quieto{font-size:12px;color:var(--ink-2)}
.contrib-tel{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.contrib-carta .contrib-azioni{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.contrib-scaduto{color:var(--crit);font-weight:600}
.contrib-esiti{border:0;margin:0;padding:0;display:grid;gap:6px}
.contributors input[type=search]{min-width:220px}
@media (max-width:760px){.contrib-colonne{grid-template-columns:repeat(6,minmax(78vw,1fr))}}