#esignModal .ow-signature-modes { display:inline-flex; width:auto; max-width:100%; gap:0; padding:3px; margin:0 0 12px; border:1px solid var(--l); border-radius:8px; background:var(--p2); }
#esignModal .ow-signature-modes button { flex:0 0 auto; width:auto; min-width:88px; min-height:34px; padding:7px 16px; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--m); font:500 12px/18px Inter,sans-serif; white-space:nowrap; cursor:pointer; }
#esignModal .ow-signature-modes button[aria-pressed="true"] { border-color:var(--l); background:var(--p); color:var(--t); box-shadow:0 1px 3px #00000008; }
#esignModal #esignCanvas.esign-pad { display:block; box-sizing:border-box; width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:5/2; border:1px solid var(--l); border-radius:8px; background:#fff; touch-action:none; cursor:crosshair; }
#esignModal #esignCanvas.is-typed { cursor:default; }
#esignModal .ow-agreement-signature-status { margin:8px 0 5px; min-height:17px; font-size:11px; line-height:1.55; color:var(--m); }
#esignModal .ow-agreement-signature-status.is-signed { color:var(--o); }
#esignModal .ow-agreement-signature-status.is-warning { color:var(--r); }
#esignModal .esign-hint { font-size:11px; line-height:1.65; color:var(--m); }
#esignModal .signature-actions { margin-top:9px!important; }
#esignModal .signature-actions>.btn { min-height:30px; padding:4px 0; background:transparent; border:0; color:var(--m); box-shadow:none; font-size:11px; }
#esignModal .dialog-head h3 { font-size:19px; line-height:1.4; letter-spacing:-.02em; }
#esignModal .btn:disabled { opacity:.55; cursor:wait; }
@media(max-width:760px) { #esignModal .ow-signature-modes button { min-height:40px; padding:9px 18px; } }