/*
 * Fallwerk – Anmeldeansicht und TOTP-Einrichtung beim ersten Login.
 * Aus layout.css ausgelagert (B2b, Dateigröße); Inhalt unverändert.
 */

/* Anmeldeansicht */
.login {
  display: grid;
  align-items: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: var(--space-5) var(--space-4);
}

.login__card {
  width: 100%;
  max-width: 26rem;
  margin-inline: auto;
  padding: var(--space-5);
  background: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-surface);
  box-shadow: var(--shadow-card);
}

.login__card > * + * {
  margin-top: var(--space-3);
}

.login__brand {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-strong);
  color: var(--color-primary);
}

.login .field input {
  width: 100%;
}

/* TOTP-Einrichtung beim ersten Login (DEC-083): QR-Code in fester Breite; der Schlüssel nutzt die Codeanzeige recovery-code. */
.totp-setup__qr svg {
  display: block;
  width: min(100%, calc(var(--space-7) * 5));
  height: auto;
  margin-inline: auto;
}

.noscript-hint {
  padding: var(--space-4);
  color: var(--color-danger);
}