/* =====================================================================
   Ansicht: anmelden (Vollbild). Schmale, zentrierte Karte mit den drei Schritten
   E-Mail, Code und Authenticator. Farben nur über die Variablen aus app.css.
   ===================================================================== */

body[data-layout='voll'] .haupt { padding: 0; }
.anm { min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: clamp(16px, 5vw, 40px); }
.anm__spalte { width: 100%; max-width: 480px; display: flex; flex-direction: column; gap: 22px; }

.anm__marke { display: flex; align-items: center; gap: 16px; }
.anm__marke img { height: 56px; width: auto; flex: 0 0 auto; }
.anm__marke .logo-hell { display: none; }
.anm__dachzeile { margin: 0 0 2px; font-size: 12px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; color: var(--muted); }
.anm__marke h1 { font-size: clamp(24px, 6vw, 30px); }
:root[data-theme='dark'] .anm__marke .logo-hell { display: block; }
:root[data-theme='dark'] .anm__marke .logo-dunkel { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) .anm__marke .logo-hell { display: block; }
  :root:not([data-theme='light']) .anm__marke .logo-dunkel { display: none; }
}

.anm__karte { border-top: 3px solid var(--orange); padding: clamp(20px, 5vw, 30px); }
.anm__karte h2 { margin-bottom: 14px; }
.anm__fortschritt { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font-size: 12.5px; font-weight: 700; color: var(--muted); }
.anm__balken { display: inline-flex; gap: 5px; }
.anm__balken i { display: block; width: 30px; height: 5px; border-radius: 99px; background: var(--line-2); }
.anm__balken i[data-aktiv='true'] { background: linear-gradient(90deg, var(--orange), var(--orange-2)); }

.anm__lead { color: var(--muted); font-size: 14.5px; }
.anm__formular { display: flex; flex-direction: column; gap: 16px; }
.anm__fehlerort:empty { display: none; }
.anm__einblenden { animation: anm-ein .25s ease-out; }
@keyframes anm-ein { from { opacity: 0; transform: translateY(6px); } }
.anm__adresse { overflow-wrap: anywhere; }

.anm__weitere { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.anm__frage { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; font-size: 14px; color: var(--muted); }
.anm__link[aria-disabled='true'] { color: var(--subtle); cursor: not-allowed; text-decoration: none; }
.anm__zaehler { margin-left: 6px; font-variant-numeric: tabular-nums; }
.anm__fuss { margin: 0; text-align: center; font-size: 12.5px; color: var(--muted); }

/* Authenticator (views/sicherheit.js) steckt in derselben Karte: keine zweite Karte und kein doppelter Rand */
.anm__authenticator .sicherheit { max-width: none; margin: 0; }
.anm__authenticator .sicherheit__karte { border: 0; border-radius: 0; box-shadow: none; background: transparent; padding: 0; }