.signature-field{margin:20px 0}.signature-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.875rem;font-weight:650}.signature-heading>div{display:flex;gap:12px}.signature-tool{border:0;background:transparent;color:#526580;padding:4px 0;font-size:.75rem;text-decoration:underline;text-underline-offset:3px}.signature-paper{position:relative;overflow:hidden;border:1px solid #cbd5e5;border-radius:10px;background:#fff}.signature-paper:focus-within{outline:2px solid #7095c4;outline-offset:2px}#signature-canvas{display:block;width:100%;height:auto;aspect-ratio:2.5;touch-action:none;cursor:crosshair}#signature-canvas:focus-visible{outline:0}.signature-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;font-size:.9375rem;color:#8a96a8;letter-spacing:.06em;font-weight:400}.signature-placeholder small{font-size:.75rem;margin-top:8px;letter-spacing:0;color:#9aa4b4}.signature-hint{font-size:.75rem;color:var(--muted);line-height:1.7;margin-top:9px}.signature-error{font-size:.8125rem;color:#a13737;margin-top:8px}.donor-signature{display:block;width:180px;max-width:100%;height:66px;object-fit:contain;object-position:left center;background:white}.admin-signature{display:block;width:140px;height:55px;object-fit:contain;object-position:left center;background:#fff}.donation-item:has(.donor-signature) .donor-avatar{background:#edf4e6;color:#4e7334}.donation-item:has(.donor-signature){align-items:center}
@media(max-width:560px){.donor-signature{width:145px;height:56px}.signature-placeholder{font-size:.875rem}.signature-heading{font-size:.8125rem}.donation-item:has(.donor-signature) .donor-amount{min-width:60px}.signature-tool{padding:6px 0}}
.identity-field{margin-top:18px}.identity-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.identity-modes label{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d5ddeb;border-radius:8px;padding:10px 8px;font-size:.8125rem;cursor:pointer}.identity-modes label:has(input:checked){background:#f1f8e4;border-color:#7d9955;color:#315819}.identity-modes input[type=radio]{width:15px;height:15px;display:inline-block;margin:0;padding:0;accent-color:#42642a;flex-shrink:0}.identity-field .signature-field{margin:16px 0 8px}.identity-field .name-field{margin:14px 0}.name-field .signature-hint{display:block;margin-top:8px;font-weight:400}