/* ================================================================
   signature.css — e-signature canvas + public accept page
   ================================================================ */
.public-shell { max-width: 760px; margin: 0 auto; padding: var(--sp-xl) var(--sp-lg); }
.public-brand { text-align: center; margin-bottom: var(--sp-xl); }
.public-brand .biz-name { font-family: var(--heading-font); font-size: 1.6rem; color: var(--dark); }
.public-brand .biz-tag { color: var(--muted); font-size: .85rem; }

.sig-pad-wrap { border: 2px dashed var(--border-strong); border-radius: var(--r-md); background: #fff; position: relative; }
.sig-pad { display: block; width: 100%; height: 180px; touch-action: none; cursor: crosshair; border-radius: var(--r-md); }
.sig-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--faint); pointer-events: none; font-size: .9rem; }
.sig-pad-wrap.signed .sig-placeholder { display: none; }
.sig-tools { display: flex; justify-content: space-between; align-items: center; margin-top: .5rem; }

.accept-confirm {
  text-align: center; padding: var(--sp-2xl); background: var(--success-bg);
  border-radius: var(--r-lg); color: var(--success);
}
.accept-confirm i { font-size: 3rem; display: block; margin-bottom: var(--sp-md); }