.auth-card.card{
  border: 1px solid var(--panel-border);
  border-radius: 1rem;
  background: var(--panel);
}
.auth-card .form-control:focus{
  box-shadow: none;
  border-color: rgba(var(--bs-primary-rgb), .4);
}
#togglePass{ padding: 0; }


.alert-info {
  --bs-alert-color:#2b251d !important;
  --bs-alert-bg:#fcefcf !important;
  --bs-alert-border-color:#d09f94 !important;
  --bs-alert-link-color:#000 !important;
}


a {
  color:rgb(37, 57, 87) !important;
}



/* Carte du login */
.auth-card.card {
  border: 1px solid var(--panel-border);
  border-radius: 1rem;
  background: var(--bs-body-bg); /* clair pour contraster avec le fond sombre */
}

/* Form control focus */
.auth-card .form-control:focus {
  box-shadow: none;
  border-color: rgba(var(--bs-primary-rgb), .4);
}

/* Logo */
.auth-logo img {
  max-height: 80px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.5));
}

.auth-outer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;  /* ⬅️ place le contenu en haut */
  min-height: 100vh !important;
  padding-top: 5vh !important;          /* espace au-dessus */
  background: transparent !important;
}

/* Fond sombre avec dégradé subtil */
body, .auth-outer, auth-wrap {
  background: linear-gradient(135deg, #0f172a 0%, #111827 100%);
  padding: 24px;
}

/* Carte du login (blanche pour contraste) */
.auth-card.card {
  border: 1px solid var(--panel-border);
  border-radius: 1rem;
  background: #fff;
}

/* Bouton principal en bleu nuit */
.btn-primary {
  background-color: #111827 !important;
  border-color: #111827 !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #1e293b !important; /* un peu plus clair pour hover */
  border-color: #1e293b !important;
}


/* Forcer labels en foncé */
.auth-card .form-label, .form-check-label {
  color: #111827 !important; /* bleu nuit utilisé ailleurs */
  font-weight: 500;
}

/* Bouton de login */
.auth-card .btn-primary {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  border: none;
  color: #fff;
}

/* Bouton "Afficher" du champ mot de passe */
#togglePass {
  color: #55678e !important;   /* bleu nuit */
  font-weight: 500;
}

/* Lien "Mot de passe oublié ?" */
.auth-card a.small {
  color: #55678e !important;   /* bleu nuit */
  text-decoration: none;
}

.auth-card a.small:hover {
  text-decoration: underline;  /* un petit feedback au survol */
}

body.login-page {
  background: #000428;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  min-height: 100vh;
}