/* ── Typed-signature fonts (self-hosted, no CDN call) ─────────────────────────
   The five script faces offered in the typed-signature picker (ESignSigCapture
   Type mode). Self-hosted under /fonts/ per the house pattern (like the bundled
   pdf.js), so the capture never calls a font CDN and font-src 'self' covers it.
   @font-face is lazy — the woff2 is only fetched when a face is actually rendered
   (i.e. when the picker shows), so declaring this globally costs nothing elsewhere.

   Licenses vendored beside the fonts: SIL OFL 1.1 for Great Vibes, Dancing Script,
   Allura, Caveat (OFL-*.txt); Apache License 2.0 for Homemade Apple
   (LICENSE-homemade-apple-APACHE2.txt). All permit commercial use + rendering into
   documents; we only ever rasterize them to images, never embed the font in a PDF. */

@font-face {
  font-family: 'Great Vibes';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/great-vibes.woff2') format('woff2');
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/dancing-script.woff2') format('woff2');
}
@font-face {
  font-family: 'Allura';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/allura.woff2') format('woff2');
}
@font-face {
  font-family: 'Homemade Apple';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/homemade-apple.woff2') format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/caveat.woff2') format('woff2');
}

/* ── Typed-signature font picker (ESignSigCapture Type mode; injected by the JS) ──
   A dropdown of the five faces; the live preview below renders the typed text in the
   selected face. Compact, full-width on mobile. */
.sig-font-field {
  display: flex; align-items: center; gap: 10px; margin: 8px 0 10px;
}
.sig-font-label {
  font-size: 0.78rem; font-weight: 600; color: var(--muted, #7a7268); flex: 0 0 auto;
}
.sig-font-select {
  flex: 1 1 auto; min-width: 0; max-width: 260px;
  border: 1.5px solid var(--line, #e2d9c8); border-radius: 9px; background: #fff;
  padding: 8px 12px; font-size: 1.05rem; color: var(--ink, #1b2430); cursor: pointer;
}
.sig-font-select:focus { outline: none; border-color: var(--seal, #C8382A); box-shadow: 0 0 0 3px rgba(200,56,42,.14); }
@media (max-width: 480px) { .sig-font-select { max-width: none; } }