/* Contract paper and handwritten name use the store's existing forest palette. */
.online-contract-note{border-left:3px solid #246344;background:#EFF5E8;color:#526D57;padding:13px 16px;margin:16px 0;border-radius:0 10px 10px 0;font-size:13px;line-height:1.8}
.online-contract-dialog{width:min(720px,calc(100% - 24px))}
.online-contract-dialog .contract-text{background:#F8FAF5;color:#173D32;max-height:42vh}
.online-signature{border:1px solid #D7E2D0;border-radius:14px;margin:22px 0 14px;background:#fff;overflow:hidden}
.online-signature-heading{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:#F2F6ED;align-items:center}
.online-signature-heading strong{font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-weight:700;color:#173D32}
.online-signature-heading small{display:block;font-size:12px;color:#526D57;margin-top:3px}
.online-signature-paper{position:relative;background:linear-gradient(to bottom,transparent calc(75% - 1px),#DDE7D6 75%,transparent calc(75% + 1px));margin:12px 16px 0}
.online-signature canvas{display:block;width:100%;height:auto;aspect-ratio:5/2;touch-action:none;user-select:none;cursor:crosshair;border:1px solid #E3E9DE;border-radius:8px;background:transparent}
.online-signature canvas[aria-disabled="true"]{cursor:default}
.online-signature .online-signature-help{margin:9px 16px 14px;color:#6F8075;font-size:12px;min-height:20px}
.online-signature-help[data-error="true"]{color:#9E3848}
.online-signature .online-signature-help[role="status"]{line-height:1.7}
.online-signature-readonly{max-width:560px}
.online-signature-readonly .online-signature-paper{margin-bottom:14px}
.online-contract-dialog .contract-consent{align-items:flex-start;font-weight:500}
.online-contract-dialog .contract-consent input{margin-top:6px;flex-shrink:0;accent-color:#246344;width:18px;height:18px}
.online-member-results{max-height:220px;overflow:auto;margin:-6px 0 16px}
.online-member-results button{display:block;width:100%;text-align:left;border:1px solid #E3E9DE;background:#F8FAF5;border-radius:8px;padding:10px 12px;margin:6px 0}
.online-member-results button[aria-pressed="true"]{background:#EDF4E5;border-color:#246344}
.online-member-results small{display:block}
.online-member-selected{margin:0 0 18px;padding:10px 12px;background:#EDF4E5;border-radius:8px;color:#246344;font-size:13px}
.online-contract-actions{display:flex;gap:8px;flex-wrap:wrap}
.online-contract-dialog button:focus-visible,.online-contract-dialog canvas:focus-visible{outline:3px solid #71A73E;outline-offset:3px}
@media(max-width:520px){.online-signature-heading{padding:12px;align-items:flex-start}.online-signature-paper{margin:10px 10px 0}.online-signature .online-signature-help{margin:9px 10px 12px}.online-contract-dialog .dialog-foot{flex-wrap:wrap}.online-contract-dialog .dialog-foot .btn{flex:1;white-space:normal}.online-signature-heading .btn{padding:6px 9px;flex-shrink:0}}