/* feedback.css: the /feedback form (lane FEEDBACK). Atoms from theme.css only: the card (Stat_Panel),
   the search box frame on the inputs (UIWrappedSearchBar), .btn / .btn-primary. No colour literals. */
.fb-form { display: flex; flex-direction: column; gap: var(--sp-1); max-width: 44rem; }
.fb-form .fb-field { margin-top: var(--sp-2); color: var(--fg); }
.fb-form .fb-field:first-child { margin-top: 0; }
.fb-form select, .fb-form input[type="text"], .fb-form textarea { width: 100%; box-sizing: border-box; }
.fb-form textarea { min-height: 12rem; resize: vertical; padding: 4px 8px; }
.fb-form textarea::placeholder { color: var(--c-ink-soft); opacity: 1; }
.fb-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-3); }
.fb-actions .btn { cursor: pointer; }
.fb-actions .btn[disabled] { cursor: progress; opacity: 0.7; }
.fb-status { min-height: var(--lh-s); margin: var(--sp-1) 0 0; }
/* honeypot: off screen, out of the tab order, hidden from screen readers (aria-hidden on the box) */
.fb-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }