/* ============================================================
   field-validation.css
   Single shared rule for per-field validation messages, used by
   every form / modal across the project. Mirrors the existing
   design tokens (warning-red / rose-blush).

   The rule targets both the ASP.NET unobtrusive spans
   (.field-validation-error) and the lightweight fallback spans
   ([data-field-error-for]) so spacing is identical everywhere.
   ============================================================ */

.field-validation-error,
[data-field-error-for] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: #c8102e;
    text-align: right;
}

.field-validation-error:empty,
[data-field-error-for]:empty {
    display: none;
}

.field-validation-valid {
    display: none;
}

input.input-error,
input.input-validation-error,
textarea.input-error,
textarea.input-validation-error,
select.input-error,
select.input-validation-error {
    border-color: #c8102e;
}