/* Shared field-level validation message styling - used on every page with
   a form (Resources, Contact Us, Grievance, Careers, Withdraw Consent).
   Loaded once, site-wide, from _Layout.cshtml so per-field error messages
   look identical everywhere - do not copy these rules into a page's own
   <style> block; edit only this file.

   Each invalid textbox/select/textarea gets its own dedicated message
   directly under it (an element with class "text-danger", either an
   asp-validation-for span on Contact Us/Grievance or a plain id'd span on
   Resources/Careers/Withdraw Consent) instead of relying on the browser's
   native "Please fill out this field" tooltip or a shared popup. This file
   only standardizes color/spacing - it does not change which library
   populates the text (jquery.validate.unobtrusive on Contact Us/Grievance,
   plain JS elsewhere). */

.text-danger {
    display: block;
    color: #c0392b;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 4px;
    min-height: 0;
}

.text-danger:empty {
    margin-top: 0;
}

/* Optional pairing on the field itself once it has an error - applied by
   each page's own JS alongside setting the message text, never required
   for the message to display correctly on its own. */
.form-control.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: #c0392b;
}

.form-control.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
    border-color: #c0392b;
    box-shadow: 0 0 0 0.1rem rgba(192, 57, 43, 0.25);
}