:root{
    --sig-ink: var(--amber-400, #FBBF24);
}

.signature-host{
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: -10px;
    width: 100%;
    max-width: 280px;
    line-height: 0;
}

.signature-host svg{
    width: 100%;
    height: auto;
    overflow: visible;
}

.signature-host svg path,
.signature-host svg line{
    fill: none;
    stroke: var(--sig-ink);
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.18));
}

@keyframes sig-draw{
    to { stroke-dashoffset: 0; }
}

/* Flash-Prevention: Signatur erst zeigen, wenn JS sie startet */
.signature-host svg { opacity: 0; }
.signature-host.is-animating svg { opacity: 1; }