.approval-status-panel{margin:24px 0}.approval-modal{width:min(1220px,96vw);max-width:none}.approval-customer{padding:30px}.approval-customer-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:25px}.approval-customer-header img{width:80px;height:80px;object-fit:contain;background:white;border-radius:14px}.approval-customer-header>div{flex:1}.approval-customer-header h1{font-size:clamp(25px,3vw,38px);margin-top:10px}.approval-review-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding-top:30px}.approval-review-layout section{padding-bottom:24px}.approval-review-layout h2{margin:12px 0}.approval-review-layout h3{margin:24px 0 10px}.approval-review-layout p{line-height:1.6;overflow-wrap:anywhere}.approval-scope-list{margin:24px 0}.approval-scope-list article{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.approval-scope-list article>strong{white-space:nowrap}.approval-scope-list p{margin-top:8px}.approval-benefits{padding-left:20px;color:var(--muted);line-height:1.9}.approval-terms{border-top:1px solid var(--line);padding-top:20px}.approval-terms .pre{line-height:1.7}.approval-total{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:25px}.approval-total strong{display:block;font-size:40px;letter-spacing:-1.3px;margin:12px 0}.approval-total p{font-size:13px;color:var(--muted)}.approval-sign-form{display:grid;gap:18px}.approval-sign-form .check-label{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.5;gap:10px;font-size:13px}.approval-sign-form input[type=checkbox]{width:19px;min-height:19px;height:19px;margin-top:2px;flex:0 0 auto;accent-color:var(--orange)}.approval-consents{display:grid;gap:15px}#approval-signature-pad{display:block;width:100%;aspect-ratio:4/1;height:auto;background:#fffdf7;border:1px solid #bac3c5;border-radius:12px;touch-action:none;margin:10px 0}.approval-complete{max-width:720px;padding:45px;margin:auto;display:grid;gap:24px}.approval-complete-price{font-size:44px;letter-spacing:-1.3px}.approval-complete p{line-height:1.7}.approval-complete .row{gap:12px}.approval-status-panel .panel-head{flex-wrap:wrap}
@media(max-width:800px){.approval-review-layout{grid-template-columns:1fr}.approval-customer{padding:22px}.approval-customer-header{gap:13px;align-items:flex-start}.approval-customer-header img{width:58px;height:58px}.approval-customer-header h1{font-size:25px}.approval-customer-header .eyebrow{font-size:10px}.approval-complete{padding:28px}.approval-modal{width:96vw}.approval-scope-list article{gap:12px}}
@media(max-width:460px){.approval-customer-header{flex-wrap:wrap}.approval-customer-header .button{margin-left:auto}.approval-customer-header h1{font-size:23px}.approval-customer{padding:18px}.approval-total{padding:18px}.approval-scope-list article{flex-direction:column}.approval-complete h1{font-size:29px}.approval-complete .row{align-items:stretch}.approval-complete .button{width:100%}}
.approval-ready{display:grid;gap:18px;padding:4px}.approval-ready h2{margin:0}.approval-ready .large,.approval-sign-form .large{min-height:54px;font-size:16px}.approval-modal.approval-signing-modal{width:min(720px,96vw)}.approval-signing-modal .approval-customer-header img{width:55px;height:55px}.approval-signing-modal .approval-customer-header h1{font-size:30px}.approval-signing-modal .approval-customer-header{gap:16px;padding-bottom:20px}.approval-signing-context{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0}.approval-signing-context .eyebrow{font-size:10px;letter-spacing:1px}.approval-signing-context h2{font-size:20px;margin-top:8px;overflow-wrap:anywhere}.approval-signing-context>strong{font-size:28px;letter-spacing:-1px;white-space:nowrap}.approval-review-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;font-size:13px}.approval-review-details summary{cursor:pointer;padding:16px 0;color:var(--muted);font-weight:600}.approval-details-content{padding-bottom:20px;line-height:1.65}.approval-details-content h2,.approval-details-content h3{margin:16px 0 10px}.approval-details-content p{overflow-wrap:anywhere}.approval-signer-role{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.approval-signer-role .link-button{font-size:12px;min-height:32px}.approval-sign-form .approval-typed-input{font-family:"Segoe Script",cursive;font-size:25px;min-height:68px}.approval-pad-wrap .row{gap:12px}.approval-pad-wrap label{font-size:13px}.approval-signing-modal #approval-signature-pad{aspect-ratio:2.5/1;border-style:dashed;border-width:2px;margin:12px 0 8px;background:linear-gradient(transparent calc(78% - 1px),#d6dcde calc(78% - 1px),#d6dcde 78%,transparent 78%),#fffdf7}.approval-method-switch{justify-self:start;min-height:32px}.approval-signing-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.approval-signing-note{text-align:center}.approval-sign-form .approval-consents .check-label{padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;font-size:12px}.approval-signing-modal .approval-complete{padding:30px}
@media(max-width:460px){.approval-signing-modal .approval-customer-header{flex-wrap:nowrap;gap:10px}.approval-signing-modal .approval-customer-header img{width:40px;height:40px}.approval-signing-modal .approval-customer-header h1{font-size:24px}.approval-signing-modal .approval-customer-header .eyebrow{font-size:9px;letter-spacing:1px}.approval-signing-modal .approval-customer-header .button{padding:8px;min-width:36px}.approval-signing-context{align-items:flex-start;gap:12px}.approval-signing-context h2{font-size:17px}.approval-signing-context>strong{font-size:23px}.approval-signer-role .link-button{font-size:11px}.approval-signing-links .button{flex:1;font-size:11px;padding:10px}.approval-sign-form{gap:16px}.approval-sign-form .approval-consents .check-label{padding:12px}}
.approval-signing-context>div{min-width:0}.approval-signing-modal #modal-title:focus{outline:none}