/* ── REGISTRAZIONE E ACCESSO (2/10/2026, decisione D4) ─────────────────────
   Le pagine dell'account sull'etichetta di copertina del Profilo
   (.etichetta-c, .eti-r, .eti-s.stampato, .eti-v di style.css), usata
   com'e': qui solo quello che serve perche' una riga dell'etichetta porti
   un campo da scrivere. Una colonna a sinistra, niente riquadri, l'indaco
   per l'azione e il rosso per l'errore. Il prefisso acc- non tocca le
   classi di prima. */

/* una colonna, allineata a sinistra: il marchio, il titolo, i link */
.acc .ing-marca { justify-content: flex-start; }
.acc .ing-marca a { min-height: 44px; align-items: center; }
.acc > .testata, .acc .ing-sotto, .acc .ing-dentro { text-align: left; }
.acc .testata .sottotesta { margin-top: 6px; }

/* il modulo non e' piu' un riquadro: l'etichetta e' il riquadro */
.acc-modulo { margin-top: var(--sp4); }
.acc-etichetta { flex: none; }

/* la riga col campo: il nome stampato a sinistra, il campo scritto sulla
   riga, alto 44 (16px perche' iPhone non ingrandisca la pagina al tocco) */
.acc-r { align-items: flex-start; padding: 2px 0; min-height: 48px; }
/*  il nome stampato all'altezza del campo (i primi 44 della riga), anche
    quando sotto il campo c'e' l'errore  */
.acc-r .eti-s.stampato { align-self: flex-start; display: flex; align-items: center; min-height: 44px; }
.acc-campo { display: block; width: 100%; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: transparent; font: inherit; font-size: 16px; color: var(--ink); }
.acc-campo::placeholder { color: var(--ink-3); opacity: 1; }
.acc-campo:focus { outline: none; }
.acc-r:focus-within { box-shadow: inset 0 -2px 0 var(--primary); }
.acc-campo[type=date] { appearance: none; -webkit-appearance: none; min-width: 0; text-align: left; }
.acc-nota { text-transform: none; letter-spacing: 0; }

/* l'errore: in rosso, sotto il campo a cui si riferisce */
.acc-errore { margin: 0 0 8px; font-size: 13px; line-height: 1.4; color: var(--error); }
.acc-generale { margin: var(--sp4) 0 0; }
.acc-r.errata { box-shadow: inset 0 -2px 0 var(--error); }

/* le note sotto l'etichetta */
.acc-sotto-eti { margin-top: 8px; }

/* la casella dei Termini, com'era nel testo: alta 44, la casella sulla
   prima riga del testo */
.acc-spunta { min-height: 44px; align-items: flex-start; padding: 12px 0 4px; margin-top: 4px; }
.acc-spunta .scelta-c { margin-top: 0; }
.acc-spunta + .acc-errore { margin-top: 2px; }

/* l'unico bottone pieno, largo quanto la colonna */
.acc-modulo .azione { width: 100%; margin-top: var(--sp4); }

/* sotto i 360 l'etichetta va sopra il campo (la regola di style.css): il
   nome e il campo partono entrambi da sinistra */
@media (max-width: 359px) {
  .acc-r { align-items: stretch; padding-top: 8px; }
  .acc-r .eti-s.stampato { align-self: flex-start; min-height: 0; }
}

/* i link sotto il bottone: bersagli da 44, a sinistra */
.acc .ing-dentro { margin-top: 4px; }
.acc .ing-dentro .link-testo, .acc .ing-sotto .link-testo { min-height: 44px; display: inline-flex; align-items: center; }
.acc .ing-sotto { margin-top: 8px; }

/* le altre pagine dell'account: una frase sotto il titolo, un bottone */
.acc .testata .oli { display: block; margin-bottom: 10px; }
.acc-frase { margin-top: 8px; }
.acc-bottone { margin-top: var(--sp4); width: 100%; }
.acc > .sottotesta { margin-top: 0; }

/* la classe in arrivo (17/10): chi viene dal link di una classe legge in
   cima in che classe sta entrando. Una frase sulla carta, il filo sotto la
   separa dal titolo; il nome della classe in inchiostro pieno, il link in
   indaco come gli altri dell'account. */
.acc-classe { margin: var(--sp2) 0 var(--sp4); padding-bottom: var(--sp3); border-bottom: 1px solid var(--line);
  font-size: 15px; line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
.acc-classe b { font-weight: 600; color: var(--ink); }
/*  il link sta nella frase: in linea, e il bersaglio arriva a 44 col
    padding verticale, che non sposta le righe  */
.acc-classe .link-testo { display: inline; min-height: 0; font-size: inherit; padding: 11px 0; margin: -11px 0; }

/* «Controlla la tua email» per chi non ha confermato (20/10): l'indirizzo
   in inchiostro pieno, che va a capo anche se lungo; «Cambia indirizzo» e'
   un link come «Invia di nuovo», e sotto si apre il modulo del cambio */
.acc-indirizzo { font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.acc-refuso { margin-top: var(--sp3); font-size: 15px; line-height: 1.5; color: var(--ink); text-wrap: pretty; }
.acc .oa-nota.acc-frase { margin-top: var(--sp3); }
.acc-cambio { margin-top: 4px; }
.acc-cambio > summary { list-style: none; min-height: 44px; display: inline-flex; align-items: center; cursor: pointer;
  -webkit-tap-highlight-color: transparent; touch-action: manipulation; user-select: none; }
.acc-cambio > summary::-webkit-details-marker { display: none; }
.acc-cambio > .acc-modulo { margin-top: var(--sp2); }
.acc-cambio .azione.vuota { width: 100%; margin-top: var(--sp4); }