/**
 * Form Error Message Styles
 */
.field-error-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25em;
    display: block;
    padding: 5px 0;
    font-weight: 500;
}

input.has-error,
textarea.has-error,
select.has-error {
    border-color: #dc3545;
    border-left-color: #dc3545;
    border-left-width: 4px;
}

input[aria-invalid="true"],
textarea[aria-invalid="true"],
select[aria-invalid="true"] {
    border-color: #dc3545;
    border-left-color: #dc3545;
    border-left-width: 4px;
}

/* Ensure error messages are visible and accessible */
.field-error-message[role="alert"] {
    display: block !important;
    visibility: visible !important;
}

/* Focus on error field */
input.has-error:focus,
textarea.has-error:focus,
select.has-error:focus {
    outline: 2px solid #dc3545;
    outline-offset: 2px;
}