.signature-field-controls{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.signature-mode-toggle{gap:6px;display:inline-flex}.signature-mode-btn{border:1px solid var(--line,#d9e2ec);color:var(--text,#1f2937);cursor:pointer;background:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.signature-mode-btn.is-active{border-color:var(--blue,#2f6fed);background:var(--blue-light,#eaf2ff);color:var(--blue-strong,#2563eb)}.signature-typed-row{align-items:center;gap:8px;display:flex}.signature-typed-row input,.signature-typed-name{border:1px solid var(--line,#d9e2ec);-webkit-text-fill-color:#111827;caret-color:#111827;border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:14px;color:#111827!important;background-color:#fff!important}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}.signature-typed-name:-webkit-autofill{animation-name:onAutoFillStart;-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.signature-draw-wrap.is-hidden,.signature-typed-row.is-hidden{display:none!important}.signature-remote-row{margin-top:4px}.signature-remote-link{align-items:center;gap:8px;margin-top:8px;display:flex}canvas[id$=Signature]{background:#fff}.signature-remote-link input{border:1px solid var(--line,#d9e2ec);color:#111827;-webkit-text-fill-color:#111827;caret-color:#111827;background:#f8fafc;border-radius:8px;flex:1;min-width:0;padding:6px 8px;font-size:12px}