/* ============================================================================
   AUTH.CSS - Styles spécifiques aux pages d'authentification
   ============================================================================
   
   Ce fichier contient uniquement les styles spécifiques aux pages d'auth.
   Les classes génériques ont été déplacées vers common.css
   
   ============================================================================ */

/* ============================================
   PASSWORD STRENGTH INDICATOR
   ============================================ */
.password-strength {
    margin-top: 0.5rem;
    height: 4px;
    background: var(--color-border, #e2e8f0);
    border-radius: 2px;
    overflow: hidden;
}

.password-strength__bar {
    height: 100%;
    transition: width 0.3s ease, background-color 0.3s ease;
    width: 0%;
}

.password-strength__bar--weak {
    width: 25%;
    background: var(--color-error, #f56565);
}

.password-strength__bar--medium {
    width: 50%;
    background: var(--color-warning, #ed8936);
}

.password-strength__bar--strong {
    width: 75%;
    background: var(--color-info, #4299e1);
}

.password-strength__bar--very-strong {
    width: 100%;
    background: var(--color-success, #48bb78);
}

.password-strength__text {
    display: block;
    font-size: 0.8rem;
    margin-top: 0.25rem;
    color: var(--color-text-light, #718096);
}

/* ============================================
   AUTH-SPECIFIC ANIMATIONS
   ============================================ */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}