/* WAX V7.2 — Professional purchase, contract and payment UX */

/* ---- Step 3 digital contract ---- */
.purchase-contract-step{overflow:hidden}
.purchase-contract-status{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:15px 17px;margin-bottom:13px;border:1px solid #ddd8ec;border-radius:15px;
  background:linear-gradient(135deg,#fbfaff,#f5f2ff)
}
.purchase-contract-status>div{display:flex;align-items:center;gap:11px;min-width:0}
.purchase-contract-shield{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ebe5ff;color:#6f52dd}
.purchase-contract-shield svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.purchase-contract-status small,.purchase-contract-status b{display:block}.purchase-contract-status small{font-size:8px;color:#7863d6;font-weight:900;letter-spacing:.08em}.purchase-contract-status b{margin-top:3px;font-size:12px;color:#252832}
.purchase-contract-status em{font-style:normal;white-space:nowrap;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid #ddd7f2;color:#6d58c9;font-size:8px;font-weight:900}

.purchase-contract-live-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.purchase-contract-live-summary>div{padding:11px 12px;border:1px solid #e4e2e8;border-radius:12px;background:#fafafa;min-width:0}
.purchase-contract-live-summary small,.purchase-contract-live-summary b{display:block}.purchase-contract-live-summary small{font-size:7px;color:#9298a2;letter-spacing:.07em}.purchase-contract-live-summary b{margin-top:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.purchase-contract-paper{border:1px solid #d9dce3;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 14px 34px rgba(36,39,49,.05)}
.purchase-contract-paper-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 15px;border-bottom:1px solid #e4e6ea;background:#fafbfc}
.purchase-contract-paper-head small,.purchase-contract-paper-head b{display:block}.purchase-contract-paper-head small{font-size:7px;color:#725ad5;font-weight:900;letter-spacing:.08em}.purchase-contract-paper-head b{margin-top:3px;font-size:11px;color:#292c34}
.purchase-contract-paper-head>span{font-size:8px;color:#767d88}
.purchase-contract-scroll{height:330px;overflow:auto;padding:20px 21px;white-space:pre-wrap;color:#3f4650;font-family:Georgia,'Times New Roman',serif;font-size:11.5px;line-height:1.72;scrollbar-width:thin}
.purchase-contract-paper-foot{display:flex;justify-content:space-between;gap:20px;padding:10px 14px;border-top:1px solid #e8eaed;background:#fafbfc;color:#828995;font-size:8px}

.purchase-contract-acceptance{display:grid;gap:11px;margin-top:13px}
.purchase-contract-consent{border:1px solid #dcd8e8!important;border-radius:14px!important;background:#fbfaff!important;padding:14px!important}
.purchase-contract-consent b{display:block;color:#30333c;font-size:11px;line-height:1.5}.purchase-contract-consent small{display:block;margin-top:5px;color:#7a8290;font-size:9px;line-height:1.5}
.purchase-contract-proof-note{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:start;margin-top:12px;padding:12px 14px;border:1px solid #dfe4e8;border-radius:13px;background:#f8fafb}
.purchase-contract-proof-note>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ece8ff;color:#7359df;font-weight:900}.purchase-contract-proof-note p{margin:0}.purchase-contract-proof-note b,.purchase-contract-proof-note small{display:block}.purchase-contract-proof-note b{font-size:10px}.purchase-contract-proof-note small{margin-top:4px;color:#7a828e;font-size:9px;line-height:1.5}

/* ---- Payment cards ---- */
.payment-v585 .payment-main{gap:16px!important}
.payment-v585 .payment-method-card{
  border:1px solid #dfe2e8!important;border-radius:22px!important;background:#fff!important;padding:24px!important;
  box-shadow:0 18px 45px rgba(21,25,34,.07)!important;color:#171b23!important
}
.payment-v585 .payment-method-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.payment-v585 .payment-method-eyebrow{display:block;color:#7158d5;font-size:8px;font-weight:950;letter-spacing:.12em}
.payment-v585 .payment-method-head h2{margin:7px 0 7px!important;color:#171b23!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.04em!important}
.payment-v585 .payment-method-head p{margin:0!important;color:#737c89!important;font-size:11.5px!important;line-height:1.6!important}
.payment-v585 .payment-method-icon{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eee9ff;color:#6e52df;font-size:20px;font-weight:950}
.payment-v585 .payment-method-icon.receipt{font-size:18px}

.payment-bank-identity{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}
.payment-bank-identity>div{padding:13px 14px;border:1px solid #e4e5e8;border-radius:13px;background:#f8f8f7}
.payment-bank-identity small,.payment-bank-identity b{display:block}.payment-bank-identity small{color:#858d99;font-size:8px;font-weight:900;letter-spacing:.04em}.payment-bank-identity b{margin-top:5px;color:#22262e;font-size:12px}

.payment-copy-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin-top:9px;border:1px solid #e0e2e6;border-radius:13px;background:#fafafa}
.payment-copy-row>div{min-width:0}.payment-copy-row small,.payment-copy-row b{display:block}.payment-copy-row small{color:#818a96;font-size:8px;font-weight:900;letter-spacing:.05em}.payment-copy-row b{margin-top:5px;color:#1f232b;font-size:12px;word-break:break-word}
.payment-copy-btn{flex:0 0 auto;min-height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #d9dce1;border-radius:10px;background:#fff;color:#242830;font-size:9.5px;font-weight:900;cursor:pointer}.payment-copy-btn span{color:#7257db}
.payment-security-note{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;margin-top:12px;padding:11px 12px;border:1px solid #efd39a;border-radius:12px;background:#fff8e9}
.payment-security-note>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffe8b7;color:#8c6414;font-weight:950}
.payment-security-note p{margin:0!important;color:#76581b!important;font-size:9.5px!important;line-height:1.5!important}.payment-security-note b{display:block;margin-bottom:2px;color:#674b12}

.receipt-feedback{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;margin-bottom:13px;padding:12px;border-radius:13px}.receipt-feedback>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-weight:950}.receipt-feedback b,.receipt-feedback small{display:block}.receipt-feedback b{font-size:10.5px}.receipt-feedback small{margin-top:4px;font-size:9px;line-height:1.45}.receipt-feedback.success{border:1px solid #c5e7d7;background:#f1faf6;color:#24664d}.receipt-feedback.success>span{background:#dbf3e7}.receipt-feedback.error{border:1px solid #efcfd3;background:#fff5f6;color:#95424a}.receipt-feedback.error>span{background:#f9dfe2}

.receipt-dropzone{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:106px;padding:17px;border:1.5px dashed #c8cbd2;border-radius:15px;background:#fafafa;cursor:pointer;transition:.18s}
.receipt-dropzone:hover,.receipt-dropzone.is-dragging{border-color:#8265e8;background:#f7f4ff;box-shadow:0 0 0 3px rgba(116,87,225,.08)}
.receipt-dropzone.has-file{border-style:solid;border-color:#cfc7ef;background:#fbfaff}
.receipt-file-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}
.receipt-drop-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#ece7ff;color:#6f52de;font-size:19px;font-weight:950}
.receipt-drop-copy b,.receipt-drop-copy small{display:block}.receipt-drop-copy b{color:#282c34;font-size:11.5px}.receipt-drop-copy small{margin-top:5px;color:#7e8793;font-size:9.5px}
.receipt-choose-btn{padding:8px 10px;border:1px solid #d9dbe1;border-radius:9px;background:#fff;color:#292d35;font-size:9px;font-weight:900}

.receipt-file-preview{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:10px;padding:11px;border:1px solid #d9ddeb;border-radius:12px;background:#f8f7fd}
.receipt-preview-thumb{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e9e3ff;color:#6e52dc;font-size:9px;font-weight:950}.receipt-preview-copy b,.receipt-preview-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-preview-copy b{font-size:10.5px;color:#272b33}.receipt-preview-copy small{margin-top:4px;color:#7d8591;font-size:8.5px}.receipt-file-preview button{border:0;background:transparent;color:#7359d9;font-size:9px;font-weight:900;cursor:pointer}

.receipt-upload-security{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin:11px 0;padding:11px;border:1px solid #e1e4e8;border-radius:12px;background:#fafbfc}.receipt-upload-security>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf0f5;color:#5f6977}.receipt-upload-security p{margin:0!important}.receipt-upload-security b,.receipt-upload-security small{display:block}.receipt-upload-security b{font-size:9.5px;color:#30343c}.receipt-upload-security small{margin-top:3px;color:#7e8793;font-size:8.5px;line-height:1.45}

.receipt-submit-btn{width:100%;min-height:52px;border:0;border-radius:12px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#0d131e;color:#fff;font-size:11px;font-weight:950;cursor:pointer;transition:.18s}.receipt-submit-btn:disabled{opacity:.42;cursor:not-allowed}.receipt-submit-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(13,19,30,.16)}.receipt-submit-btn i{font-style:normal;font-size:15px}.receipt-submit-btn.is-loading i{animation:receiptSpin .8s linear infinite}.receipt-submit-btn.is-loading i:before{content:"↻"}.receipt-submit-btn.is-loading i{font-size:0}.receipt-submit-btn.is-loading i:before{font-size:15px}
@keyframes receiptSpin{to{transform:rotate(360deg)}}

.receipt-complete{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid #c8e4d7;border-radius:13px;background:#f2faf6}.receipt-complete-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#dff3e9;color:#247151;font-weight:950}.receipt-complete small,.receipt-complete b,.receipt-complete em{display:block}.receipt-complete small{font-size:7px;color:#6e8b7d;letter-spacing:.07em}.receipt-complete b{margin-top:3px;color:#244f3e;font-size:10.5px}.receipt-complete em{margin-top:3px;color:#708279;font-size:8.5px;font-style:normal}.receipt-review-state{padding:6px 8px;border-radius:999px;background:#e0f1e9;color:#2b7054;font-size:8px;font-weight:900}

@media(max-width:760px){
  .purchase-contract-live-summary{grid-template-columns:1fr 1fr}
  .purchase-contract-scroll{height:300px;padding:16px;font-size:12px}
  .purchase-contract-paper-head{display:block}.purchase-contract-paper-head>span{display:block;margin-top:6px}
  .purchase-contract-paper-foot{display:block}.purchase-contract-paper-foot span{display:block}.purchase-contract-paper-foot span+span{margin-top:4px}
  .payment-v585 .payment-method-card{padding:17px!important;border-radius:17px!important}
  .payment-v585 .payment-method-head h2{font-size:22px!important}
  .payment-bank-identity{grid-template-columns:1fr}
  .payment-copy-row{align-items:flex-end}.payment-copy-row b{font-size:11px}
  .receipt-dropzone{grid-template-columns:48px 1fr;min-height:118px}.receipt-choose-btn{grid-column:2;width:max-content}
  .receipt-file-preview{grid-template-columns:40px minmax(0,1fr)}.receipt-file-preview button{grid-column:2;justify-self:start;padding:0}
  .receipt-complete{grid-template-columns:42px minmax(0,1fr)}.receipt-review-state{grid-column:2;width:max-content}
}