/* =========================================
= COMPOSANT — JAUGE DE FORCE DU MOT DE PASSE (.nl-pass-strength)
= Barre de 4 segments + libellé. DOM CRÉÉ par assets/js/pass-strength.js
= (pas de markup dans les templates). Bloc autonome, réutilisable (password-toggle
= n'en dépend plus). États pilotés par is-weak/fair/good/strong (JS pass-strength.js).
========================================= */
.nl-pass-strength {
  margin-top: 0.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.nl-pass-strength--bar {
  display: flex;
  gap: 0.25rem;
  height: 6px;
}
.nl-pass-strength--seg {
  flex: 1 1 0;
  background: var(--primary-40);
  border-radius: 1px;
  transition: background .2s ease;
}
.nl-pass-strength.is-weak   .nl-pass-strength--seg:nth-child(-n+1) { background: var(--danger); }
.nl-pass-strength.is-fair   .nl-pass-strength--seg:nth-child(-n+2) { background: var(--warning); }
.nl-pass-strength.is-good   .nl-pass-strength--seg:nth-child(-n+3) { background: var(--warning); }
.nl-pass-strength.is-strong .nl-pass-strength--seg                 { background: var(--success); }

.nl-pass-strength--label {
  font-size: var(--text-xs);
  color: var(--primary-60);
}
.nl-pass-strength.is-weak   .nl-pass-strength--label { color: var(--danger); }
.nl-pass-strength.is-fair   .nl-pass-strength--label { color: var(--warning); }
.nl-pass-strength.is-good   .nl-pass-strength--label { color: var(--warning-c); }
.nl-pass-strength.is-strong .nl-pass-strength--label { color: var(--success); }