/* v4.6 Contact delivery states. Scoped to the brief form; the accepted styles.css is unchanged. */

/* The notice for the current delivery state is the only one shown (app.js toggles [hidden]). */
.preview-notice a { color: var(--text); text-underline-offset: 3px; }
.preview-notice--on { border-left-color: var(--cyan); background: var(--cyan-soft); color: var(--text); }
.preview-notice--sim { border-left-color: var(--magenta); }

/* A field that people never see; it stays out of the tab order and the accessibility tree. */
.field--hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; margin: 0; }

.turnstile-slot { margin: 0 0 16px; min-height: 65px; }

/* Sending: the primary button is disabled so one press sends once. */
.brief-form .btn[aria-busy="true"] { cursor: progress; opacity: 0.75; }
.brief-form .btn:disabled { cursor: not-allowed; opacity: 0.6; }
.brief-form .btn[aria-busy="true"]:disabled { cursor: progress; opacity: 0.75; }

.form-status.is-pending { color: var(--text); border-left: 2px solid var(--violet); padding-left: 12px; }
.form-status.is-warn { color: #ffd38f; border-left: 2px solid #ffb547; padding-left: 12px; }
.form-status .form-status__ref { font-family: "IBM Plex Mono", ui-monospace, monospace; white-space: nowrap; }