/* Aggiunte per il gestionale vero (sopra agli stili del simulatore) */
h1{font-family:var(--font-display);font-size:30px;margin:0;letter-spacing:-.01em;text-wrap:balance}
.sub{margin:4px 0 0;color:var(--muted)}
.pubblica{min-height:100vh;display:grid;place-items:center;background:var(--side);padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.accesso{width:100%;max-width:440px;background:var(--surface);color:var(--ink);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.accesso .brand b{color:var(--ink)}.accesso h1{font-size:24px}
.accesso form{display:flex;flex-direction:column;gap:12px}
.banner.errore{background:var(--red-b);color:var(--red-t)}.banner.ok{background:var(--green-b);color:var(--green-t)}.banner{background:var(--blue-b);color:var(--blue-t)}
.soc-form{display:flex;gap:6px;padding:4px 6px 10px}
.soc-select{flex:1;min-width:0;min-height:40px;border-radius:10px;border:0;padding:0 10px;font-weight:700;background:var(--c);color:#fff}
.chiave{font-family:var(--font-mono);font-size:17px;letter-spacing:.08em;background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;padding:12px;word-break:break-all;user-select:all}
.passi{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.pagine{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
.tbl .giac{background:var(--teal-b)}.tbl .riv{background:var(--violet-b)}
.inline{display:inline-flex;gap:6px;align-items:center}
.inline input{width:90px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}