/* assets/css/contracts.css - */
.eh-signature-wrap {
    cursor: crosshair;
    touch-action: none;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
}

.eh-signature-wrap canvas {
    display: block;
    width: 100% !important;
    height: 220px !important;
    background: #ffffff;
}

/* Estilos para mejorar la experiencia táctil */
@media (max-width: 768px) {
    .eh-signature-wrap canvas {
        height: 180px !important;
    }
}

/* Feedback visual durante el dibujo */
.eh-signature-wrap.drawing {
    box-shadow: 0 0 0 2px #007cba;
}

/* Estilo para cuando no hay firma */
.eh-signature-wrap.empty {
    background: #f8f9fa;
}

.eh-signature-wrap.empty::after {
    content: "Área de firma - Arrastre aquí para firmar";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #6c757d;
    font-style: italic;
    pointer-events: none;
}