.signature-pad-shell {
    max-width: 760px;
}

.signature-canvas {
    display: block;
    width: 100%;
    min-height: 220px;
    border: 2px solid #bcc4cc;
    border-radius: 12px;
    background: #fff;
    touch-action: none;
}

.signature-help {
    margin-top: .5rem;
    color: #586069;
}

.signature-error,
.wacom-status[data-state="error"] {
    color: #a51d2d;
    font-weight: 700;
}

.wacom-status[data-state="ok"] {
    color: #176b36;
}

.signature-proof {
    overflow-wrap: anywhere;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .82rem;
}

.remote-credentials {
    border: 2px solid #d19a00;
    background: #fff7d6;
}

.signature-status {
    display: inline-flex;
    padding: .25rem .55rem;
    border-radius: 999px;
    background: #eef1f4;
    font-weight: 700;
}

.signature-document {
    max-width: 850px;
}

@media (max-width: 700px) {
    .signature-canvas {
        min-height: 180px;
    }
}