/*
 * Response states for the contact lead forms (public/js/lead-forms.js).
 *
 * Upstream's forms never submitted anywhere, so its stylesheets have no rule
 * for a server response. The /contact page already styles .form-status in
 * contact.css; the modal had no status line at all, so its rule reuses the
 * declarations from contact.css. Kept outside web-assets/ so `frontend:sync`
 * cannot overwrite it. Loaded from both web layouts.
 */
.modal .form .form-status {
    margin: 0;
    color: #1f7a56;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.modal .form .form-status:empty {
    display: none;
}

.form-status.is-error,
.modal .form .form-status.is-error {
    color: var(--red);
}

/* Write For Us shows its status in the grey note under the button. The red is
   the one write-for-us.css uses for invalid fields. */
.write-for-us-page .wfu-form-secure.is-error {
    color: var(--red, #cd0f36);
}

[data-lead-form] [aria-invalid="true"] {
    border-color: var(--red);
}