.payment-receipt{position:fixed;inset:0;margin:auto;height:fit-content;max-width:none;width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--color-border, #e2e7e4);border-radius:20px;background:#f6f7f6;color:var(--color-text, #15211d);box-shadow:0 32px 100px #10241a30;font-family:var(--font-family, sans-serif)}.payment-receipt::backdrop{background:#10201880;backdrop-filter:blur(4px)}.payment-receipt:not([open]){display:none}.payment-receipt *{box-sizing:border-box}.payment-receipt-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 42px)}.payment-receipt-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px 18px;background:#fff;border-bottom:1px solid #e6eae7;flex:0 0 auto}.payment-receipt-head h2{margin:0;font-size:20px;line-height:1.4;letter-spacing:-.5px}.payment-receipt-head p{margin:4px 0 0;color:#708078;font-size:12px}.payment-receipt-close{border:1px solid #e3e8e4;background:#fff;color:#59675f;border-radius:50%;width:36px;height:36px;cursor:pointer;flex:0 0 36px;font:24px/1 sans-serif}.payment-receipt-scroll{padding:22px 28px 28px;overflow:auto;overscroll-behavior:contain}.payment-receipt-edit{margin-bottom:20px}.payment-receipt-edit label{display:block;font-size:13px;font-weight:650;margin:0 0 7px}.payment-receipt-edit label span{color:#7b867f;font-weight:400;margin-left:6px}.payment-receipt-edit input{width:100%;border:1px solid #d6dfd9;background:#fff;border-radius:10px;min-height:46px;padding:10px 14px;color:inherit;font-family:inherit;font-size:14px;line-height:1.5}.payment-receipt-edit p{color:#7a877e;font-size:12px;line-height:1.6;margin:7px 0 0}.payment-receipt :focus-visible{outline:2px solid #0fa055;outline-offset:3px}.receipt-paper{padding:40px 42px 24px;border:1px solid #e4e9e5;border-radius:4px;background:#fff;box-shadow:0 4px 12px #203b2905}.receipt-paper-top{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding-bottom:25px;border-bottom:2px solid #173d2b}.receipt-paper h3{margin:0 0 4px;font-size:28px;line-height:1.4;font-weight:750;letter-spacing:-1px}.receipt-paper-kicker{margin:0;font-size:10px;color:#758279;letter-spacing:2px}.receipt-brand{font-size:24px;font-weight:800;letter-spacing:-.9px}.receipt-brand i{color:#0fa055;font-style:normal}.receipt-paper-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin:26px 0}.receipt-paper-meta dt{color:#7a847d;font-size:11px;margin:0 0 5px}.receipt-paper-meta dd{color:#27352d;font-size:13px;margin:0;overflow-wrap:anywhere;line-height:1.65}.receipt-paper-meta dd[data-receipt=seller]{white-space:pre-line}.receipt-paper-details{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:20px;align-items:start;margin:26px 0}.receipt-paper-details .receipt-paper-meta{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);margin:0}.receipt-paid{padding:18px 20px;border-radius:10px;background:#f2f8f4;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.receipt-paid-label{font-size:12px;color:#65786a}.receipt-paid-amount{font-size:30px;font-weight:750;line-height:1.5;letter-spacing:-1px;font-variant-numeric:tabular-nums}.receipt-paid-amount small{font-size:11px;font-weight:500;margin-left:5px;letter-spacing:0}.receipt-paid-badge{font-size:12px;color:#168044;white-space:nowrap}.receipt-line-items{width:100%;border-collapse:collapse;table-layout:fixed}.receipt-line-items th{color:#7a847d;font-size:11px;font-weight:500;text-align:left;padding:0 0 12px;border-bottom:1px solid #e0e6e2}.receipt-line-items th:nth-child(1){width:47%}.receipt-line-items th:nth-child(2){width:12%}.receipt-line-items th:nth-child(3){width:20%}.receipt-line-items th:nth-child(4){width:21%}.receipt-line-items td{padding:18px 0;font-size:12px;border-bottom:1px solid #e8ece9;vertical-align:top;overflow-wrap:anywhere}.receipt-line-items td:first-child{padding-right:12px;line-height:1.65;font-weight:600}.receipt-line-items td:not(:first-child),.receipt-line-items th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.receipt-total{display:flex;justify-content:flex-end;gap:42px;padding:18px 0 28px;align-items:center;font-size:13px}.receipt-total strong{font-size:18px;font-variant-numeric:tabular-nums}.receipt-paper-foot{border-top:1px solid #e8ece9;padding-top:16px;color:#8a948e;font-size:10px;line-height:1.9}.receipt-paper-foot p{margin:0}.receipt-verification{width:144px;margin-left:auto;text-align:center;color:#65786a;font-size:10px;line-height:1.9;break-inside:avoid}.receipt-verification p{margin:0}.receipt-verification-code{display:block;width:144px;height:144px;margin:0 auto 6px}.receipt-verification-code svg{display:block;width:100%;height:100%}.payment-receipt-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;padding:18px 28px;border-top:1px solid #e4e9e5;flex:0 0 auto}.payment-receipt-actions p{font-size:11px;line-height:1.7;color:#7b877f;margin:0}.payment-receipt-buttons{display:flex;gap:10px;flex-shrink:0}.payment-receipt button.receipt-button{border:1px solid #dce4de;border-radius:9px;min-height:42px;padding:10px 15px;font:600 13px/1.5 var(--font-family, sans-serif);cursor:pointer;background:#fff;color:#32463a;white-space:nowrap}.payment-receipt button.receipt-button-primary{background:var(--gradient-brand-green, #0fa055);border-color:transparent;color:#fff}.payment-receipt-message{font-size:12px;padding:0 28px 12px;margin:0;color:#3d714d;background:#fff}.payment-receipt-message:empty{display:none}@media screen and (max-width:740px){.receipt-paper-details{grid-template-columns:minmax(0,1fr) 120px;gap:16px}.receipt-paper-details .receipt-paper-meta{grid-template-columns:minmax(0,1fr);gap:16px}.receipt-paper-details .receipt-verification{width:120px}.receipt-paper-details .receipt-verification-code{width:120px;height:120px}}@media(max-width:580px){.payment-receipt{width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0;border:0;border-radius:0}.payment-receipt-shell{height:100dvh;max-height:100dvh}.payment-receipt-scroll{flex:1;padding:18px 16px}.payment-receipt-head{padding:18px 20px}.receipt-paper{padding:24px 18px 18px}.receipt-paper h3{font-size:24px}.receipt-brand{font-size:21px}.receipt-paper-meta{gap:16px}.receipt-paid{padding:14px}.receipt-paid-amount{font-size:26px}.receipt-line-items td{font-size:11px}.payment-receipt-actions{display:block;padding:14px 16px max(14px,env(safe-area-inset-bottom))}.payment-receipt-actions p{margin-bottom:10px}.payment-receipt-buttons{display:grid;grid-template-columns:1fr 1.25fr}.payment-receipt button.receipt-button{padding:11px 8px}}@media print{@page{size:A4;margin:16mm}body.payment-receipt-print{background:#fff!important;margin:0!important;padding:0!important}body.payment-receipt-print>:not(.payment-receipt){display:none!important}body.payment-receipt-print .payment-receipt{display:block!important;position:static!important;width:100%;max-width:none;height:auto;max-height:none;border:0;margin:0;padding:0;box-shadow:none;background:#fff;overflow:visible}body.payment-receipt-print .payment-receipt::backdrop{display:none}body.payment-receipt-print .payment-receipt-shell,body.payment-receipt-print .payment-receipt-scroll{display:block;max-height:none;height:auto;padding:0;overflow:visible}body.payment-receipt-print .payment-receipt-head,body.payment-receipt-print .payment-receipt-edit,body.payment-receipt-print .payment-receipt-actions,body.payment-receipt-print .payment-receipt-message{display:none!important}body.payment-receipt-print .receipt-paper{border:0;padding:12mm 6mm;box-shadow:none;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}body.payment-receipt-print .receipt-paper-foot{break-inside:avoid}}.payment-receipt [hidden]{display:none!important}.payment-receipt .payment-receipt-retry{align-self:flex-start;margin:0 28px 20px}.payment-receipt button:disabled{cursor:not-allowed;opacity:.5}.payment-receipt .receipt-paid-amount,.payment-receipt .receipt-total strong{overflow-wrap:anywhere;min-width:0}.payment-receipt .receipt-paper-meta>div{min-width:0}@media print{body.payment-receipt-print .payment-receipt-retry{display:none!important}body.payment-receipt-print .receipt-paper{break-inside:auto}.receipt-paper-meta>div,.receipt-line-items tr{break-inside:avoid}}.payment-receipt[data-refund-status=processing] .receipt-paid,.payment-receipt[data-refund-status=refunded] .receipt-paid{background:#fff4e5}.payment-receipt[data-refund-status=processing] .receipt-paid-badge,.payment-receipt[data-refund-status=refunded] .receipt-paid-badge{color:#99651d;font-weight:700}
