.signature-modal { max-width: 760px; width: calc(100% - 32px); }
.signature-modal .modal-content { padding-bottom: 8px; }
.signature-methods { display: flex; gap: 8px; margin: 18px 0 12px; }
.signature-panel { min-height: 240px; }
.signature-canvas-wrap,
.signature-preview-frame { background: #fff; border: 1px solid #c7ccd5; border-radius: 6px; margin: 8px 0 12px; overflow: hidden; }
.signature-canvas-wrap { touch-action: none; }
#signature-draw-canvas { cursor: crosshair; display: block; height: auto; max-height: 220px; width: 100%; }
.signature-preview-frame { align-items: center; display: flex; justify-content: center; min-height: 120px; padding: 10px; }
.signature-preview-frame img { display: block; max-height: 160px; max-width: 100%; object-fit: contain; }
.signature-current { margin-top: 14px; }
.signature-status { min-height: 24px; padding: 8px 0; }
.signature-status.error { color: #c62828; }
.signature-status.success { color: #2e7d32; }
.signature-modal.busy .modal-footer button,
.signature-modal.busy .signature-methods button,
.signature-modal.busy #signature-clean-photo { pointer-events: none; opacity: .65; }
@media (max-width: 600px) {
	.signature-modal { max-height: 92%; top: 4% !important; width: calc(100% - 16px); }
	.signature-modal .modal-content { padding: 18px; }
	.signature-methods { align-items: stretch; flex-direction: column; }
}