/* Estensione di style_base.css: usa gli stessi colori, font e nomi delle utility. */
.pannello{max-width:1480px;margin:0 auto;padding:2rem clamp(1rem,3vw,3rem) 4rem;min-height:65vh}
.titolo-pagina{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.8rem}
.titolo-pagina h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:.25rem 0 .5rem;color:var(--c1)}
.titolo-pagina p,.nota,.aiuto{color:var(--testo-tenue);line-height:1.6}.sopratitolo{font-size:.7rem!important;letter-spacing:.15em;font-weight:800;color:var(--c2)!important}
.riepilogo{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.6rem}
.scheda-metrica,.scheda{background:var(--superficie);border:1px solid var(--bordo);border-radius:var(--raggio-m);box-shadow:var(--ombra-s)}
.scheda-metrica{padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.scheda-metrica span{color:var(--testo-tenue);font-size:.9rem}.scheda-metrica strong{font-size:2.2rem;color:var(--c1);font-family:var(--font-titoli)}
.griglia-gestione{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:1.4rem;align-items:start}.scheda{padding:1.5rem;min-width:0}.scheda h2{font-size:1.15rem;color:var(--c1);margin-bottom:.8rem}
.intestazione-scheda{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem}.nota,.aiuto{font-size:.78rem}.aiuto{margin:0 0 .6rem}
.tabella-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--testo-tenue);padding:.9rem .6rem;border-bottom:1px solid var(--bordo)}td{vertical-align:top;padding:1.1rem .6rem;border-bottom:1px solid var(--bordo)}tr:last-child td{border-bottom:0}td small{display:block;color:var(--testo-tenue);font-size:.72rem;margin-top:.4rem;overflow-wrap:anywhere}code{font-size:.78rem;overflow-wrap:anywhere}
.stato{display:inline-block;padding:.25rem .6rem;border-radius:99px;font-size:.73rem;font-weight:700;white-space:nowrap;background:var(--c1-tenue);color:var(--c1)}.stato.attivo,.stato.completato{background:var(--c2-tenue);color:#16685e}.stato.errore{background:var(--c3-tenue);color:#a3233f}.stato.in_corso,.stato.in_coda{background:#fff3d5;color:#73510d}
.azioni-riga{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.azioni-riga a{font-size:.8rem;font-weight:700}.testo-pericolo{color:var(--c3)!important}.sezione-operazioni{margin-top:1.5rem}
.modulo-pannello{display:flex;flex-direction:column;gap:.8rem}.modulo-pannello label{font-size:.85rem;font-weight:700}.modulo-pannello input[type=text],.modulo-pannello input[type=password]{width:100%;padding:.85rem;border:1px solid var(--bordo);border-radius:8px;background:var(--superficie);color:var(--testo);font-size:1rem}.modulo-pannello input:focus{outline:2px solid var(--c2);outline-offset:2px}
.opzione{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem 0;cursor:pointer}.opzione input{margin-top:.25rem;width:18px;height:18px;accent-color:var(--c2)}.opzione small{display:block;color:var(--testo-tenue);font-weight:400;margin-top:.25rem;line-height:1.5}
.incluso{padding:1rem;background:var(--c2-tenue);border-radius:8px;font-size:.8rem;color:#195c54}.incluso p{margin-top:.4rem;line-height:1.7}.bottone{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;border:1px solid transparent;border-radius:8px;padding:.75rem 1rem;background:var(--c1);color:white;cursor:pointer;text-decoration:none;font-weight:700;font-size:.85rem}.bottone.secondario{background:var(--superficie);color:var(--c1);border-color:var(--bordo)}.bottone.pericolo{background:var(--c3)}.bottone.pieno{width:100%}.bottone:disabled{opacity:.5;cursor:not-allowed}.bottone:focus-visible,a:focus-visible{outline:3px solid var(--c2);outline-offset:3px}
.vuoto{text-align:center;padding:3rem 1rem;color:var(--testo-tenue)}.vuoto h3{margin:1rem 0;color:var(--c1)}.vuoto p{max-width:470px;margin:.7rem auto;line-height:1.7}.icona-vuoto{font-size:2.5rem;color:var(--c2)}
.avviso{padding:1rem 1.2rem;background:var(--c2-tenue);border-left:4px solid var(--c2);border-radius:6px;margin:1rem 0 1.5rem;font-size:.9rem;line-height:1.7;color:#195c54}.avviso.errore{background:var(--c3-tenue);border-color:var(--c3);color:#84213a}
.conferma{max-width:760px;margin:0 auto}.conferma h1{margin:.5rem 0 1rem}.conferma h2{overflow-wrap:anywhere}.conferma>p{line-height:1.8;margin-bottom:1.5rem}.credenziali{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.8rem;margin:1.5rem 0 2rem}.credenziali dt{font-size:.85rem;color:var(--testo-tenue)}.credenziali dd{margin:0}.hash{display:block;max-width:260px;overflow-wrap:anywhere;margin-top:.8rem}
.menu-pannello{display:flex;gap:.5rem;max-width:1480px;margin:auto;padding:.5rem clamp(1rem,3vw,3rem);border-bottom:1px solid var(--bordo)}.menu-pannello a{padding:.7rem 1rem;border-radius:8px;color:var(--testo-tenue);font-size:.9rem;font-weight:700}.menu-pannello a[aria-current="page"]{background:var(--c1-tenue);color:var(--c1)}.login-presentazione{max-width:850px;margin:2rem auto;padding:2rem;text-align:center}.login-presentazione h1{font-size:2.5rem;color:var(--c1);margin:1rem 0}.login-presentazione p{line-height:1.8;color:var(--testo-tenue)}.aggiornamento-pronto{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);padding:1rem 1.5rem;background:var(--c1);color:white;border-radius:10px;box-shadow:var(--ombra-l);z-index:20}.aggiornamento-pronto a{color:white;text-decoration:underline;margin-left:1rem}
@media(max-width:1100px){.griglia-gestione{grid-template-columns:1fr}.griglia-gestione>#nuovo-dominio{max-width:none}}@media(max-width:600px){.riepilogo{grid-template-columns:1fr}.scheda-metrica{padding:.8rem 1rem}.titolo-pagina{align-items:flex-start;flex-direction:column}.scheda{padding:1rem}.intestazione-scheda{flex-direction:column}.credenziali{grid-template-columns:1fr}.menu-pannello{overflow:auto}.aggiornamento-pronto{width:90%}}
@media(prefers-color-scheme:dark){.stato.attivo,.stato.completato,.incluso,.avviso{background:#173d37;color:#b8e8dc}.stato.errore,.avviso.errore{background:#4a2330;color:#ffc2cf}.titolo-pagina h1,.scheda h2,.scheda-metrica strong,.vuoto h3,.login-presentazione h1{color:var(--testo)}}

/* Header del pannello: logo nel flusso, anche su telefono. */
.testa,.testa1{position:relative;margin-bottom:0}.testa .logo,.testa1 .logo{height:64px;margin:0;display:block}.testa>a,.testa1>a{flex-shrink:0}.cont_login_mini .elemento{gap:.2rem}@media(max-width:600px){.testa>a,.testa1>a{align-self:center}.testa .logo,.testa1 .logo{height:48px}.griglia-gestione{grid-template-columns:minmax(0,1fr)}.login-presentazione{padding:1rem 0}.login-presentazione h1{font-size:1.8rem}}

.indicatore-attivita{display:inline-block;width:15px;height:15px;margin-right:.5rem;border:2px solid var(--bordo);border-top-color:var(--c2);border-radius:50%;vertical-align:middle;animation:gira-attivita .8s linear infinite}
.indicatore-attivita[hidden]{display:none}.aggiornamento-interrotto .indicatore-attivita{animation-play-state:paused;border-top-color:var(--c3)}
@keyframes gira-attivita{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.indicatore-attivita{animation:none}}

.sfondo-accesso{width:100%;height:clamp(280px,62vh,900px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:var(--superficie)}
.immagine-sfondo{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.immagine-sfondo[hidden],.sfondo-assente[hidden]{display:none}.sfondo-assente{padding:2rem;text-align:center;color:var(--testo-tenue)}