.signature {
    width: 100%;
    background-color: var(--color-input);
    border-radius: 4px;
}

/* FIX CRÍTICO: Definir dimensões exatas no CSS também */
.signature .canvas {
    cursor: crosshair;
    display: block;
    touch-action: none;
    width: 300px;
    /* Mesma dimensão do canvas.width */
    height: 300px;
    /* Mesma dimensão do canvas.height */
    margin: 0 auto;
    border-bottom: 3px solid #000;
    margin-bottom: 3px;
}

.signature label {
    width: 100%;
    text-align: center;
}