/**********************************************
  PRIMUS – PAGE DE CONNEXION (CORRIGÉ)
***********************************************/

/* Remet le fond gris PRIMUS */
body {
  font-family: "Manrope", sans-serif;
  background: #f5f6fa !important;   /* forcé pour éviter le blanc */
  color: var(--text-primary);
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* CENTRAGE */
.fullscreen-center {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

/* CARD */
.card {
  width: 100%;
  max-width: 380px;
  background: white;                    /* Carte blanche */
  padding: 32px 28px;
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  border: 1px solid #e2e4e9;
  text-align: center;
}

/* TITRES */
.card h1 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 6px;
}

.card p {
  color: #6b6f76;
  font-size: 14px;
  margin-bottom: 22px;
}

/* CHAMPS FORMULAIRE */
.field {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 16px;
}

.field label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #6b6f76;
}

.field input,
.field select {
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #e2e4e9;
  background: #fff;
  font-size: 14px;
}

.field input:focus,
.field select:focus {
  outline: none;
  border-color: #4b5bdc;
  box-shadow: 0 0 0 2px rgba(75, 91, 220, 0.15);
}

/* BOUTON */
button[type="submit"] {
  width: 100%;
  margin-top: 4px;
  padding: 12px;
  background: #4b5bdc;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  transition: background .15s;
}

button[type="submit"]:hover {
  background: #3948b3;
}


#changePassBtn {
  width: 100%;
  margin-top: 4px;
  padding: 12px;
  background: #4b5bdc;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  transition: background .15s;
}

#changePassBtn:hover {
  background: #3948b3;
}