:root{--testo:#0c1446;--tenue:#5b6178;--linea:#dfe2ea;--sfondo:#ffffff;--campo:#f7f8fb;--avviso:#9a3412;--ok:#166534}
*{box-sizing:border-box}
body{margin:0;background:var(--sfondo);color:var(--testo);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--testo);text-decoration:none;font-weight:600}
a:hover{opacity:.75}
.testata{border-bottom:1px solid var(--linea)}
.testata .dentro{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.testata img{height:34px;width:auto;display:block}
.testata nav{display:flex;gap:20px;align-items:center;font-size:15px}
.dentro{max-width:960px;margin:0 auto;padding:0 16px}
main.dentro{padding-top:32px;padding-bottom:64px}
.stretto{max-width:420px}
h1{font-size:26px;line-height:1.25;margin:0 0 8px}
h2{font-size:19px;margin:40px 0 12px}
p.sotto{color:var(--tenue);margin:0 0 28px}
label{display:block;font-weight:600;margin:18px 0 6px}
input[type=text],input[type=email],input[type=password]{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--linea);border-radius:6px;background:var(--campo);color:var(--testo)}
input:focus{outline:2px solid var(--testo);outline-offset:1px;background:#fff}
.aiuto{color:var(--tenue);font-size:14px;margin-top:6px}
button,.pulsante{display:inline-block;font:inherit;font-weight:600;margin-top:24px;padding:11px 20px;border:1px solid var(--testo);border-radius:6px;background:var(--testo);color:#fff;cursor:pointer}
button.secondario{background:#fff;color:var(--testo)}
button.link{background:none;border:0;padding:0;margin:0;color:var(--testo);font-weight:600;cursor:pointer}
.errore{color:var(--avviso);font-size:15px;margin-top:6px}
.messaggio{padding:12px 0;margin-bottom:20px;border-bottom:1px solid var(--linea)}
.messaggio.success{color:var(--ok)}.messaggio.warning,.messaggio.error{color:var(--avviso)}
.riga-link{margin-top:20px;font-size:15px}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--linea);vertical-align:top}
th{color:var(--tenue);font-weight:600;font-size:14px}
.cifre{display:flex;gap:40px;flex-wrap:wrap;margin:8px 0 8px}
.cifre div{min-width:120px}.cifre b{display:block;font-size:30px;line-height:1.1}
.cifre span{color:var(--tenue);font-size:14px}
.attenzione{color:var(--avviso);font-weight:600}
.tenue{color:var(--tenue)}
.qr{width:220px;height:220px;margin:16px 0}.qr svg{width:100%;height:100%}
.segreto{font-family:ui-monospace,Menlo,monospace;letter-spacing:.05em;word-break:break-all}
.codici{columns:2;font-family:ui-monospace,Menlo,monospace;font-size:18px;padding-left:20px}
.barra{display:block;height:6px;background:var(--linea);border-radius:3px;margin-top:6px;max-width:160px}.barra i{display:block;height:6px;background:var(--testo);border-radius:3px}
@media (max-width:640px){
 .testata nav{gap:14px;font-size:14px}.testata img{height:28px}
 table.adatta thead{display:none}
 table.adatta tr{display:block;border-bottom:1px solid var(--linea);padding:10px 0}
 table.adatta td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0}
  table.adatta td .valore{text-align:right}  table.adatta td .valore .barra{margin-left:auto}
 table.adatta td::before{content:attr(data-t);color:var(--tenue);font-weight:600;font-size:14px}
 .codici{columns:1}
}
@media print{.testata nav,button{display:none}}