/* ─────────────────────────────────────────────────────────────
   Hello Radio — request-a-brand modal
   The Pro-gated "Request a brand" card. Reuses the .modal-backdrop
   / .modal lifecycle and motion from modal.css; only overrides the
   sizing and owns the form styles the card shares with nothing else.
   ───────────────────────────────────────────────────────────── */

.reqbrand-modal {
  /* a compact card, not the 620px detail sheet */
  width: min(420px, 100%);
}

.brand-req-sub {
  margin: 4px 0 14px; font-size: var(--text-md);
  color: var(--text-secondary); line-height: 1.45;
}
.brand-req-form { display: flex; flex-direction: column; gap: 10px; }
.brand-req-submit { width: 100%; cursor: pointer; }
.brand-req-note { margin-top: 12px; font-size: var(--text-md); line-height: 1.45; }
.brand-req-note.ok { color: var(--text); }
.brand-req-note.err { color: var(--danger, #c0362c); }