:root{color-scheme:light;--blu-scuro: #0d2b45;--blu-scuro-2: #123958;--blu-tenue: #1f4d73;--bg: #f2f4f7;--superficie: #ffffff;--superficie-alt: #f7f9fb;--bordo: #dfe4ea;--bordo-forte: #c9d1da;--testo: #16202b;--testo-muto: #5d6b7a;--rosso: #c62828;--rosso-bg: #fdeaea;--rosso-bordo: #f2b8b8;--giallo: #a35b00;--giallo-bg: #fff3de;--giallo-bordo: #f0cf9a;--verde: #16794a;--verde-bg: #e6f4ec;--verde-bordo: #a9d8bf;--neutro: #55647a;--neutro-bg: #eceff3;--neutro-bordo: #d3d9e1;--accento: #1f4d73;--ombra: 0 1px 2px rgba(13, 43, 69, .06), 0 4px 12px rgba(13, 43, 69, .05);--raggio: 10px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #10161d;--superficie: #182029;--superficie-alt: #1d262f;--bordo: #2a343f;--bordo-forte: #3a4652;--testo: #e7ecf2;--testo-muto: #9aa8b6;--rosso: #ff8a8a;--rosso-bg: #3a1d1f;--rosso-bordo: #6b2f31;--giallo: #f2b95c;--giallo-bg: #382a15;--giallo-bordo: #6a4f23;--verde: #63d19c;--verde-bg: #12301f;--verde-bordo: #2b6045;--neutro: #a5b2c0;--neutro-bg: #232d38;--neutro-bordo: #364049;--accento: #7fb3d9;--ombra: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .28)}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--testo);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--blu-scuro);border-bottom:3px solid var(--blu-tenue)}.app-header__interno{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;min-height:60px}.app-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.15rem;font-weight:400;letter-spacing:.01em}.app-logo strong{font-weight:700}.app-nav{display:flex;gap:4px}.app-nav a{display:inline-block;padding:8px 14px;border-radius:6px;color:#ffffffb8;text-decoration:none;font-weight:500}.app-nav a:hover{background:#ffffff14;color:#fff}.app-nav a.active{background:#ffffff24;color:#fff}.app-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px}.app-footer{max-width:1240px;width:100%;margin:0 auto;padding:16px 24px 28px;color:var(--testo-muto);font-size:.8rem}.pagina-testa{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.pagina-testa h1{font-size:1.5rem;letter-spacing:-.01em}.pagina-sottotitolo{margin:4px 0 0;color:var(--testo-muto);font-size:.85rem}.pagina-azioni{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.aggiornamento{color:var(--testo-muto);font-size:.8rem}.bottone{padding:7px 14px;border:1px solid var(--bordo-forte);border-radius:6px;background:var(--superficie);color:var(--testo);font:inherit;font-size:.85rem;cursor:pointer}.bottone:hover{border-color:var(--blu-tenue);color:var(--blu-tenue)}.statistiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat{position:relative;padding:16px 18px 18px;background:var(--superficie);border:1px solid var(--bordo);border-left:4px solid var(--neutro);border-radius:var(--raggio);box-shadow:var(--ombra)}.stat__icona{position:absolute;top:16px;right:16px;opacity:.85}.stat__valore{display:block;font-size:2.1rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__etichetta{margin-top:4px;font-size:.9rem;font-weight:600;color:var(--testo)}.stat__dettaglio{margin:6px 0 0;font-size:.78rem;color:var(--testo-muto)}.stat--rosso{border-left-color:var(--rosso)}.stat--rosso .stat__valore,.stat--rosso .stat__icona{color:var(--rosso)}.stat--giallo{border-left-color:var(--giallo)}.stat--giallo .stat__valore,.stat--giallo .stat__icona{color:var(--giallo)}.stat--verde{border-left-color:var(--verde)}.stat--verde .stat__valore,.stat--verde .stat__icona{color:var(--verde)}.pannello{margin-bottom:24px;background:var(--superficie);border:1px solid var(--bordo);border-radius:var(--raggio);box-shadow:var(--ombra);overflow:hidden}.pannello__testa{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;background:var(--superficie-alt);border-bottom:1px solid var(--bordo)}.pannello__testa h2{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blu-tenue)}@media(prefers-color-scheme:dark){.pannello__testa h2{color:#8ab4dc}}.pannello__azioni{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pannello__nota{font-size:.78rem;color:var(--testo-muto)}.tabella-scroll{overflow-x:auto}.tabella{width:100%;border-collapse:collapse;font-size:.86rem}.tabella th,.tabella td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--bordo);vertical-align:middle}.tabella thead th{padding-top:9px;padding-bottom:9px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--testo-muto);white-space:nowrap;background:var(--superficie)}.tabella tbody tr:last-child th,.tabella tbody tr:last-child td{border-bottom:none}.tabella tbody tr:hover{background:var(--superficie-alt)}.tabella .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabella .muto{color:var(--testo-muto)}.tabella .totale{font-weight:600}.tabella tfoot th,.tabella tfoot td{border-top:2px solid var(--bordo);border-bottom:none;font-weight:600;background:var(--superficie)}.cella-nome{font-weight:600;min-width:220px}.codice{display:block;margin-top:2px;font-size:.72rem;font-weight:500;letter-spacing:.04em;color:var(--testo-muto)}.tabella tbody tr.ha-rinnovo>th,.tabella tbody tr.ha-rinnovo>td{border-bottom:none;padding-bottom:2px}.tabella tbody tr.riga-rinnovo>td{padding-top:0;padding-left:32px;font-size:.78rem;color:var(--testo-muto)}.tabella tbody tr.ha-rinnovo:hover+.riga-rinnovo,.tabella tbody tr:has(+.riga-rinnovo:hover){background:var(--superficie-alt)}.semaforo-col{width:190px;min-width:150px}.badge{display:inline-block;min-width:34px;padding:2px 9px;border:1px solid transparent;border-radius:999px;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.badge--rosso{background:var(--rosso-bg);border-color:var(--rosso-bordo);color:var(--rosso)}.badge--giallo{background:var(--giallo-bg);border-color:var(--giallo-bordo);color:var(--giallo)}.badge--verde{background:var(--verde-bg);border-color:var(--verde-bordo);color:var(--verde)}.badge--neutro{background:var(--neutro-bg);border-color:var(--neutro-bordo);color:var(--neutro)}.badge--spento{background:transparent;border-color:var(--bordo);color:var(--testo-muto);font-weight:500}.traffic{display:flex;width:100%;height:9px;border-radius:999px;overflow:hidden;background:var(--neutro-bg)}.traffic--vuota{background:repeating-linear-gradient(-45deg,var(--neutro-bg),var(--neutro-bg) 4px,var(--superficie) 4px,var(--superficie) 8px)}.traffic__seg{height:100%}.traffic__seg--rosso{background:var(--rosso)}.traffic__seg--giallo{background:var(--giallo)}.traffic__seg--verde{background:var(--verde)}.pianificazione{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:18px}.piano{padding:14px 16px;border:1px solid var(--bordo);border-radius:8px;background:var(--superficie-alt)}.piano__valore{display:block;font-size:1.7rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.piano__etichetta{margin-top:2px;font-size:.85rem;font-weight:600}.piano__dettaglio{margin:4px 0 0;font-size:.76rem;color:var(--testo-muto)}.piano--da_pianificare{border-left:4px solid var(--rosso)}.piano--da_pianificare .piano__valore{color:var(--rosso)}.piano--pianificato{border-left:4px solid var(--giallo)}.piano--pianificato .piano__valore{color:var(--giallo)}.piano--eseguito{border-left:4px solid var(--verde)}.piano--eseguito .piano__valore{color:var(--verde)}.avanzamento{display:flex;height:10px;margin:0 18px 18px;border-radius:999px;overflow:hidden;background:var(--neutro-bg)}.avanzamento__seg--da_pianificare{background:var(--rosso)}.avanzamento__seg--pianificato{background:var(--giallo)}.avanzamento__seg--eseguito{background:var(--verde)}.messaggio{padding:28px;background:var(--superficie);border:1px solid var(--bordo);border-radius:var(--raggio);color:var(--testo-muto)}.messaggio--errore{border-left:4px solid var(--rosso);color:var(--testo)}.messaggio--errore p{margin-top:0}.messaggio--avviso{border-left:4px solid var(--giallo);color:var(--testo);padding:14px 18px}@media(max-width:640px){.app-main{padding:16px}.app-header__interno{padding:8px 16px}.stat__valore{font-size:1.8rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ritorno{display:inline-block;margin-bottom:10px;color:var(--testo-muto);font-size:.85rem;text-decoration:none}.ritorno:hover{color:var(--blu-tenue)}.bottone--primario{background:var(--blu-scuro);border-color:var(--blu-scuro);color:#fff;font-weight:600}.bottone--primario:hover{background:var(--blu-scuro-2);border-color:var(--blu-scuro-2);color:#fff}.bottone--tenue{border-color:transparent;background:transparent;color:var(--testo-muto)}.bottone:disabled{opacity:.55;cursor:not-allowed}.filtri{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:14px 16px;background:var(--superficie);border:1px solid var(--bordo);border-radius:var(--raggio);box-shadow:var(--ombra)}.campo{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--testo-muto)}.campo>span{font-weight:600}.campo abbr{color:var(--rosso);text-decoration:none}.campo input,.campo select,.campo textarea{padding:7px 10px;border:1px solid var(--bordo-forte);border-radius:6px;background:var(--superficie);color:var(--testo);font:inherit;font-size:.86rem;min-width:180px}.campo textarea{resize:vertical;min-height:62px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--blu-tenue);outline-offset:-1px;border-color:var(--blu-tenue)}.campo--ricerca{flex:1 1 260px}.campo--ricerca input{width:100%}.tabella--cliccabile tbody tr{cursor:pointer}.tabella--cliccabile tbody tr:focus-visible{outline:2px solid var(--blu-tenue);outline-offset:-2px}.celle-scadenze{display:flex;gap:5px;justify-content:flex-end;align-items:center}.anagrafica{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 24px;margin:0;padding:18px}.anagrafica__voce--larga{grid-column:1 / -1}.anagrafica__voce--larga dd{white-space:pre-wrap}.anagrafica__voce dt{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--testo-muto)}.anagrafica__voce dd{margin:3px 0 0;font-size:.92rem;font-weight:500}.chip{display:inline-block;white-space:nowrap;padding:2px 9px;border-radius:5px;font-size:.75rem;font-weight:600;background:var(--neutro-bg);border:1px solid var(--neutro-bordo);color:var(--neutro)}.chip--da_pianificare{background:var(--rosso-bg);border-color:var(--rosso-bordo);color:var(--rosso)}.chip--pianificato{background:var(--giallo-bg);border-color:var(--giallo-bordo);color:var(--giallo)}.chip--eseguito{background:var(--verde-bg);border-color:var(--verde-bordo);color:var(--verde)}.chip--corso{background:var(--neutro-bg);border-color:var(--accento);color:var(--accento)}.chip--visita{background:transparent;border-color:var(--bordo-forte);color:var(--testo-muto)}.modale{width:min(620px,calc(100vw - 32px));padding:0;border:1px solid var(--bordo);border-radius:var(--raggio);background:var(--superficie);color:var(--testo);box-shadow:0 18px 48px #0d2b4547}.modale::backdrop{background:#0d2b4573}.modale__testa{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--blu-scuro);color:#fff}.modale__testa h2{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.modale__chiudi{border:none;background:transparent;color:#fffc;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px}.modale__chiudi:hover{color:#fff}.form{padding:18px}.form__griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.campo--interruttore{flex-direction:row;align-items:center;gap:8px}.campo--interruttore input{flex:none;width:auto;min-width:0;margin:0;padding:0;accent-color:var(--accento)}.campo--interruttore>span{margin:0;font-size:.86rem;font-weight:400;color:var(--testo);text-transform:none;letter-spacing:normal}.form__griglia .campo--largo{grid-column:1 / -1}.form__griglia .campo:not(.campo--interruttore) input,.form__griglia .campo select,.form__griglia .campo textarea{width:100%;min-width:0}.campo__input--avviso{border-color:var(--giallo-bordo);background:var(--giallo-bg)}.campo__avviso{margin-top:3px;color:var(--giallo);font-size:.75rem}.campo__aiuto{margin-top:3px;color:var(--testo-muto);font-size:.75rem}.tabella tbody tr.riga-storica>th,.tabella tbody tr.riga-storica>td{color:var(--testo-muto);background:var(--superficie-alt)}.form__errore{margin:14px 0 0;padding:9px 12px;border-radius:6px;background:var(--rosso-bg);border:1px solid var(--rosso-bordo);color:var(--rosso);font-size:.85rem}.form__azioni{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.riepilogo{padding:18px}.riepilogo__contatori{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.riepilogo__contatori .badge{min-width:0}.schede{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.scheda{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border:1px solid var(--bordo);border-left:4px solid var(--neutro);border-radius:var(--raggio);background:var(--superficie);box-shadow:var(--ombra);font:inherit;color:var(--testo);text-align:left;cursor:pointer}.scheda:hover{border-color:var(--bordo-forte)}.scheda--attiva{outline:2px solid var(--blu-tenue);outline-offset:-1px}.scheda__valore{font-size:1.6rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.scheda__etichetta{font-size:.82rem;font-weight:600;color:var(--testo-muto)}.scheda--rosso{border-left-color:var(--rosso)}.scheda--rosso .scheda__valore{color:var(--rosso)}.scheda--giallo{border-left-color:var(--giallo)}.scheda--giallo .scheda__valore{color:var(--giallo)}.scheda--verde{border-left-color:var(--verde)}.scheda--verde .scheda__valore{color:var(--verde)}.bottone--piccolo{padding:4px 10px;font-size:.78rem;white-space:nowrap}.azione-riga{margin-left:8px;vertical-align:middle}.azioni-cella{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.azioni-riga{display:inline-flex;gap:6px;margin-left:8px;vertical-align:middle}.bottone--pericolo{border-color:var(--rosso-bordo);color:var(--rosso)}.bottone--pericolo:hover{background:var(--rosso-bg);border-color:var(--rosso);color:var(--rosso)}.form__aiuto{margin:12px 0 0;font-size:.8rem;color:var(--testo-muto)}.anagrafica--compatta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 20px;padding:0 0 16px;border-bottom:1px solid var(--bordo);margin-bottom:16px}.app-utente{display:flex;align-items:center;gap:12px;margin-left:auto}.app-utente__identita{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;min-width:0}.app-utente__nome{color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.app-utente__ambito{color:#ffffff9e;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.app-utente__esci{padding:7px 13px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:transparent;color:#ffffffd9;font:inherit;font-size:.83rem;font-weight:500;cursor:pointer}.app-utente__esci:hover{background:#ffffff1f;border-color:#ffffff73;color:#fff}.accesso{--acc-blu: #1e3a5f;--acc-blu-chiaro: #2e5a8f;--acc-verde: #4caf82;--acc-verde-azione: #22855f;--acc-verde-azione-hover: #1b6e4e;--acc-testo: #16202b;--acc-testo-muto: #5d6b7a;--acc-bordo: #d6dde5;min-height:100vh;display:flex;flex-direction:column;padding:40px 16px 20px;background:var(--acc-blu);color:#fff}.accesso__centro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.marchio{display:flex;flex-direction:column;align-items:center;text-align:center}.marchio__scudo{display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28))}.marchio__nome{margin:14px 0 0;font-size:2.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#fff}.marchio__nome span{color:var(--acc-verde)}.marchio__ruolo{margin:6px 0 0;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--acc-verde)}.marchio__firma{margin:10px 0 0;font-size:.75rem;color:#ffffff9e}.accesso__riquadro{width:100%;max-width:400px;padding:30px 28px 28px;background:#fff;border:1px solid var(--acc-bordo);border-radius:12px;box-shadow:0 20px 44px #04121f61;color:var(--acc-testo)}.accesso__titolo{margin:0 0 22px;text-align:center;font-size:1rem;font-weight:600;color:var(--acc-testo)}.accesso__form{display:flex;flex-direction:column;gap:16px;padding:0}.accesso__form .campo--largo{width:100%}.accesso__form .campo>span{color:var(--acc-testo-muto)}.accesso__form .campo input{width:100%;padding:10px 12px;background:#fff;border-color:var(--acc-bordo);color:var(--acc-testo)}.accesso__form .campo input::placeholder{color:#9aa8b6}.accesso__form .campo input:focus{border-color:var(--acc-blu-chiaro);outline-color:var(--acc-blu-chiaro)}.accesso__form .campo--interruttore input{width:auto;min-width:0;padding:0;accent-color:var(--acc-verde-azione)}.accesso__form .campo--interruttore>span{color:var(--acc-testo)}.accesso__form .form__errore{margin:0;background:#fdeaea;border-color:#f2b8b8;color:#c62828}.accesso__invio{width:100%;margin-top:2px;padding:12px 16px;justify-content:center;background:var(--acc-verde-azione);border-color:var(--acc-verde-azione);border-radius:8px;color:#fff;font-size:.95rem;font-weight:600}.accesso__invio:hover:not(:disabled){background:var(--acc-verde-azione-hover);border-color:var(--acc-verde-azione-hover);color:#fff}.accesso__attesa{margin:0;color:#ffffffb3;font-size:.9rem}.accesso__piede{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:32px;text-align:center;color:#ffffff73;font-size:.74rem}@media(max-width:480px){.accesso{padding-top:28px}.marchio__nome{font-size:1.8rem}.accesso__riquadro{padding:24px 20px 22px}}.chip--admin{background:var(--neutro-bg);border-color:var(--neutro-bordo);color:var(--neutro)}.chip--operatore_lt{background:var(--verde-bg);border-color:var(--verde-bordo);color:var(--verde)}.chip--operatore_cliente{background:var(--giallo-bg);border-color:var(--giallo-bordo);color:var(--giallo)}