/* ═══════════════════════════════════════════════════════════════════
   TRAILGO Admin v2 — sistema grafico
   AVANET SRL
   ───────────────────────────────────────────────────────────────────
   Nessuna dipendenza: non usa Bootstrap, non usa il vecchio admin.css.
   Le classi cominciano tutte per .tga- così non possono entrare in
   conflitto con le classi .it- del telaio precedente, che resta in
   funzione sulle pagine non ancora convertite.

   La palette è quella del sito pubblico: bianco, verde chiarissimo,
   verde TRAILGO. Nessun fondo scuro.
   ═══════════════════════════════════════════════════════════════════ */

/* L'attributo hidden vale [hidden]{display:none} nel foglio del browser, che
   è più debole di QUALUNQUE classe: basta una regola come .tga-targhette
   {display:flex} perché l'elemento resti visibile pur essendo marcato hidden.
   Succede senza errori in console e si scambia per un difetto del PHP.
   Trovato su percorso-nuovo.php (riquadri d'errore accesi e vuoti dal primo
   caricamento) e su percorsi.php (.tga-targhette). Vale per tutte. */
[hidden]{display:none !important;}

:root{
  --tga-verde:#2d6a4f;
  --tga-verde-scuro:#1b4332;
  --tga-verde-tenue:#f6f9f7;
  --tga-verde-linea:#cfe0d6;
  --tga-testo:#1b2b25;
  --tga-testo-soft:#5b6b64;
  --tga-linea:#e4eae7;
  --tga-rosso:#b23a2f;
  --tga-ambra:#b7791f;
  --tga-blu:#2b6cb0;
  --tga-r-s:8px;
  --tga-r-m:12px;
  --tga-r-l:18px;
  --tga-ombra-s:0 1px 3px rgba(27,67,50,.06);
  --tga-ombra-m:0 6px 20px rgba(27,67,50,.10);
  --tga-lato:264px;
  --tga-testata:66px;
}

*{box-sizing:border-box;}
body.tga{
  margin:0;padding:0;
  font-family:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.6;
  color:var(--tga-testo);
  background:var(--tga-verde-tenue);
  overflow-x:hidden;
}
body.tga h1,body.tga h2,body.tga h3,body.tga h4{
  font-family:'Figtree',sans-serif;font-weight:700;
  color:var(--tga-verde-scuro);margin:0 0 10px;line-height:1.2;
}
body.tga a{color:var(--tga-verde);text-decoration:none;}
body.tga a:hover{color:var(--tga-verde-scuro);}
/* Un <a class="tga-btn-verde"> è più debole di body.tga a: senza queste tre
   righe il testo resta verde sul fondo verde, cioè invisibile. */
body.tga a.tga-btn-verde,body.tga a.tga-btn-verde:hover,
body.tga a.tga-btn-rosso,body.tga a.tga-btn-rosso:hover{color:#fff;}
body.tga a.tga-btn-bordo,body.tga a.tga-btn-bordo:hover{color:var(--tga-verde-scuro);}
body.tga a.tga-az{color:var(--tga-verde-scuro);}
body.tga a.tga-az:hover{color:#fff;}

/* ── Barra laterale ──────────────────────────────────────────────── */
.tga-lato{
  position:fixed;top:0;left:0;width:var(--tga-lato);height:100vh;
  background:#fff;border-right:1px solid var(--tga-linea);
  overflow-y:auto;z-index:1040;padding-bottom:24px;
  transition:transform .22s ease;
}
.tga-lato-logo{
  display:flex;align-items:center;gap:12px;
  padding:15px 22px;border-bottom:1px solid var(--tga-linea);margin-bottom:8px;
}
.tga-lato-logo b{display:block;font-family:'Figtree',sans-serif;font-weight:800;
  font-size:1.18rem;color:var(--tga-verde-scuro);letter-spacing:-.02em;line-height:1.1;}
.tga-lato-logo span{display:block;font-size:.82rem;color:var(--tga-testo-soft);}
.tga-lato-sez{
  padding:13px 22px 5px;font-family:'Figtree',sans-serif;font-weight:700;
  font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--tga-testo-soft);
}
.tga-lato-menu{list-style:none;margin:0;padding:0 12px;}
.tga-lato-menu a{
  display:flex;align-items:center;gap:11px;
  padding:9px 14px;margin-bottom:1px;border-radius:var(--tga-r-s);
  color:var(--tga-testo);font-size:.99rem;font-weight:500;transition:.15s;
}
.tga-lato-menu a i{font-size:1.05rem;color:var(--tga-testo-soft);width:20px;text-align:center;flex-shrink:0;}
.tga-lato-menu a:hover{background:var(--tga-verde-tenue);color:var(--tga-verde-scuro);}
.tga-lato-menu a:hover i{color:var(--tga-verde);}
.tga-lato-menu a.attivo{background:var(--tga-verde);color:#fff;font-weight:600;}
.tga-lato-menu a.attivo i{color:#fff;}
.tga-lato-menu .conta{
  margin-left:auto;background:var(--tga-rosso);color:#fff;font-size:.7rem;font-weight:700;
  min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;
}
.tga-lato-menu .conta.attesa{background:var(--tga-ambra);}
.tga-lato-menu a.attivo .conta{background:#fff;color:var(--tga-verde-scuro);}
.tga-lato-fondo{padding:18px 22px;margin-top:14px;border-top:1px solid var(--tga-linea);
  font-size:.82rem;color:var(--tga-testo-soft);line-height:1.5;}
.tga-lato-fondo p{margin:0;}

/* ── Testata ─────────────────────────────────────────────────────── */
.tga-testata{
  position:fixed;top:0;left:var(--tga-lato);right:0;height:var(--tga-testata);
  background:#fff;border-bottom:1px solid var(--tga-linea);
  display:flex;align-items:center;gap:14px;padding:0 26px;z-index:1030;
}
.tga-briciole{display:flex;align-items:center;gap:9px;font-size:.98rem;color:var(--tga-testo-soft);min-width:0;}
.tga-briciole .sep{color:var(--tga-verde-linea);}
.tga-briciole .qui{color:var(--tga-verde-scuro);font-weight:600;display:flex;align-items:center;gap:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tga-azioni{margin-left:auto;display:flex;align-items:center;gap:10px;}
.tga-campana{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:var(--tga-r-s);color:var(--tga-testo-soft);font-size:1.15rem;}
.tga-campana:hover{background:var(--tga-verde-tenue);color:var(--tga-verde);}
.tga-campana .conta{position:absolute;top:5px;right:4px;background:var(--tga-rosso);color:#fff;
  font-size:.64rem;font-weight:700;min-width:17px;height:17px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;padding:0 4px;}

/* utente */
.tga-utente{position:relative;}
.tga-utente-btn{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;
  padding:6px 10px;border-radius:var(--tga-r-s);font-family:inherit;}
.tga-utente-btn:hover{background:var(--tga-verde-tenue);}
.tga-avatar{width:38px;height:38px;border-radius:50%;background:var(--tga-verde);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-family:'Figtree',sans-serif;
  font-weight:700;font-size:1rem;flex-shrink:0;}
.tga-utente-txt{text-align:left;line-height:1.25;}
.tga-utente-txt b{display:block;font-size:.94rem;color:var(--tga-testo);font-weight:600;}
.tga-utente-txt span{display:block;font-size:.8rem;color:var(--tga-testo-soft);}
.tga-menu-giu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:#fff;
  border:1px solid var(--tga-linea);border-radius:var(--tga-r-m);box-shadow:var(--tga-ombra-m);
  padding:8px;display:none;z-index:1060;
}
.tga-menu-giu.aperto{display:block;}
.tga-menu-giu .intest{padding:10px 12px;border-bottom:1px solid var(--tga-linea);margin-bottom:6px;}
.tga-menu-giu .intest b{display:block;font-size:.96rem;}
.tga-menu-giu .intest span{font-size:.82rem;color:var(--tga-testo-soft);}
.tga-menu-giu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--tga-r-s);
  color:var(--tga-testo);font-size:.96rem;}
.tga-menu-giu a:hover{background:var(--tga-verde-tenue);}
.tga-menu-giu a.esci{color:var(--tga-rosso);}
.tga-menu-giu a.esci:hover{background:#fdf1ef;}

/* apri/chiudi su telefono */
.tga-apri{display:none;background:none;border:0;font-size:1.5rem;color:var(--tga-verde-scuro);
  cursor:pointer;padding:6px 10px;border-radius:var(--tga-r-s);}
.tga-velo{display:none;position:fixed;inset:0;background:rgba(27,43,37,.4);z-index:1035;}
.tga-velo.aperto{display:block;}

/* ── Area contenuto ──────────────────────────────────────────────── */
.tga-corpo{margin-left:var(--tga-lato);padding:calc(var(--tga-testata) + 30px) 30px 60px;min-height:100vh;}
.tga-titolo{margin-bottom:26px;}
.tga-titolo h1{font-size:2.1rem;margin-bottom:6px;}
.tga-titolo p{color:var(--tga-testo-soft);margin:0;font-size:1.04rem;}

/* ── Componenti ──────────────────────────────────────────────────── */
.tga-scheda{background:#fff;border:1px solid var(--tga-linea);border-radius:var(--tga-r-l);
  box-shadow:var(--tga-ombra-s);margin-bottom:26px;}
.tga-scheda>.intest{padding:20px 26px;border-bottom:1px solid var(--tga-linea);
  display:flex;align-items:center;gap:12px;}
.tga-scheda>.intest h2,.tga-scheda>.intest h3{margin:0;font-size:1.2rem;}
.tga-scheda>.corpo{padding:26px;}

.tga-griglia{display:grid;gap:22px;}
/* Senza questo, un contenuto rigido dentro una colonna (tipico: un <canvas>
   con larghezza in pixel) impone la propria misura e la griglia collassa. */
.tga-griglia>*{min-width:0;}
.tga-scheda .corpo canvas{display:block;width:100%;}
.tga-g2{grid-template-columns:repeat(2,1fr);}
.tga-g3{grid-template-columns:repeat(3,1fr);}
.tga-g4{grid-template-columns:repeat(4,1fr);}

.tga-numero{background:#fff;border:1px solid var(--tga-linea);border-radius:var(--tga-r-l);
  padding:24px 26px;box-shadow:var(--tga-ombra-s);}
.tga-numero .ic{width:44px;height:44px;border-radius:var(--tga-r-m);background:var(--tga-verde-tenue);
  color:var(--tga-verde);display:inline-flex;align-items:center;justify-content:center;
  font-size:1.25rem;margin-bottom:14px;}
.tga-numero .n{font-family:'Figtree',sans-serif;font-weight:800;font-size:2.3rem;
  color:var(--tga-verde);line-height:1;margin-bottom:5px;}
.tga-numero .et{color:var(--tga-testo-soft);font-size:.95rem;}

/* pulsanti */
.tga-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:12px 22px;border-radius:var(--tga-r-s);font-family:'Figtree',sans-serif;font-weight:700;
  font-size:1rem;border:2px solid transparent;cursor:pointer;transition:.18s;line-height:1.2;}
.tga-btn-verde{background:var(--tga-verde);color:#fff;}
.tga-btn-verde:hover{background:var(--tga-verde-scuro);color:#fff;}
.tga-btn-bordo{background:#fff;color:var(--tga-verde-scuro);border-color:var(--tga-verde-linea);}
.tga-btn-bordo:hover{border-color:var(--tga-verde);color:var(--tga-verde);}
.tga-btn-rosso{background:var(--tga-rosso);color:#fff;}
.tga-btn-rosso:hover{background:#8f2c23;color:#fff;}
.tga-btn-piccolo{padding:8px 14px;font-size:.9rem;}

/* etichette di stato */
.tga-stato{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;
  font-size:.84rem;font-weight:700;font-family:'Figtree',sans-serif;}
.tga-stato.ok{background:#e8f3ed;color:var(--tga-verde-scuro);}
.tga-stato.attesa{background:#fdf3e2;color:var(--tga-ambra);}
.tga-stato.no{background:#fdf1ef;color:var(--tga-rosso);}
.tga-stato.neutro{background:var(--tga-verde-tenue);color:var(--tga-testo-soft);}

/* tabelle */
.tga-tabella-box{background:#fff;border:1px solid var(--tga-linea);border-radius:var(--tga-r-l);
  overflow:hidden;box-shadow:var(--tga-ombra-s);}
.tga-tabella{width:100%;border-collapse:collapse;}
.tga-tabella th{background:var(--tga-verde-tenue);text-align:left;padding:15px 18px;
  font-family:'Figtree',sans-serif;font-weight:700;font-size:.9rem;color:var(--tga-verde-scuro);
  border-bottom:1px solid var(--tga-linea);white-space:nowrap;}
.tga-tabella td{padding:16px 18px;border-bottom:1px solid var(--tga-linea);font-size:.98rem;vertical-align:middle;}
.tga-tabella tr:last-child td{border-bottom:0;}
.tga-tabella tbody tr:hover{background:var(--tga-verde-tenue);}
.tga-scorri{overflow-x:auto;}

/* moduli */
.tga-campo{margin-bottom:22px;}
.tga-campo label{display:block;font-family:'Figtree',sans-serif;font-weight:700;font-size:.98rem;
  margin-bottom:8px;color:var(--tga-verde-scuro);}
.tga-campo input[type=text],.tga-campo input[type=email],.tga-campo input[type=tel],
.tga-campo input[type=number],.tga-campo input[type=password],.tga-campo input[type=date],
.tga-campo select,.tga-campo textarea{
  width:100%;padding:13px 15px;border:2px solid var(--tga-linea);border-radius:var(--tga-r-s);
  font-family:inherit;font-size:1rem;color:var(--tga-testo);background:#fff;transition:.15s;
}
.tga-campo textarea{min-height:150px;resize:vertical;}
.tga-campo input:focus,.tga-campo select:focus,.tga-campo textarea:focus{border-color:var(--tga-verde);outline:0;}
.tga-campo .aiuto{font-size:.9rem;color:var(--tga-testo-soft);margin-top:7px;}
.tga-campo.errore input,.tga-campo.errore select,.tga-campo.errore textarea{border-color:var(--tga-rosso);}

/* avvisi */
.tga-avviso{display:flex;gap:13px;padding:17px 20px;border-radius:var(--tga-r-m);
  border:1px solid var(--tga-linea);background:#fff;margin-bottom:22px;font-size:1rem;}
.tga-avviso i{font-size:1.2rem;flex-shrink:0;}
.tga-avviso.ok{background:#e8f3ed;border-color:#bfe0cd;color:var(--tga-verde-scuro);}
.tga-avviso.attesa{background:#fdf3e2;border-color:#f0dcb4;color:#7a5312;}
.tga-avviso.no{background:#fdf1ef;border-color:#f0cdc8;color:#7d281f;}

/* stato vuoto */
.tga-vuoto{text-align:center;padding:70px 20px;background:var(--tga-verde-tenue);
  border:1px solid var(--tga-linea);border-radius:var(--tga-r-l);}
.tga-vuoto i{font-size:2.9rem;color:var(--tga-verde-linea);display:block;margin-bottom:16px;}
.tga-vuoto h3{font-size:1.4rem;margin-bottom:9px;}
.tga-vuoto p{color:var(--tga-testo-soft);margin:0 auto;max-width:460px;}

/* banner impersonazione */
.tga-impersona{background:var(--tga-ambra);color:#fff;padding:11px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-size:.96rem;font-weight:600;border-radius:var(--tga-r-m);margin-bottom:24px;}
.tga-impersona .tga-btn{background:#fff;color:#7a5312;border-color:#fff;}

/* messaggini a comparsa */
.tga-toast-zona{position:fixed;top:18px;right:18px;z-index:2000;display:flex;flex-direction:column;gap:10px;}
.tga-toast{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--tga-linea);
  border-left:5px solid var(--tga-verde);border-radius:var(--tga-r-m);box-shadow:var(--tga-ombra-m);
  padding:15px 19px;min-width:290px;max-width:420px;font-size:.98rem;animation:tgaEntra .2s ease;}
.tga-toast.no{border-left-color:var(--tga-rosso);}
.tga-toast.attesa{border-left-color:var(--tga-ambra);}
.tga-toast.info{border-left-color:var(--tga-blu);}
@keyframes tgaEntra{from{opacity:0;transform:translateX(24px);}to{opacity:1;transform:none;}}

/* finestra di conferma */
.tga-velo-modale{position:fixed;inset:0;background:rgba(27,43,37,.45);z-index:2100;
  display:flex;align-items:center;justify-content:center;padding:20px;}
.tga-modale{background:#fff;border-radius:var(--tga-r-l);box-shadow:var(--tga-ombra-m);
  max-width:470px;width:100%;padding:32px;text-align:center;}
.tga-modale i.ic{font-size:2.6rem;color:var(--tga-ambra);display:block;margin-bottom:16px;}
.tga-modale h3{font-size:1.4rem;margin-bottom:10px;}
.tga-modale p{color:var(--tga-testo-soft);margin:0 0 26px;}
.tga-modale .azioni{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ── Aggiunte per la dashboard ───────────────────────────────────── */
.tga-g-largo{grid-template-columns:2fr 1fr;}
/* Le due colonne si allineano in altezza: senza questo, sotto la colonna
   più corta resta un buco grande quanto la differenza. */
.tga-g-largo>*{display:flex;flex-direction:column;}
.tga-g-largo>* > .tga-scheda:last-child{flex:1;}

/* riga etichetta/valore (Informazioni di sistema) */
.tga-dati-riga{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:11px 0;border-bottom:1px solid var(--tga-linea);font-size:.98rem;}
.tga-dati-riga:last-child{border-bottom:0;}
.tga-dati-riga .et{color:var(--tga-testo-soft);}
.tga-dati-riga .vl{font-family:'Figtree',sans-serif;font-weight:700;color:var(--tga-verde-scuro);}

/* classifica */
.tga-classifica{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--tga-linea);}
.tga-classifica:last-child{border-bottom:0;}
.tga-classifica .sx{display:flex;align-items:center;gap:11px;min-width:0;}
.tga-classifica .pos{width:25px;height:25px;border-radius:50%;background:var(--tga-verde-tenue);
  color:var(--tga-verde-scuro);font-family:'Figtree',sans-serif;font-weight:800;font-size:.82rem;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.tga-classifica.primo .pos{background:var(--tga-verde);color:#fff;}
.tga-classifica .nm{font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tga-classifica .vs{font-family:'Figtree',sans-serif;font-weight:700;color:var(--tga-verde);font-size:.95rem;flex-shrink:0;}

/* barra proporzionale */
.tga-barra-voce{margin-bottom:16px;}
.tga-barra-voce:last-child{margin-bottom:0;}
.tga-barra-testa{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:7px;}
.tga-barra-testa .vl{color:var(--tga-testo-soft);}
.tga-barra{height:9px;border-radius:999px;background:var(--tga-verde-tenue);overflow:hidden;}
.tga-barra span{display:block;height:100%;border-radius:999px;background:var(--tga-verde);}
.tga-barra.chiara span{background:var(--tga-verde-linea);}

/* pillola nell'intestazione di una scheda */
.tga-pillola{margin-left:auto;background:var(--tga-verde-tenue);color:var(--tga-verde-scuro);
  font-family:'Figtree',sans-serif;font-weight:700;font-size:.86rem;padding:6px 14px;border-radius:999px;}
.tga-link-scheda{margin-left:auto;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;}

/* ── Schermi stretti ─────────────────────────────────────────────── */
@media(max-width:1200px){
  .tga-g4{grid-template-columns:repeat(2,1fr);}
  .tga-g-largo{grid-template-columns:1fr;}
}
@media(max-width:980px){
  .tga-lato{transform:translateX(-100%);}
  .tga-lato.aperta{transform:none;}
  .tga-testata{left:0;}
  .tga-corpo{margin-left:0;padding:calc(var(--tga-testata) + 22px) 18px 50px;}
  .tga-apri{display:inline-flex;}
  .tga-g2,.tga-g3,.tga-g4,.tga-g-largo{grid-template-columns:1fr;}
  .tga-utente-txt{display:none;}
}

/* rotellina di attesa */
.tga-gira{display:inline-block;animation:tgaGira 1s linear infinite;}
@keyframes tgaGira{to{transform:rotate(360deg);}}

/* campo di ricerca sopra una tendina lunga */
.tga-cerca-select{width:100%;padding:10px 14px;margin-bottom:8px;border:2px solid var(--tga-linea);
  border-radius:var(--tga-r-s);font-family:inherit;font-size:.96rem;}
.tga-cerca-select:focus{border-color:var(--tga-verde);outline:0;}

/* ═══ Elenco percorsi (percorsi.php) ═══════════════════════════════ */

/* barra dei filtri */
.tga-filtri{background:#fff;border:1px solid var(--tga-linea);border-radius:var(--tga-r-l);
  box-shadow:var(--tga-ombra-s);padding:24px 26px;margin-bottom:26px;}
.tga-cerca-grande{display:flex;align-items:center;gap:12px;border:2px solid var(--tga-linea);
  border-radius:var(--tga-r-m);padding:0 16px;margin-bottom:20px;transition:.15s;}
.tga-cerca-grande:focus-within{border-color:var(--tga-verde);}
.tga-cerca-grande i{color:var(--tga-testo-soft);font-size:1.1rem;}
.tga-cerca-grande input{flex:1;border:0;outline:0;padding:15px 0;font-family:inherit;font-size:1.08rem;background:none;}
.tga-cerca-grande button{background:none;border:0;color:var(--tga-testo-soft);cursor:pointer;
  font-size:1rem;padding:8px;border-radius:var(--tga-r-s);}
.tga-cerca-grande button:hover{background:var(--tga-verde-tenue);color:var(--tga-verde);}
.tga-filtri-riga{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;}
.tga-filtri-riga .tga-campo{margin-bottom:0;}
.tga-filtri-azioni{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px;
  padding-top:18px;border-top:1px solid var(--tga-linea);}
.tga-conteggio{color:var(--tga-testo-soft);font-size:1rem;margin-right:auto;}
.tga-conteggio b{color:var(--tga-verde-scuro);font-family:'Figtree',sans-serif;}

/* filtri rapidi per stato */
.tga-rapidi{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.tga-rapidi button{background:#fff;border:1.5px solid var(--tga-linea);color:var(--tga-testo-soft);
  font-family:'Figtree',sans-serif;font-weight:600;font-size:.9rem;padding:7px 15px;
  border-radius:999px;cursor:pointer;transition:.15s;}
.tga-rapidi button:hover{border-color:var(--tga-verde);color:var(--tga-verde);}
.tga-rapidi button.attivo{background:var(--tga-verde);border-color:var(--tga-verde);color:#fff;}

/* suggerimenti del campo comune */
.tga-auto{position:relative;}
.tga-auto-lista{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;
  border:1px solid var(--tga-linea);border-radius:var(--tga-r-m);box-shadow:var(--tga-ombra-m);
  max-height:270px;overflow-y:auto;z-index:1050;display:none;}
.tga-auto-lista.aperta{display:block;}
.tga-auto-lista button{display:block;width:100%;text-align:left;background:none;border:0;
  padding:11px 15px;font-family:inherit;font-size:.98rem;cursor:pointer;color:var(--tga-testo);}
.tga-auto-lista button:hover,.tga-auto-lista button.evidenziata{background:var(--tga-verde-tenue);}
.tga-auto-lista .nulla{padding:13px 15px;color:var(--tga-testo-soft);font-size:.95rem;}

/* targhette dei comuni di un gruppo */
.tga-targhette{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;}
.tga-targhette .et{color:var(--tga-testo-soft);font-size:.92rem;align-self:center;margin-right:4px;}
.tga-targhette span.t{background:var(--tga-verde-tenue);color:var(--tga-verde-scuro);
  border:1px solid var(--tga-verde-linea);font-size:.86rem;padding:4px 11px;border-radius:999px;}

/* griglia delle schede */
.tga-percorsi{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px;}
.tga-cardp{background:#fff;border:1px solid var(--tga-linea);border-radius:var(--tga-r-l);
  overflow:hidden;display:flex;flex-direction:column;transition:.2s;}
.tga-cardp:hover{box-shadow:var(--tga-ombra-m);transform:translateY(-3px);}
.tga-cardp .cop{height:118px;position:relative;background:var(--tga-verde-tenue);
  background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;}
.tga-cardp .cop .vuoto{color:var(--tga-verde-linea);font-size:2rem;}
.tga-cardp .cop .st{position:absolute;top:9px;left:9px;font-size:.76rem;padding:4px 10px;
  border-radius:999px;font-weight:700;font-family:'Figtree',sans-serif;background:#fff;}
.tga-cardp .cop .df{position:absolute;top:9px;right:9px;font-size:.78rem;padding:4px 10px;
  border-radius:999px;font-weight:800;font-family:'Figtree',sans-serif;background:#fff;color:var(--tga-verde-scuro);}
.tga-cardp .bd{padding:15px 16px 12px;flex:1;}
.tga-cardp .bd h3{font-size:1.02rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tga-cardp .mis{display:flex;gap:14px;flex-wrap:wrap;color:var(--tga-testo-soft);font-size:.9rem;margin-bottom:9px;}
.tga-cardp .cnt{display:flex;gap:6px;flex-wrap:wrap;}
.tga-cardp .cnt span{background:var(--tga-verde-tenue);color:var(--tga-verde-scuro);
  font-size:.78rem;padding:3px 9px;border-radius:999px;}
.tga-utente-tag{display:inline-flex;align-items:center;gap:5px;background:var(--tga-verde-tenue);
  border:1px solid var(--tga-verde-linea);color:var(--tga-verde-scuro);font-size:.8rem;
  padding:3px 10px;border-radius:999px;cursor:pointer;margin-bottom:9px;}
.tga-utente-tag:hover{background:var(--tga-verde);color:#fff;border-color:var(--tga-verde);}
.tga-cardp .az{display:flex;gap:5px;padding:0 12px 12px;flex-wrap:wrap;}
.tga-az{width:33px;height:33px;border-radius:var(--tga-r-s);display:inline-flex;align-items:center;
  justify-content:center;background:var(--tga-verde-tenue);color:var(--tga-verde-scuro);
  border:0;cursor:pointer;font-size:.92rem;transition:.15s;}
.tga-az:hover{background:var(--tga-verde);color:#fff;}
.tga-az.rossa:hover{background:var(--tga-rosso);}
.tga-az.ultima{margin-left:auto;}

/* colori degli stati, usati sia dal server sia dal JavaScript */
.tga-st-pubblicato{color:var(--tga-verde-scuro);}
.tga-st-bozza,.tga-st-in_attesa{color:var(--tga-ambra);}
.tga-st-rifiutato,.tga-st-cancellazione_richiesta{color:var(--tga-rosso);}
.tga-st-archiviato{color:var(--tga-testo-soft);}

@media(max-width:1100px){ .tga-filtri-riga{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .tga-filtri-riga{grid-template-columns:1fr;} }

/* paginazione — le classi del sito pubblico qui non esistono, quindi le
   definisco anche per l'area di gestione */
.pagine{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:34px;}
.pagine a,.pagine span{min-width:46px;height:46px;display:inline-flex;align-items:center;
  justify-content:center;padding:0 16px;background:#fff;border:1.5px solid var(--tga-linea);
  border-radius:var(--tga-r-s);color:var(--tga-testo);font-family:'Figtree',sans-serif;
  font-weight:600;font-size:.96rem;transition:.15s;}
.pagine a:hover{border-color:var(--tga-verde);color:var(--tga-verde);}
.pagine .attiva{background:var(--tga-verde);border-color:var(--tga-verde);color:#fff;}
.pagine .disabilitata{opacity:.45;pointer-events:none;}

/* riga del titolo con l'azione principale a destra */
.tga-titolo-riga{display:flex;justify-content:space-between;align-items:flex-start;
  gap:22px;flex-wrap:wrap;margin-bottom:26px;}

/* quali filtri sono attivi, in chiaro */
.tga-attivi{background:var(--tga-verde-tenue);border:1px solid var(--tga-verde-linea);
  color:var(--tga-verde-scuro);font-size:.92rem;padding:6px 14px;border-radius:999px;}

/* ═══ Finestre di dialogo (sostituiscono i modal di Bootstrap) ═════ */
.tga-finestra{position:fixed;inset:0;z-index:2100;display:none;padding:24px;
  background:rgba(27,43,37,.45);overflow-y:auto;}
.tga-finestra.aperta{display:flex;align-items:flex-start;justify-content:center;}
.tga-finestra-box{background:#fff;border-radius:var(--tga-r-l);box-shadow:var(--tga-ombra-m);
  width:100%;max-width:560px;margin:auto;animation:tgaSu .18s ease;}
.tga-finestra-box.larga{max-width:840px;}
@keyframes tgaSu{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.tga-finestra .intest{display:flex;align-items:center;gap:12px;padding:22px 26px;
  border-bottom:1px solid var(--tga-linea);}
.tga-finestra .intest h2{margin:0;font-size:1.24rem;}
.tga-finestra .intest .chiudi{margin-left:auto;background:none;border:0;cursor:pointer;
  font-size:1.2rem;color:var(--tga-testo-soft);width:38px;height:38px;border-radius:var(--tga-r-s);}
.tga-finestra .intest .chiudi:hover{background:var(--tga-verde-tenue);color:var(--tga-verde);}
.tga-finestra .corpo{padding:26px;}
.tga-finestra .piede{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;
  padding:20px 26px;border-top:1px solid var(--tga-linea);background:var(--tga-verde-tenue);
  border-radius:0 0 var(--tga-r-l) var(--tga-r-l);}

/* ═══ Gestione utenti (gestione-utenti.php) ════════════════════════ */
.tga-utenti{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;}
.tga-cardu{background:#fff;border:1px solid var(--tga-linea);border-radius:var(--tga-r-l);
  padding:22px;display:flex;flex-direction:column;transition:.2s;}
.tga-cardu:hover{box-shadow:var(--tga-ombra-m);transform:translateY(-3px);}
.tga-cardu .testa{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;}
.tga-cardu .ic{width:48px;height:48px;border-radius:var(--tga-r-m);background:var(--tga-verde-tenue);
  color:var(--tga-verde);display:inline-flex;align-items:center;justify-content:center;
  font-size:1.4rem;flex-shrink:0;}
.tga-cardu h3{font-size:1.14rem;margin:0 0 4px;line-height:1.3;}
.tga-cardu .luogo{color:var(--tga-testo-soft);font-size:.95rem;}
.tga-cardu .rif{border-top:1px solid var(--tga-linea);padding-top:14px;margin-top:4px;
  display:flex;flex-direction:column;gap:5px;font-size:.98rem;}
.tga-cardu .rif .nome{font-weight:600;}
.tga-cardu .rif a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.tga-cardu .conti{display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-top:1px solid var(--tga-linea);margin-top:14px;padding-top:14px;}
.tga-cardu .conti b{font-family:'Figtree',sans-serif;font-weight:800;font-size:1.4rem;color:var(--tga-verde);}
.tga-cardu .azioni{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.tga-cardu .azioni .tga-btn{flex:1 1 auto;}
.tga-cardu .azioni .tga-az{flex:0 0 auto;}

/* password mostrata in chiaro dopo il cambio */
.tga-password{background:var(--tga-verde-tenue);border:1px solid var(--tga-verde-linea);
  border-radius:var(--tga-r-m);padding:16px;margin:14px 0;text-align:center;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;font-weight:700;
  color:var(--tga-verde-scuro);letter-spacing:1px;user-select:all;}

/* ═══ Notifiche (notifiche.php) ════════════════════════════════════ */
.tga-notifica{display:flex;gap:16px;background:#fff;border:1px solid var(--tga-linea);
  border-left:4px solid transparent;border-radius:var(--tga-r-m);padding:18px 20px;margin-bottom:12px;}
.tga-notifica.da-leggere{border-left-color:var(--tga-verde);background:var(--tga-verde-tenue);}
.tga-notifica .ic{width:42px;height:42px;border-radius:var(--tga-r-m);flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;
  background:var(--tga-verde-tenue);color:var(--tga-verde);}
.tga-notifica.da-leggere .ic{background:#fff;}
.tga-notifica .ic.tono-rosso{color:var(--tga-rosso);}
.tga-notifica .ic.tono-ambra{color:var(--tga-ambra);}
.tga-notifica .ic.tono-neutro{color:var(--tga-testo-soft);}
.tga-notifica .testo{flex:1;min-width:0;}
.tga-notifica .riga1{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:5px;}
.tga-notifica h3{font-size:1.06rem;margin:0;font-weight:600;}
.tga-notifica.da-leggere h3{font-weight:800;}
.tga-notifica time{color:var(--tga-testo-soft);font-size:.9rem;white-space:nowrap;flex-shrink:0;}
.tga-notifica p{margin:0;color:var(--tga-testo-soft);}
.tga-notifica .azioni{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px;}
.tga-notifica .azioni:empty{display:none;}

/* ═══ Scelta multipla con ricerca (sostituisce Select2 multiple) ════ */
.tga-multi{border:2px solid var(--tga-linea);border-radius:var(--tga-r-s);padding:10px;background:#fff;}
.tga-multi:focus-within{border-color:var(--tga-verde);}
.tga-multi-scelti{display:flex;flex-wrap:wrap;gap:7px;}
.tga-multi-scelti:not(:empty){margin-bottom:10px;}
.tga-chip{display:inline-flex;align-items:center;gap:8px;background:var(--tga-verde-tenue);
  border:1px solid var(--tga-verde-linea);color:var(--tga-verde-scuro);border-radius:999px;
  padding:5px 6px 5px 13px;font-size:.94rem;font-weight:500;}
.tga-chip button{background:none;border:0;cursor:pointer;color:var(--tga-verde-scuro);
  width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;
  justify-content:center;font-size:.9rem;line-height:1;}
.tga-chip button:hover{background:var(--tga-verde);color:#fff;}
.tga-multi-cerca{width:100%;border:0;outline:0;padding:8px 6px;font-family:inherit;font-size:1rem;background:none;}
.tga-multi .tga-auto-lista{margin-top:6px;}
.tga-multi-nota{font-size:.9rem;color:var(--tga-testo-soft);margin-top:8px;}

/* ═══ Gestore file (media.php) ═════════════════════════════════════ */
.tga-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;}
.tga-file{background:#fff;border:1px solid var(--tga-linea);border-radius:var(--tga-r-m);
  overflow:hidden;margin:0;position:relative;display:flex;flex-direction:column;transition:.2s;}
.tga-file:hover{box-shadow:var(--tga-ombra-m);}
.tga-file.orfano{border-color:#f0dcb4;background:#fffdf7;}
.tga-file .segno{position:absolute;top:8px;right:8px;z-index:1;background:var(--tga-ambra);color:#fff;
  width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;}
.tga-file .ante{height:140px;background:var(--tga-verde-tenue);display:flex;align-items:center;
  justify-content:center;overflow:hidden;}
.tga-file .ante img{width:100%;height:100%;object-fit:cover;}
.tga-file .ante i{font-size:2.6rem;color:var(--tga-verde-linea);}
.tga-file figcaption{padding:12px 13px 13px;display:flex;flex-direction:column;gap:5px;flex:1;}
.tga-file .nome{font-size:.9rem;font-weight:600;word-break:break-all;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tga-file .meta{font-size:.82rem;color:var(--tga-testo-soft);}
.tga-file .azioni{display:flex;gap:5px;margin-top:auto;padding-top:6px;}
.tga-file .azioni .tga-az{width:30px;height:30px;font-size:.85rem;}

/* ═══ Schede a linguette (sostituiscono i tab di Bootstrap) ════════ */
.tga-schede{display:flex;gap:8px;flex-wrap:wrap;border-bottom:2px solid var(--tga-linea);
  margin-bottom:26px;padding-bottom:0;}
.tga-schede button{background:none;border:0;border-bottom:3px solid transparent;
  padding:13px 20px;margin-bottom:-2px;cursor:pointer;font-family:'Figtree',sans-serif;
  font-weight:700;font-size:1rem;color:var(--tga-testo-soft);display:inline-flex;
  align-items:center;gap:8px;transition:.15s;}
.tga-schede button:hover{color:var(--tga-verde);}
.tga-schede button.attivo{color:var(--tga-verde-scuro);border-bottom-color:var(--tga-verde);}
.tga-pannello{display:none;}
.tga-pannello.attivo{display:block;animation:tgaApparire .18s ease;}
@keyframes tgaApparire{from{opacity:0;}to{opacity:1;}}

/* interruttore acceso/spento */
.tga-interruttore{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;}
.tga-interruttore input{position:absolute;opacity:0;width:0;height:0;}
.tga-interruttore .leva{width:52px;height:28px;border-radius:999px;background:var(--tga-verde-linea);
  position:relative;transition:.2s;flex-shrink:0;}
.tga-interruttore .leva::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;
  border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.tga-interruttore input:checked + .leva{background:var(--tga-verde);}
.tga-interruttore input:checked + .leva::after{transform:translateX(24px);}
.tga-interruttore input:focus-visible + .leva{outline:2px solid var(--tga-verde-scuro);outline-offset:2px;}
.tga-interruttore .stato{font-weight:600;color:var(--tga-testo-soft);font-size:.95rem;}

/* riga di impostazione: etichetta a sinistra, comando a destra */
.tga-impostazione{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start;
  padding:18px 0;border-bottom:1px solid var(--tga-linea);}
.tga-impostazione:last-child{border-bottom:0;}
.tga-impostazione > .et{font-family:'Figtree',sans-serif;font-weight:700;color:var(--tga-verde-scuro);}
.tga-impostazione > .et code{font-family:ui-monospace,Menlo,monospace;font-size:.9rem;
  background:var(--tga-verde-tenue);padding:2px 7px;border-radius:5px;font-weight:400;}
.tga-impostazione > .et p{margin:7px 0 0;font-family:'Public Sans',sans-serif;font-weight:400;
  color:var(--tga-testo-soft);font-size:.94rem;}
.tga-impostazione .campo input,.tga-impostazione .campo select,.tga-impostazione .campo textarea{
  width:100%;padding:12px 14px;border:2px solid var(--tga-linea);border-radius:var(--tga-r-s);
  font-family:inherit;font-size:1rem;background:#fff;}
.tga-impostazione .campo input:focus,.tga-impostazione .campo select:focus{border-color:var(--tga-verde);outline:0;}
.tga-impostazione .campo input[type=color]{padding:4px;height:46px;cursor:pointer;}
@media(max-width:820px){ .tga-impostazione{grid-template-columns:1fr;gap:10px;} }

/* ═══ Zona di trascinamento file (import-csv.php) ══════════════════ */
.tga-zona{border:2px dashed var(--tga-verde-linea);border-radius:var(--tga-r-m);
  padding:42px 22px;text-align:center;cursor:pointer;transition:.18s;background:var(--tga-verde-tenue);}
.tga-zona:hover,.tga-zona:focus-visible,.tga-zona.sopra{border-color:var(--tga-verde);
  background:#eef5f1;outline:0;}
.tga-zona i{font-size:2.6rem;color:var(--tga-verde);display:block;margin-bottom:14px;}
.tga-zona p{margin:0 0 5px;}
.tga-zona p.dett{color:var(--tga-testo-soft);font-size:.92rem;margin:0;}

/* ═══ Editor delle traduzioni (lingue-modifica.php) ════════════════ */
.tga-trad-campo{padding:10px 12px;border:2px solid var(--tga-linea);border-radius:var(--tga-r-s);
  font-family:inherit;font-size:.98rem;background:#fff;}
.tga-trad-campo:focus{border-color:var(--tga-verde);outline:0;}
textarea.tga-trad-campo{resize:vertical;min-height:62px;}
.tga-trad:hover{background:var(--tga-verde-tenue);}