/* Bid Desk forms. Loaded after /styles.css; inline styles are blocked by the site CSP.
   Colors follow the site's light and dark variables. */
:root { --bd-note: #f4f6fa; --bd-field: #ffffff; --bd-border: #b9c3d3; --bd-red: #d0202b; }
@media (prefers-color-scheme: dark) {
  :root { --bd-note: #16213a; --bd-field: #111a2b; --bd-border: #3a4a66; --bd-red: #ff6b73; }
}
.bd-form { max-width: 640px; margin: 24px 0 48px; }
.bd-form label { display: block; font-weight: 600; margin: 18px 0 6px; color: var(--ink); }
.bd-form .hint { display: block; font-weight: 400; font-size: 14px; color: var(--muted); margin-top: 2px; }
.bd-form input, .bd-form textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 10px 12px; border: 1px solid var(--bd-border); border-radius: 4px; background: var(--bd-field); color: var(--ink); }
.bd-form textarea { min-height: 110px; resize: vertical; }
.bd-form input:focus, .bd-form textarea:focus { outline: 2px solid var(--line); outline-offset: 1px; }
.bd-form button { margin-top: 24px; }
.bd-note { border-left: 4px solid var(--bd-red); background: var(--bd-note); color: var(--ink); padding: 12px 16px; margin: 20px 0; border-radius: 0 4px 4px 0; max-width: 640px; }
.bd-status { margin-top: 16px; font-weight: 600; min-height: 1.5em; }
.bd-status.err { color: var(--bd-red); }
.bd-status.ok { color: var(--ink); }
.bd-who { color: var(--muted); font-size: 15px; }