/* /login/reset/css/style.css */
#password-criteria {
    font-size: 0.85rem;
    padding-left: 0;
}

#password-criteria li {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
    transition: color 0.3s ease;
    color: #6c757d;
    /* Default gray color */
}

#password-criteria li.valid {
    color: #198754;
    /* Bootstrap success green */
}

#password-criteria .material-symbols-outlined {
    font-size: 1.1em;
    margin-right: 0.5rem;
    font-variation-settings: 'FILL' 0;
    transition: font-variation-settings 0.3s ease;
}

#password-criteria li.valid .material-symbols-outlined {
    font-variation-settings: 'FILL' 1;
}

#password-strength-bar {
    transition: width 0.3s ease, background-color 0.3s ease;
}