/* ===============================
   GENOTE - Pages d'authentification
   =============================== */

.auth-page {
  min-height: 100vh;
  background: radial-gradient(
      circle at top left,
      var(--genote-orange-soft),
      transparent 55%
    ),
    radial-gradient(circle at bottom right, #dbeafe, transparent 50%),
    linear-gradient(135deg, #f5f7fb 0%, #ffffff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-card {
  max-width: 420px;
  width: 100%;
  border-radius: 1rem;
  box-shadow: var(--genote-shadow-soft);
  background-color: #ffffff;
  overflow: hidden;
}

.auth-card-header {
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.auth-card-header .logo-circle {
  width: 50px;
  height: 50px;
  background: radial-gradient(
    circle at 30% 30%,
    var(--genote-orange),
    var(--genote-primary)
  );
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.3rem;
}

.auth-card-header h1 {
  font-size: 1.2rem;
  margin-bottom: 0.15rem;
}

.auth-card-header p {
  margin-bottom: 0;
  font-size: 0.85rem;
  color: var(--genote-muted);
}

.auth-card-body {
  padding: 1.5rem;
}

.auth-card-footer {
  padding: 1rem 1.5rem 1.3rem;
  font-size: 0.8rem;
  color: var(--genote-muted);
}

/* Bouton connexion principal */
.btn-auth-primary {
  width: 100%;
  border-radius: 999px;
  padding: 0.55rem 1rem;
  background: linear-gradient(
    135deg,
    var(--genote-primary-soft),
    var(--genote-primary)
  );
  border: none;
  color: #ffffff;
  font-weight: 600;
}

.btn-auth-primary:hover {
  filter: brightness(1.05);
  color: #ffffff;
}

/* Champs */
.auth-card .form-control {
  border-radius: 999px;
}