/*
 * Gemeinsames Unterschriftsfeld (shared/views/components/signature-pad.php,
 * signature-pad.js). Eigene Klassen ka-signature-*, damit kein Modul-CSS
 * hineinwirkt.
 */
.ka-signature-flaeche {
    position: relative;
    border: 2px dashed #6c757d;
    border-radius: .5rem;
    background: #fff;
}
.ka-signature.is-signed .ka-signature-flaeche {
    border-style: solid;
    border-color: #495057;
}
.ka-signature.is-invalid .ka-signature-flaeche {
    border-color: #b02a37;
}
.ka-signature-canvas {
    display: block;
    width: 100%;
    height: 180px;
    border-radius: .5rem;
    /* Zeichnen statt Scrollen auf Touch-Geraeten */
    touch-action: none;
    cursor: crosshair;
}
.ka-signature-platzhalter {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    text-align: center;
    color: #565e64;
    pointer-events: none;
}
.ka-signature-linie {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 32px;
    border-bottom: 1px solid #adb5bd;
    pointer-events: none;
}
.ka-signature-status {
    color: #b02a37;
    min-height: 1.25rem;
}
@media (max-width: 575.98px) {
    .ka-signature-canvas {
        height: 220px;
    }
}