/* /assets/vt-lista.css — GENERATO da scripts/vt-css.mjs da src/stile/vt-lista.css: non modificare a mano. */
:root{--marchio-notte:#0B1A33;--marchio-notte-chiara:#1C3157;--marchio-blu:#1D4ED8;--marchio-blu-forte:#2563EB;--marchio-blu-su-notte:#93C5FD;--marchio-blu-tinta:#E8EEFA;--marchio-blu-bordo:#BFD0F5;--marchio-blu-chiaro:#3366E8;--marchio-su-notte-tenue:#C7D3E4;--marchio-su-notte-spento:#93A3BC;--marchio-bianco:#FFFFFF;--marchio-beige:#F6F4EF;--marchio-beige-bordo:#ECE9E2;--marchio-grigio:#4B5563;--marchio-grigio-tenue:#5B6675;--marchio-bordo-campo:#8A93A3;--marchio-bordo-forte:#D5DAE3;--marchio-bordo:#E5E7EB;--marchio-certo:#0E7A55;--marchio-da-verificare:#B45309;--marchio-da-verificare-testo:#8A5300;--marchio-errore:#9A1C13;--marchio-certo-testo:#0B5E42;--marchio-certo-tinta:#E3F2EC;--marchio-certo-bordo:#BFE3D3;--marchio-ambra-tinta:#FBF1E2;--marchio-ambra-bordo:#F1DDBD;--marchio-errore-tinta:#FCE8E6;--marchio-errore-bordo:#F3C9C4;--marchio-certo-su-notte:#4ADE80;--marchio-evidenziatore:#FDE68A;--marchio-evidenziatore-tinta:#FBF8E8;--marchio-cornice:#1B2232;--marchio-testo:'Inter', 'Inter Ripiego', system-ui, -apple-system, sans-serif;--marchio-titoli:'Inter Display', 'Inter', system-ui, sans-serif;--marchio-raggio-scheda:16px;--marchio-raggio-comando:12px;--marchio-ombra-scheda:0 1px 2px rgba(11,26,51,.06),0 4px 12px rgba(11,26,51,.05)}
/* ============================================================
   (LISTA D'ATTESA) IL MODULO DELLA LISTA: la riga sotto i pulsanti della home, il foglio (un <dialog> che sale dal basso
   sotto i 640 px e si apre al centro sul computer, public/assets/vt.js) e la pagina /lista-attesa (senza JavaScript).
   Movimento solo con transform e opacity, fermo con «riduci movimento»; tocchi di almeno 44 px. Corto: il foglio delle
   pagine pubbliche va in linea e resta sotto i 62 KB (test/ritocchi-home.test.js).
   ============================================================ */
.vt-apre{margin-top:14px;font-size:14.5px;font-weight:600;color:var(--notte)}
dialog.vt-foglio{border:0;padding:0;margin:auto;inset:0;background:#fff;color:var(--testo);width:min(540px,calc(100vw - 32px));max-height:88vh;border-radius:20px;box-shadow:0 24px 64px rgba(11,26,51,.28);overflow:auto;overscroll-behavior:contain;transition:transform .2s ease-out,opacity .2s ease-out}
dialog.vt-foglio::backdrop{background:rgba(11,26,51,.45)}
/* l'entrata con una transizione da @starting-style: nessuna animazione nuova, le sole animazioni del sito restano quelle delle tavole */
@starting-style{dialog.vt-foglio[open]{opacity:0;transform:translateY(14px) scale(.98)}}
@media (max-width:640px){dialog.vt-foglio{width:100%;max-width:100%;margin:auto 0 0;border-radius:20px 20px 0 0;max-height:92vh;padding-bottom:env(safe-area-inset-bottom)}@starting-style{dialog.vt-foglio[open]{opacity:1;transform:translateY(100%)}}}
@media (prefers-reduced-motion:reduce){dialog.vt-foglio{transition:none}}
html.vt-foglio-aperto{overflow:hidden}
.vt-lista{padding:22px;text-align:left}
.vt-lista-testa{display:flex;justify-content:space-between;gap:12px}
.vt-lista-t{font:600 24px/1.2 'Inter Display','Inter','Inter Ripiego',system-ui,sans-serif;letter-spacing:-.4px;color:var(--notte);outline:0}
.vt-lista-chiudi{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--linea);background:#fff;display:grid;place-items:center;margin:-6px -6px 0 0}
.vt-lista-chiudi svg{width:20px;height:20px}
.vt-lista-riga,.vt-lista-nota{color:var(--sec);font-size:15px;line-height:1.5;margin:8px 0 16px}
.vt-lista-nota{font-size:13px;margin:12px 0 0}
.vt-lista-cat{margin-bottom:14px;border:1.5px solid var(--linea);border-radius:12px;padding:0 14px}
.vt-lista-cat summary{min-height:48px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}
.vt-lista-soa{border:0;padding:0;margin:0 0 12px;min-width:0}
.vt-lista-soa legend{font-size:15px;font-weight:600;color:var(--testo);margin-bottom:6px} /* (S4-a, revisore) il titoletto del gruppo sopra le sue etichette, non sotto */
.vt-lista-griglia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 6px}
.vt-lista-ck{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14.5px}
.vt-lista-ck input{width:20px;height:20px;flex:none;accent-color:var(--notte);margin:0}
.vt-lista-consenso{align-items:flex-start;line-height:1.45;padding-top:10px}
.vt-lista-consenso a,.vt-lista-nota a{color:var(--link);text-decoration:underline}
.vt-lista-invia{width:100%;margin-top:16px}
.vt-lista-spunta{width:52px;height:52px;border-radius:50%;background:var(--okb);color:#0B5E42;display:grid;place-items:center;margin-bottom:12px}
.vt-lista-spunta svg{width:28px;stroke:currentColor;fill:none;stroke-width:2.4}
.vt-lista-pagina{max-width:580px;margin:0 auto}
@media (max-width:380px){.vt-lista{padding:18px 16px}.vt-lista-griglia{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* (VETRINA PREMIUM, doppio clic) il posto in lista: numero grande, parola piccola */
.vt-lista-posto b{display:block;font:600 40px/1.05 'Inter Display',sans-serif;color:var(--notte)}.vt-lista-posto span{font-size:13px;color:var(--sec)}.vt-lista-rifai{margin-top:16px}
/* (VETRINA PREMIUM, controllore) la pillola fuori dalla scheda; le categorie SOA come gli altri campi, con la freccia */
.vt-lista-pagina>.pill{margin-bottom:14px}
.vt-lista-cat summary{list-style:none;font-weight:500;font-size:15px}
.vt-lista-cat summary::-webkit-details-marker{display:none}
.vt-lista-cat summary .nota{color:var(--sec);font-weight:400}
.vt-lista-cat summary::after{content:"";margin-left:auto;width:8px;height:8px;border:solid var(--sec);border-width:0 1.8px 1.8px 0;transform:translateY(-2px) rotate(45deg)}
.vt-lista-cat[open] summary::after{transform:translateY(2px) rotate(-135deg)}
/* (S3, 4c) le categorie con la classifica: due scelte affiancate per riga; le 3 gare adatte e il report dopo il riquadro */
.vt-lista-coppia{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;align-items:end} /* (S4-b1) le due tendine sempre sulla stessa riga, anche se un'etichetta va a capo */
.vt-lista-coppia .vt-campo{margin-bottom:8px}
.vt-lista-soa select{width:100%;min-height:44px}
/* (S4-b1, revisore M13) le categorie 2 e 3 dietro «Aggiungi altre categorie»: un collegamento con la freccia, alto 44 px per il dito */
.vt-lista-altre{margin:0 0 4px}
.vt-lista-altre summary{display:flex;align-items:center;gap:8px;min-height:44px;list-style:none;cursor:pointer;color:var(--link);font-weight:600;font-size:15px}
.vt-lista-altre summary::-webkit-details-marker{display:none}
.vt-lista-altre summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border:1.5px solid currentColor;border-radius:50%;font-size:15px;line-height:1}
.vt-lista-altre[open] summary::before{content:"−"}
.vt-lista-dopo{margin-top:8px}

/* (S3, compito 5) la pagina della lista sul computer: il modulo a destra, cosa ricevi a sinistra (sul telefono solo il modulo) */
/* (S4-a, revisore) cosa ricevi anche sul telefono, sotto il modulo, in breve */
.vt-lista-accanto{display:block;margin:28px 0 24px}
.vt-lista-cosa{font-family:'Inter Display','Inter',sans-serif;font-size:20px;letter-spacing:-.2px;color:var(--testo);margin:0 0 14px}
.vt-lista-accanto ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vt-lista-accanto li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.5;color:#0B1A33}
.vt-lista-accanto li svg{width:20px;height:20px;flex:none;margin-top:2px;stroke:var(--ok);fill:none;stroke-width:2}
@media (min-width:1000px){
  .vt-lista-pagina.vt-lista-due{max-width:1080px;display:grid;grid-template-columns:1fr 580px;column-gap:56px;align-items:start}
  .vt-lista-due>.pill{grid-column:1/-1}
  .vt-lista-due .vt-lista-accanto{display:block;position:sticky;top:96px;padding-top:12px}
  .vt-lista-accanto ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
  .vt-lista-accanto li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:#0B1A33}
  .vt-lista-accanto li svg{width:20px;height:20px;flex:none;margin-top:2px;stroke:var(--ok);fill:none;stroke-width:2}
  .vt-lista-accanto b{color:var(--testo)}
}