/* ============================================================
   Inline validation messages — site-wide look for jQuery Validate errors.

   Pairs with Content/scripts/common/inline-validation.js, which registers these
   classes as the plugin's defaults.

     .inline-error       the message; appended inside the field's container
     .is-invalid         the control itself while it is in error
     .form-error         form-level channel, for server/AJAX failures that belong
                         to no single field (shown/hidden by page code)
============================================================ */
:root {
    --error: #c0392b;
    --field-focus-blue: #1A73E8;
    --field-placeholder-color: #969696;
}

.inline-error {
    display: block;
    width: 100%;
    align-self: stretch;
    text-align: left;
    margin-top: 5px;
    color: var(--error);
    font-size: 12.5px;
    line-height: 1.35;
}

.field.is-invalid,
.form-control.is-invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: var(--error);
}

.form-error {
    display: none;
    margin: 6px 0 10px;
    color: var(--error);
    font-size: 12.5px;
    line-height: 1.4;
}