/* Forgot password page specific styles - subtle additions to app.css */

.auth-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.reset-password-field.reset-valid .form-control {
    background-color: #effaf1;
    border-color: #9fd8ab;
    box-shadow: 0 0 0 0.15rem rgba(75, 171, 92, 0.12);
}

.reset-password-field.reset-invalid .form-control {
    background-color: #fff1f1;
    border-color: #e3a2a2;
    box-shadow: 0 0 0 0.15rem rgba(204, 88, 88, 0.12);
}

.reset-password-field .reset-password-toggle {
    min-width: 5.5rem;
}

#resetPasswordButton:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}