/* ─────────────────────────────────────────────────────────────────────────
   partner.css — the few rules the partner screen needs on top of book.css.

   Deliberately small: the partner page reuses the booking front's type,
   colours, cards and form controls so the two surfaces look like one company.
   Anything here that could live in book.css should — this file exists for what
   is genuinely specific to the credit screen.

   No inline `style=` attributes anywhere on this page, for the same reason as
   CSS.F1: the booking vhost's CSP is `style-src 'self'` with no
   'unsafe-inline', and an attribute cannot carry a nonce.
   ───────────────────────────────────────────────────────────────────────── */

/* The balance headline: the one number a partner opens this page to see. */
#balBox { display: block; }
#balBig { margin: 0 0 4px; }

/* The QR. Fixed box so the layout does not jump when the image arrives, and
   a light frame so a dark-on-white code stays scannable on a dark phone. */
#shareQr {
  display: block;
  margin: 12px 0;
  background: #fff;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  width: 180px;
  height: 180px;
}

/* The share message is quoted text the partner will paste, so it reads as a
   message rather than as UI chrome. */
#shareMsg {
  max-height: none;
  font-size: 15px;
  line-height: 1.5;
}

/* The claim link under the QR — long, and it must wrap rather than push the
   card sideways on a phone. `.mono` already breaks words; this adds room. */
#shareLink { margin-top: 10px; }

/* The voucher list reuses `.svc` rows from book.css; they are not clickable
   here, so remove the affordance that says they are. */
#voucherList .svc { cursor: default; }
#voucherList .svc:hover { border-color: var(--border); }
