/* Passwort-Seiten (12.10.2026): gleiche Karte wie login.php, plus Hinweis/OK/Link. */

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--c-bg);
  padding: var(--sp-5);
  box-sizing: border-box;
}

.login-card {
  width: 100%;
  max-width: 360px;
  background: var(--c-surface);
  border: 1px solid var(--c-line);
  border-radius: var(--radius-lg);
  padding: var(--sp-6) var(--sp-5);
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  box-sizing: border-box;
}

.login-card__logo {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto;
}

.login-card__title {
  text-align: center;
  margin: 0;
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
}

/* Fehlerbanner: helle Grapefruit-Tinte + Grapefruit-Text, gleiche
   Logik wie die Chip-Farbpaare (Tint-Hintergrund + gesaettigter Text). */
.login-card__error {
  background: var(--k-grapefruit-25);
  color: var(--k-grapefruit);
  border-radius: var(--radius-sm);
  padding: var(--sp-3);
  font-size: var(--fs-caption);
}

.login-card__hinweis { margin: 0; font-size: var(--fs-caption); color: var(--c-text-muted, inherit); }
.login-card__ok { margin: 0; background: #e8f5e9; color: #1b7e2e; border-radius: var(--radius-sm); padding: var(--sp-3); font-size: var(--fs-caption); }
.login-card__link { text-align: center; font-size: var(--fs-caption); }