/**
 * Password Expiry Check - Stylesheet
 * Additional styles for the password expired page
 */

/* Ensure the page has a light background */
body.task-login {
    background: #f4f4f4;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .password-expired-container {
        margin: 40px 20px !important;
        padding: 30px 20px !important;
    }

    .password-expired-container h2 {
        font-size: 20px !important;
    }
}

/* Focus state improvements for accessibility */
.form-group input:focus {
    outline: 2px solid #37beff;
    outline-offset: 2px;
}

/* Button active state */
.btn-reset:active {
    transform: scale(0.98);
}

/* Error input state */
.form-group input.error {
    border-color: #d9534f;
}

/* Password strength indicator (optional enhancement) */
.password-strength {
    height: 4px;
    border-radius: 2px;
    background: #e0e0e0;
    margin-top: 8px;
    overflow: hidden;
}

.password-strength-bar {
    height: 100%;
    transition: all 0.3s ease;
}

.password-strength-bar.weak {
    width: 33%;
    background: #d9534f;
}

.password-strength-bar.medium {
    width: 66%;
    background: #f0ad4e;
}

.password-strength-bar.strong {
    width: 100%;
    background: #5cb85c;
}