.signature-dialog{width:min(920px,calc(100vw - 24px));max-height:calc(100vh - 20px);padding:0;border:0;border-radius:18px;box-shadow:0 26px 80px #1e173a55;background:#fff;color:#222431}
.signature-dialog::backdrop{background:#171126aa;backdrop-filter:blur(3px)}
.signature-dialog form{display:grid;gap:16px;padding:22px;margin:0;max-height:calc(100vh - 20px);overflow:auto}
.signature-dialog header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e4e5ed;padding-bottom:15px}
.signature-dialog header h2{margin:3px 0 5px;font-size:23px}.signature-dialog header p{margin:0;color:#717588;font-size:11px}.signature-dialog .eyebrow{color:#6f50b5;font-size:9px;font-weight:900;letter-spacing:.1em}
.signature-contract-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.signature-contract-summary>div{padding:12px;border-radius:10px;background:#f5f4f9}.signature-contract-summary span,.signature-contract-summary b{display:block}.signature-contract-summary span{font-size:8px;color:#717588;text-transform:uppercase;letter-spacing:.06em}.signature-contract-summary b{font-size:11px;margin-top:5px;overflow-wrap:anywhere}
.signature-review-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid #dcd7ed;border-radius:12px;background:#f6f4fb}.signature-review-callout b,.signature-review-callout span{display:block}.signature-review-callout b{font-size:12px}.signature-review-callout span{margin-top:4px;color:#717588;font-size:10px;line-height:1.45}
.signature-person-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.signature-person-grid label{font-size:10px;font-weight:800}.signature-person-grid input,.signature-person-grid select{display:block;width:100%;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #d9dae3;border-radius:10px;background:#fff;color:#222431;font:inherit;font-weight:500}
.signature-pad-section{display:grid;gap:10px}.signature-pad-section>div:first-child b,.signature-pad-section>div:first-child span{display:block}.signature-pad-section>div:first-child b{font-size:12px}.signature-pad-section>div:first-child span{margin-top:4px;color:#717588;font-size:10px}
#signatureCanvas{display:block;width:100%;height:240px;border:2px dashed #aaa2c6;border-radius:14px;background:linear-gradient(#fff,#fdfcff);touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 1px #fff;overscroll-behavior:contain}
#signatureCanvas:focus{outline:3px solid #6f50b533;outline-offset:2px}.signature-pad-actions{display:flex;justify-content:flex-end;gap:8px}
#signaturePreview{margin:0;padding:12px;border:1px solid #dce7e5;border-radius:12px;background:#f6fbfa}#signaturePreview img{display:block;max-width:100%;max-height:150px;margin:auto}#signaturePreview figcaption{text-align:center;margin-top:7px;color:#39756f;font-size:9px;font-weight:800}
.signature-confirm{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #eadbbd;border-radius:12px;background:#fff8eb;color:#5f4a22;font-size:10px;line-height:1.5}.signature-confirm input{width:20px;height:20px;flex:0 0 auto;margin:0}.signature-confirm input:disabled+span{opacity:.58}
.signature-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid #e4e5ed;padding-top:15px}.signature-dialog footer small{margin-right:auto}
.signature-record-page{display:flex;flex-direction:column}.signature-record{display:grid;gap:17px;align-content:start;padding:34px 44px}.signature-eyebrow{color:#087e83;font-size:10px;font-weight:900;letter-spacing:.1em}.signature-record h2{margin:0;font-size:26px}.signature-record dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.signature-record dl div{padding:12px;background:#f2f5f6;border-radius:8px}.signature-record dt{font-size:8px;color:#687383;text-transform:uppercase}.signature-record dd{margin:5px 0 0;font-size:11px;font-weight:700;overflow-wrap:anywhere}.signature-record figure{margin:0;padding:18px;border:1px solid #bbc4cf;border-radius:9px;text-align:center}.signature-record figure img{display:block;max-width:620px;max-height:220px;width:auto;height:auto;margin:auto}.signature-record figcaption{margin-top:9px;color:#687383;font-size:9px}.signature-confirmation{padding:13px;border-left:4px solid #087e83;background:#edf7f7;font-size:10px;line-height:1.5}.signature-record aside{padding:12px 14px;border:1px solid #d7a95d;background:#fff4dd;border-radius:8px;font-size:10px;line-height:1.5}
@media(max-width:640px){.signature-dialog{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}.signature-dialog form{max-height:100vh;padding:15px}.signature-contract-summary{grid-template-columns:1fr 1fr}.signature-review-callout{align-items:stretch;flex-direction:column}.signature-person-grid{grid-template-columns:1fr}#signatureCanvas{height:280px}.signature-dialog footer{position:sticky;bottom:-15px;background:#fff;padding:12px 0 15px}.signature-dialog footer .product-signature{display:none}.signature-dialog footer .btn{flex:1}}
@media print{.signature-record-page{break-before:page;page-break-before:always}.signature-record{padding:7mm 10mm}.signature-record figure img{max-height:42mm}}