/*
 * Lista de requisitos de contraseña (guía en vivo).
 * La pinta partials/password-rules.blade.php; la lógica está en
 * public/js/password-rules.js. Va DESPUÉS de style.css.
 */

.password-rules {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .82rem;
    color: #7e7e7e;
}

.password-rules li {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 2px 0;
    transition: color .15s;
}

.password-rules li i {
    width: 13px;
    font-size: .75rem;
}

/* Requisito cumplido */
.password-rules li.ok,
.password-rules li.ok i {
    color: #0da487;
}

/* Sólo se marca en rojo lo que el usuario ya intentó y no cumple */
.password-rules li.fail {
    color: #d33;
}

@media (prefers-reduced-motion: reduce) {
    .password-rules li { transition: none; }
}