/* Pagine di accesso admin (agente Admin-accesso). Solo token del design system. */

.aa-shell{min-height:calc(100dvh - 52px - 2*var(--gap-6));display:grid;place-items:center;padding:var(--gap-5) 0;
  background:radial-gradient(700px 420px at 50% 30%,rgba(217,119,87,.08) 0%,transparent 70%)}
.aa-card{width:100%;max-width:420px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.aa-card-wide{max-width:560px}
.aa-head{margin-bottom:var(--gap-5)}
.aa-head h1{font-size:var(--fs-xl)}
.aa-head p{color:var(--fg2);margin:var(--gap-2) 0 0}
.aa-submit{width:100%}
.aa-alert{border:1px solid var(--hot);color:var(--hot);border-radius:10px;padding:10px 12px;font-size:var(--fs-sm);margin-bottom:var(--gap-4)}
.aa-code{font-family:var(--display);font-size:22px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.aa-foot{margin-top:var(--gap-4);text-align:center}
.aa-link{background:none;border:0;color:var(--fg2);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-decoration:underline;padding:0}
.aa-link:hover{color:var(--fg)}

/* QR: segno lo disegna chiaro su trasparente; invertito su fondo scuro diventa nero su bianco,
   più facile da leggere per tutte le app di autenticazione. */
.aa-qr{display:flex;justify-content:center;margin:var(--gap-4) 0}
.aa-qr-box{border-radius:var(--r-md);overflow:hidden;line-height:0;border:1px solid var(--line);box-shadow:var(--shadow-sm,none)}
.aa-qr-box svg{display:block;width:224px;height:224px;max-width:70vw;max-height:70vw}
.aa-secret{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.08em;
  background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-align:center;
  user-select:all;word-break:break-all}
.aa-steps{margin:0 0 var(--gap-4);padding-left:1.2em;color:var(--fg2);display:grid;gap:6px}
.aa-meta{display:grid;grid-template-columns:auto 1fr;gap:6px var(--gap-4);margin:0 0 var(--gap-5);font-size:var(--fs-sm)}
.aa-meta dt{color:var(--fg3)} .aa-meta dd{margin:0}