/* SugarSlay — modules/register/css/register.css */

/* Medidor de contraseña: una barra, sin letreros. Una lista de requisitos
   ("una mayúscula, un número, un símbolo") es un muro; una barra que se llena
   empuja a mejorarla sin regañar a nadie. */
.pw-meter {
  display: block; height: 4px; margin-top: 8px;
  border-radius: 2px; background: var(--border); overflow: hidden;
}
.pw-meter i { display: block; height: 100%; width: 0; background: var(--danger); transition: width .2s ease, background .2s ease; }
.pw-meter[data-level="2"] i { background: var(--warning); }
.pw-meter[data-level="3"] i { background: var(--success); }
.pw-meter[data-level="4"] i { background: var(--accent); }

/* El campo que ya se comprobó y está libre. */
.field.is-free .input { border-color: var(--success); }
.field.is-free .field-hint { color: var(--success); }