/* <Signature /> — default styling, lm-signature-* convention */
.lm-signature {
    display: inline-block;
}

.lm-signature .lm-signature-canvas {
    display: block;
    background: var(--lm-background-color, #fff);
    border: 1px solid var(--lm-border-color, #e4e4e7);
    border-radius: var(--lm-radius, 6px);
    cursor: crosshair;
    touch-action: none; /* the pad owns touch gestures while drawing */
    user-select: none;
}

.lm-signature.lm-signature-disabled .lm-signature-canvas {
    cursor: not-allowed;
    opacity: 0.45;
    background: var(--lm-background-color-header, #f8fafc);
}

.lm-signature .lm-signature-clear {
    display: block;
    margin-top: 6px;
    padding: 4px 10px;
    font: 12px/1.4 system-ui, sans-serif;
    color: var(--lm-font-color, #1e293b);
    background: var(--lm-background-color, #fff);
    border: 1px solid var(--lm-border-color, #e4e4e7);
    border-radius: var(--lm-radius, 6px);
    cursor: pointer;
}

.lm-signature .lm-signature-clear:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.lm-signature .lm-signature-instructions {
    font: 12px/1.4 system-ui, sans-serif;
    color: var(--lm-font-grayout, #64748b);
    margin-top: 6px;
    text-align: center;
}