/* ===== Auth Fullpage Layout ===== */

/* Hintergrund + volle Höhe */
body.auth-page {
  min-height: 100vh;
  /* dein bisheriger Verlauf */
  background:
    radial-gradient(1200px 600px at 50% -100px, rgba(21,112,239,.10), transparent 60%),
    radial-gradient(800px 400px at -200px 50%, rgba(21,112,239,.08), transparent 60%),
    #f5f7fb;
}

/* Das <main> aus inc/header.php hat normalerweise container + my-4.
   Für Auth-Seiten machen wir es randlos, breit und als Flex-Center. */
main.container.my-4 {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Karte zentriert und schmal */
.auth-card {
  width: 100%;
  max-width: 460px;
  border-radius: 16px;
}

/* Abstände im Formular konsistent */
.auth-card .form-label.small {
  font-size: .9rem;
}

/* Google-Button Höhe */
.auth-google-btn {
  height: 44px;
}

/* Divider Linie */
.auth-divider {
  height: 1px;
  background: #e9ecef;
}

/* Kleinere Helfer */
.auth-muted {
  color: #6c757d;
  font-size: .9rem;
}