/* Note: Dynamic colors are NOT in this file, only static CSS. */

/* General Styles */
#close-popup:hover {
    opacity: 1 !important;
}

/* Focus Styles (Uses default accent color) */
#reset-email:focus {
    outline: none;
    /* Static CSS fallback, dynamic colors are injected separately */
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 3px rgba(139,92,246,0.15);
}

/* Button Hover Styles (Uses default accent color for shadow) */
#password-reset-form button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(139,92,246,0.4) !important;
}

#password-reset-form button[type="submit"]:active {
    transform: translateY(0);
}

/* Success Message Styles (Default colors) */
#reset-message {
    /* Base styling for the message container */
    font-size: 14px;
}
#reset-message.success {
    /* Static CSS fallback, dynamic colors are injected separately */
    background: rgba(139,92,246,0.15) !important;
    color: #8b5cf6 !important; 
    border: 1px solid rgba(139,92,246,0.3) !important; 
}

/* Error Message Styles (Default colors) */
#reset-message.error {
    background: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}