/* doc-project | cuisine/assets/css/auth-gate.css | Définit le style dédié de la passerelle d’authentification cuisine avec overlay, carte de connexion, message de retour et état d’erreur. | Expose: aucun | Dépend de: cuisine/index.php, cuisine/assets/js/_authGate.js, styles boutons de cuisine.css | Impacte: UI de la vue de connexion cuisine, lisibilité du formulaire, feedback visuel d’authentification | Tables: aucune */

.k-authgate {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 23, 42, 0.72);
  backdrop-filter: blur(4px);
}

.k-authgate__card {
  width: min(100%, 460px);
  padding: 24px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 18px;
  background: #111827;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.k-authgate__title {
  margin: 0 0 8px;
  color: #f8fafc;
  font-size: 1.5rem;
  line-height: 1.2;
}

.k-authgate__subtitle,
.k-authgate__hint,
.k-authgate__notice,
.k-authgate__error {
  margin: 0 0 14px;
  line-height: 1.45;
}

.k-authgate__subtitle,
.k-authgate__hint {
  color: #cbd5e1;
}

.k-authgate__notice {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(34, 197, 94, 0.12);
  color: #bbf7d0;
}

.k-authgate__field {
  display: block;
  margin-bottom: 8px;
  color: #e5e7eb;
  font-weight: 700;
}

.k-authgate__input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 12px;
  background: #0f172a;
  color: #f8fafc;
  font: inherit;
  box-sizing: border-box;
}

.k-authgate__input:focus {
  outline: 2px solid rgba(96, 165, 250, 0.5);
  outline-offset: 2px;
}

.k-authgate__actions {
  display: flex;
  justify-content: flex-end;
  margin: 16px 0 12px;
}

.k-authgate__button {
  min-width: 120px;
}

.k-authgate__error {
  margin-bottom: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(239, 68, 68, 0.14);
  color: #fecaca;
  font-weight: 700;
}