/* Adattamenti operativi al disegno Sites26. Il disegno sta nei tre fogli v26-*.
   Le classi relay-* restano ancore dei moduli e delle prove già esistenti. */
.relay-v26{font-family:var(--carattere);font-feature-settings:"zero" 0}
html.relay-nuovo :is(.r2-accesso-pagina,.r3-ingresso){line-height:1.5}
html.relay-nuovo .r2-accesso-pagina :is(h1,h2,h3,p){margin:0}
html.relay-nuovo .r2-accesso-frase h1{margin:var(--s6) 0}
html.relay-nuovo .r2-accesso-descrizione{margin-top:var(--s3);margin-bottom:var(--s8)}
html.relay-nuovo .r2-accesso-coda{margin-top:var(--s16)}
html.relay-nuovo .r2-accesso-centro h2{margin-top:var(--s4);color:var(--pubblico-testo)}
html.relay-nuovo .r2-assistenza{margin-top:var(--s6)}
html.relay-nuovo .r2-accesso-pagina fieldset{border:0;padding:0;margin:0;min-width:0}
html.relay-nuovo .r2-accesso-pagina label{display:block;font-size:var(--t-piccola);font-weight:500;margin-bottom:var(--s2)}
html.relay-nuovo .r2-accesso-pagina input{width:100%;min-height:var(--tocco);margin:0;padding:var(--s3);border:1px solid var(--pubblico-secondario);border-radius:var(--raggio-piccolo);font:inherit;font-size:var(--t-corpo)}
/* Composizione password originale: il testo riserva85px, Mostra rimane dentro. */
html.relay-nuovo .r2-password input{padding-right:85px}
html.relay-nuovo .relay-accesso-separatore{display:flex;align-items:center;gap:var(--s3);color:var(--pubblico-secondario);font-size:var(--t-minuta);margin:var(--s5) 0}
.relay-accesso-separatore::before,.relay-accesso-separatore::after{content:"";border-top:1px solid var(--pubblico-bordo);flex:1}
html.relay-nuovo a.relay-google{display:flex;justify-content:center;width:100%;min-height:52px;gap:var(--s3);background:var(--pubblico-carta);border:1px solid var(--pubblico-secondario);color:var(--pubblico-testo);border-radius:var(--raggio-piccolo);text-decoration:none}
.relay-google[aria-disabled=true]{opacity:.65;cursor:default}
html.relay-nuovo .relay-accesso-errore:not(:empty){padding:var(--s3) 0;color:var(--ritardo)}
.relay-accesso-avviso{padding:var(--s3);background:var(--superficie-2);color:var(--testo)}
.relay-accesso-footer a{display:inline-flex;align-items:center;min-height:var(--tocco);padding:var(--s1);color:var(--pubblico-testo)}
.relay-avvio-stato{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Dialogo originale modale: non passa dai selettori generici dei moduli applicativi. */
html.relay-nuovo dialog.r3-ingresso{position:fixed;inset:0;max-width:none;max-height:none;border-radius:0;box-shadow:none}
html.relay-nuovo .r3-ingresso h2{line-height:1.2}
html.relay-nuovo .r3-ingresso button{font-family:var(--carattere)}
.relay-impianto{min-height:100vh;min-height:100dvh}
html.relay-nuovo .relay-menu-desktop nav,html.relay-nuovo .relay-menu-mobile nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1}
.relay-menu-desktop nav>span,.relay-menu-mobile nav>span{display:block}
html.relay-nuovo .relay-menu-desktop>.relay-marchio{font-size:var(--t-titolo);padding:0 var(--s3)}
.relay-menu-desktop>.relay-marchio img{width:36px;height:36px}
.relay-menu-desktop .r2-menu-fondo{margin-top:auto}
.relay-account-azioni{display:flex;align-items:center;gap:var(--s3)}
.relay-tema>span{display:none}.relay-icona{width:var(--s5);height:var(--s5);stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html.relay-nuovo .relay-account{border:0;padding:0;margin:0;position:relative}
.relay-account summary{padding:0;display:flex;align-items:center;cursor:pointer;min-height:var(--tocco);list-style:none}
html.relay-nuovo .relay-account summary{min-width:var(--tocco);justify-content:center}
.relay-account summary::-webkit-details-marker{display:none}.relay-account summary>span:last-child{display:none}
html.relay-nuovo .relay-account .relay-avatar{display:grid;place-items:center;width:var(--s10);height:var(--s10);border:1px solid var(--bordo);background:var(--superficie-2);border-radius:50%;color:var(--testo)}
.relay-account>div{position:absolute;top:100%;right:0;min-width:13rem;max-width:calc(100vw - var(--s8));padding:var(--s3);background:var(--superficie);color:var(--testo);border:1px solid var(--bordo);border-radius:var(--raggio);box-shadow:var(--ombra);z-index:var(--strato-cassetto)}
.relay-account>div button{width:100%;margin-top:var(--s1)}
html.relay-nuovo .relay-app>main{padding:var(--s10);max-width:1560px;margin:auto}
html.relay-nuovo .relay-testata{height:auto;min-height:var(--testata-altezza);flex-wrap:wrap}
html.relay-nuovo .relay-percorso{min-width:min-content;white-space:normal}
html.relay-nuovo .relay-menu-mobile{transform:none;padding:var(--s3);border:0;color:var(--menu-testo);margin:0;height:100vh;height:100dvh;max-width:none;max-height:none;overflow:hidden}
.relay-nuovo dialog.relay-menu-mobile:not([open]){display:none}
.relay-menu-mobile[open]{display:flex;flex-direction:column}.relay-menu-mobile::backdrop{background:var(--velo)}
.relay-menu-testa{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
html.relay-nuovo .relay-menu-testa button,.relay-menu-piede button{background:transparent;color:var(--menu-testo);border-color:var(--menu-bordo)}
.relay-menu-persona{font-size:var(--t-piccola)}
.relay-menu-piede{display:flex;flex-wrap:wrap;gap:var(--s2);padding-top:var(--s3);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--menu-bordo)}
.relay-menu-piede button{flex:1 1 40%}
.relay-presentazione .relay-app{margin-left:0}.relay-nuovo .relay-presentazione .relay-app>main{max-width:none;padding:var(--s4)}
@media(max-width:720px){
 html.relay-nuovo aside.relay-menu-desktop{display:none}.relay-app{margin-left:0}
 html.relay-nuovo .relay-menu-mobile{width:min(var(--menu-larghezza),calc(100vw - var(--s12)))}
 html.relay-nuovo .relay-app>main{padding:var(--s6) var(--s4)}
 html.relay-nuovo .relay-account .relay-avatar{width:var(--tocco);height:var(--tocco)}
 .relay-apri-menu>span{display:none}.relay-testata .relay-account-azioni{gap:0;margin-left:auto}
 html.relay-nuovo .relay-testata{gap:var(--s1);min-height:var(--s16)}
 html.relay-nuovo .relay-percorso{flex:1;min-width:min-content;overflow-wrap:anywhere}
 html.relay-nuovo .relay-ricerca{margin-left:0;padding:var(--s2)}
 html.relay-nuovo .relay-testata .relay-ricerca>span{display:none}
}
@media(max-width:600px){html.relay-nuovo .r2-accesso-frase h1{margin:var(--s4) 0 0}}

/* Il CSS applicativo h2 non deve sostituire il colore cinema della fonte. */
html.relay-nuovo dialog.r3-ingresso .r3-firma-centro h2{color:var(--cinema-testo)}

/* Sites26 presuppone il valore iniziale di justify-content; neutralizza il centro del vecchio guscio. */
html.relay-nuovo :is(.relay-menu-desktop,.relay-menu-mobile) .r2-voce{justify-content:flex-start}

/* Come base.css/identita.css della fonte: gli altri margini del titolo sono zero. */
html.relay-nuovo .r3-firma-centro h2{margin:calc(-1 * var(--s6)) 0 0}
html.relay-nuovo .r3-firma-centro p{margin:var(--s4) 0 0}
@media(max-width:720px){html.relay-nuovo .r3-firma-centro h2{margin-top:calc(-1 * var(--s3))}}

/* Altezze Panoramica originali, minime per non tagliare il testo ingrandito. */
@media(min-width:1200px){html.relay-nuovo .relay-impianto[data-vista="panoramica"] .relay-testata{height:auto;min-height:var(--s16)}}
@media(max-width:720px){html.relay-nuovo .relay-impianto[data-vista="panoramica"] .relay-testata{height:auto;min-height:calc(var(--tocco) + var(--s3))}}

/* Il link resta nella sequenza tastiera; diventa visibile e toccabile al focus. */
html.relay-nuovo .relay-salta:not(:focus){opacity:0;pointer-events:none}
/* Sites26 base.css163–169: il titolo è già nella testata mobile; main compatto. */
@media(max-width:720px){
 html.relay-nuovo .relay-impianto[data-vista="panoramica"] .relay-app>main{padding:var(--s3)}
 html.relay-nuovo .panorama-testa h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0}
}

/* Gerarchia operativa: le stesse misure di Panoramica, senza coinvolgere
   ingresso, marchio, mail ricevute o numeri finanziari. I campi restano16px. */
.relay-impianto:not([data-vista="panoramica"]){--operativo-titolo:2rem;--operativo-sezione:1rem;--operativo-nota:.875rem}
.andamento-metriche{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin:var(--s4) 0}
.andamento-metriche>div{background:var(--superficie);border:1px solid var(--bordo);border-radius:var(--raggio);padding:var(--s4)}
.andamento-metriche dd{margin:var(--s2) 0 0;font-size:var(--t-media);font-weight:600;font-variant-numeric:tabular-nums}
.andamento-stati{list-style:none;padding:0;display:grid;gap:var(--s3)}
.andamento-stati li{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(4rem,3fr) 3ch;gap:var(--s3);align-items:center}
.andamento-barra{height:var(--s2);background:var(--superficie-2);border-radius:var(--raggio);overflow:hidden}
.andamento-barra i{display:block;height:100%;background:var(--marchio)}
@media(max-width:720px){.andamento-metriche{grid-template-columns:1fr 1fr}.andamento-metriche>div:nth-child(2){grid-column:1/-1;grid-row:2}}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main h1{font-size:var(--operativo-titolo);line-height:1.2;margin:0 0 var(--s2)}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main :is(h2,h3){font-size:var(--operativo-sezione);line-height:1.4}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main :is(button,a.tasto,.r2-tasto,summary){font-size:var(--operativo-nota);min-height:var(--tocco)}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main :is(label,dt,.nuovo-percorso,.r2-sottotitolo,.relay-rete-sottotitolo){font-size:var(--operativo-nota)}
html.relay-nuovo .relay-app>main>div[tabindex="-1"]{outline:none}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main :is(input,select,textarea){font-size:var(--t-corpo);min-height:var(--tocco)}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main :is(input[type=checkbox],input[type=radio]){min-height:0}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main :is(.nuovo-carta,.r2-pannello){margin-top:var(--s4)}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main .nuovo-carta:not(.r2-pannello){padding:var(--s4)}
html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main :is(.nuovo-carta,.anagrafica-pannello)>:first-child{margin-top:0}
@media(min-width:1200px) and (max-height:800px){
 .relay-impianto:not([data-vista="panoramica"]){--operativo-titolo:1.25rem}
}
@media(max-width:720px){
 .relay-impianto:not([data-vista="panoramica"]){--operativo-titolo:1.75rem}
 html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) .relay-app>main{padding:var(--s4) var(--s3)}
 html.relay-nuovo .relay-impianto:not([data-vista="panoramica"]) main .nuovo-carta:not(.r2-pannello){padding:var(--s3)}
}
.avatar-utente{overflow:hidden;flex-shrink:0}
.relay-menu-persona{display:flex;align-items:center;gap:var(--s3)}
.avatar-utente svg{display:block;width:100%;height:100%;border-radius:inherit}
.avatar-anteprima{display:flex;align-items:center;gap:var(--s4)}
html.relay-nuovo .avatar-anteprima .avatar-utente{display:grid;place-items:center;width:var(--s16);height:var(--s16);border:1px solid var(--bordo);border-radius:var(--raggio);background:var(--superficie-2);font-size:var(--t-media);font-weight:600}
.avatar-anteprima p{margin:var(--s1) 0;font-size:var(--t-nota);color:var(--testo-2)}
.avatar-catalogo{margin-block:var(--s4)}
.avatar-catalogo fieldset{border:0;padding:0;margin:0}
.avatar-catalogo legend{margin-block:var(--s3);font-size:var(--t-nota)}
.avatar-griglia{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s3);max-height:calc(var(--s16)*7);overflow:auto;overscroll-behavior:contain;padding:var(--s1)}
.avatar-griglia button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;padding:var(--s3);gap:var(--s2);height:100%;text-align:center}
.avatar-griglia svg{width:var(--s16);height:var(--s16);max-width:100%;flex-shrink:0}
.avatar-griglia span{font-size:var(--t-nota);line-height:1.4}
.avatar-griglia small{font-size:var(--t-minuta);color:var(--testo-2);margin-top:auto}
.avatar-griglia button[aria-pressed=true]{border-color:var(--marchio);background:var(--superficie-2);box-shadow:inset 0 0 0 1px var(--marchio)}
@media(max-width:1100px){.avatar-griglia{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.avatar-griglia{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);max-height:calc(var(--s16)*6)}.avatar-griglia button{padding:var(--s2)}}

html.relay-nuovo .scheda-pratica-dialogo{width:calc(100vw - var(--s8));max-width:calc(var(--s16) * 18);max-height:calc(100vh - var(--s8));max-height:calc(100dvh - var(--s8));padding:0;overflow:hidden;border:1px solid var(--bordo);border-radius:var(--raggio);background:var(--superficie);color:var(--testo)}
.scheda-pratica-dialogo::backdrop{background:var(--velo-modale,var(--velo))}
.scheda-pratica-testa{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--bordo);background:var(--superficie)}
.scheda-pratica-testa h2{margin:0;font-size:var(--t-titolo);overflow-wrap:anywhere}.scheda-pratica-testa>div{display:flex;gap:var(--s2);flex-shrink:0}.scheda-pratica-testa button{min-width:var(--tocco);min-height:var(--tocco)}
.scheda-pratica-corpo{max-height:calc(100vh - var(--s8) - var(--tocco) - var(--s8));max-height:calc(100dvh - var(--s8) - var(--tocco) - var(--s8));overflow:auto;overscroll-behavior:contain;padding:var(--s4)}
.scheda-pratica-verifica{padding:var(--s4)}
.schede-pratiche-ridotte{position:fixed;z-index:var(--strato-cassetto);left:calc(var(--menu-larghezza) + var(--s3));right:var(--s3);bottom:calc(var(--fondo-preso) + var(--avvisi-presi) + env(safe-area-inset-bottom) + var(--s3));display:flex;gap:var(--s2);height:calc(var(--tocco) + var(--s6));overflow-x:auto;max-width:calc(100vw - var(--menu-larghezza) - var(--s6))}
.scheda-pratica-ridotta{display:flex;flex:0 0 auto;max-width:calc(var(--s16) * 4);border:1px solid var(--bordo-campo);border-radius:var(--raggio-piccolo);background:var(--superficie);box-shadow:var(--ombra)}
.scheda-pratica-ridotta button{min-height:var(--tocco);min-width:var(--tocco);border:0;background:transparent;color:var(--testo);box-shadow:none}.scheda-pratica-ridotta>button:first-child{display:flex;flex-direction:column;justify-content:center;gap:var(--s1);min-width:0;max-width:calc(var(--s16) * 3);padding:var(--s2) var(--s3);text-align:left}.scheda-pratica-ridotta small{font-size:var(--t-minuta);color:var(--secondario)}.scheda-pratica-ridotta span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-piccola)}
.scheda-pratica-ridotta .scheda-pratica-metadati{display:flex;gap:var(--s2);width:100%;min-width:0}
.scheda-pratica-ridotta .scheda-pratica-metadati>span{font-size:inherit}
.scheda-pratica-ridotta .scheda-pratica-metadati>span:first-child{min-width:0}
.scheda-pratica-ridotta .scheda-pratica-metadati>span:last-child{flex-shrink:0}
.relay-impianto:has(.schede-pratiche-ridotte) .relay-consulenza-ridotta{bottom:calc(var(--fondo-preso) + var(--avvisi-presi) + env(safe-area-inset-bottom) + var(--tocco) + var(--s6) + var(--s6))}
.relay-impianto:has(.schede-pratiche-ridotte) .relay-app>footer{padding-bottom:calc(var(--tocco) * 3 + var(--s8) + env(safe-area-inset-bottom))}
@media(max-width:720px){html.relay-nuovo .scheda-pratica-dialogo{width:calc(100vw - var(--s2));max-height:calc(100vh - var(--s4));max-height:calc(100dvh - var(--s4));margin:auto;padding:0}.scheda-pratica-corpo{max-height:calc(100vh - var(--s4) - var(--tocco) - var(--s8));max-height:calc(100dvh - var(--s4) - var(--tocco) - var(--s8));padding:var(--s3)}.schede-pratiche-ridotte{left:var(--s3);max-width:calc(100vw - var(--s6))}}