/**
 * Inline status message for captured builder forms.
 *
 * Deliberately minimal and layout-neutral: it inherits the page's own type and
 * only paints a tinted panel, so it reads as part of whatever design the form
 * lives in instead of fighting it. Loaded with build/forms.js, on both the
 * canvas render (enqueued) and the standalone clone render (printed <link>).
 */

.ambld-form-status {
	display: none;
	margin-top: 1em;
	padding: 0.75em 1em;
	border-radius: 8px;
	border: 1px solid transparent;
	font-size: 0.9375em;
	line-height: 1.5;
}

.ambld-form-status.is-success,
.ambld-form-status.is-error {
	display: block;
}

.ambld-form-status.is-success {
	color: #14532d;
	background-color: #f0fdf4;
	border-color: #bbf7d0;
}

.ambld-form-status.is-error {
	color: #7f1d1d;
	background-color: #fef2f2;
	border-color: #fecaca;
}

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

/* A busy submit button should look busy, whatever the page styled it as. */
.ambld-main form button[disabled],
.ambld-main form input[type="submit"][disabled] {
	cursor: progress;
	opacity: 0.7;
}