/* ==========================================================================
   Indicateur de force du mot de passe, partagé candidat / recruteur / admin
   Palette Rekrufy : jaune #FFB400, vert #16A34A, rouge #DC2626, noir #1A1A1A.
   Volontairement autonome (aucune variable de thème) pour être identique
   dans les trois espaces qui chargent des feuilles différentes.
   ========================================================================== */

.pwd-strength { margin-top: 0.6rem; }

.pwd-strength-bar {
  height: 6px;
  border-radius: 999px;
  background: #E8E8E6;
  overflow: hidden;
}
.pwd-strength-bar span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: #DC2626;
  transition: width 0.25s ease, background 0.25s ease;
}

.pwd-strength.is-medium .pwd-strength-bar span { background: #FFB400; }
.pwd-strength.is-strong .pwd-strength-bar span { background: #16A34A; }

.pwd-strength-label {
  margin-top: 0.35rem;
  font-size: 0.8rem;
  color: #3F3F46;
}
.pwd-strength-label strong { color: #DC2626; }
.pwd-strength.is-medium .pwd-strength-label strong { color: #B27A00; }
.pwd-strength.is-strong .pwd-strength-label strong { color: #16A34A; }
.pwd-strength.is-empty  .pwd-strength-label strong { color: #6B6B6B; }

.pwd-strength-rules {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.pwd-strength-rules li {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #52525B;
  transition: color 0.2s ease;
}
.pwd-strength-rules li i {
  position: static;      /* jamais capturee par un <i> absolu ambiant (ex. .rec-input-icon i) */
  width: 1rem;           /* largeur fixe : les cinq libelles s'alignent sur une meme verticale */
  text-align: center;
  font-size: 0.7rem;     /* coherent avec le texte (0.8rem), taille CONSTANTE entre les etats */
  flex-shrink: 0;
}
.pwd-strength-rules li.is-ok { color: #16A34A; }