/* CoopMate: accesso, registrazione, recupero password (prefisso auth-), RD-7e. Si carica dal blocco page_css.
   Solo var(--ui-*), nessun colore letterale. Budget della pagina: 4 KB gzip (lo controlla tests/twig_smoke.php). */

.auth { display: grid; justify-items: center; margin-block: var(--ui-space-6); }
.auth-card { width: 100%; max-width: 28rem; display: grid; gap: var(--ui-space-5); }
.auth-card > * { margin: 0; min-width: 0; }
.auth-head { display: grid; gap: var(--ui-space-2); justify-items: start; }
.auth-head > * { margin: 0; }
.auth-head .ui-icon { color: var(--ui-accent); }
.auth-form { display: grid; gap: var(--ui-space-4); }
.auth-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ui-space-2) var(--ui-space-4); }
.auth-foot { color: var(--ui-ink-muted); font-size: var(--ui-text-sm); text-align: center; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }