/* "How can we help?" support-ticket form (behavior: assets/support-form.js,
   backend: worker/src/site-contact.js -- see kb/apps/registry.md). Field
   primitives (.form-row/.form-input/.form-alert, buttons) and tokens come
   from assets/site.css. */

.support-form { display: flex; flex-direction: column; }
.support-form-submit { margin-top: 1.5rem; }

/* Success state replaces the form in the same card. */
.support-form-success { text-align: center; padding: 1rem 0 0.5rem; }
.support-form-success:focus { outline: none; }
.support-success-title { margin-top: 1rem; font-size: 1.25rem; font-weight: 600; color: var(--ink); }
.support-success-text { margin: 0.5rem auto 1.5rem; max-width: 26rem; color: var(--muted); }

@media (min-width: 640px) {
	.support-form-submit { align-self: flex-start; width: auto; min-width: 12rem; }
}