.payment-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0 0;padding:9px 13px;border:1px solid #f3cad5;border-radius:10px;background:#fff7f9;font-size:11px;color:#9a5a70}
.payment-summary strong{font-size:16px;color:#a84265;white-space:nowrap}
.payment-summary.test-mode{border-color:#e7c46e;background:#fff8dc;color:#806426;font-weight:700}
.pay-dialog{width:min(390px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;border:1.5px solid #f2aac0;border-radius:20px;background:#fffdfb;color:var(--cocoa);padding:28px 28px 22px;text-align:center;box-shadow:0 22px 70px #5d263840}
.pay-dialog::backdrop{background:#573c445c;backdrop-filter:blur(2px)}
.pay-dialog h2{font-size:22px;margin:0 0 2px}
.pay-dialog .eyebrow{font-size:9px;letter-spacing:1.7px;color:#a77d85;margin:0 0 7px}
.pay-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#fff0f5;color:#a66d7e;font-size:22px;line-height:1}
.pay-amount{font-size:34px;line-height:1.2;font-weight:900;color:#a84265;margin:10px 0 13px;font-variant-numeric:tabular-nums}
.pay-qr{width:238px;height:238px;max-width:100%;margin:0 auto;display:grid;place-items:center;background:#fff;border:1px solid #f0d9df;border-radius:14px;padding:10px;color:#a58b8f;font-size:11px}
.pay-qr canvas,.pay-qr svg,.pay-qr img,.pay-qr table{display:block;width:100%!important;height:100%!important;max-width:218px;max-height:218px}
.pay-status{min-height:22px;margin:12px 0 2px;font-size:13px;font-weight:700;color:#9b6376}
.pay-status[data-state=paid]{color:#4f8a63}
.pay-status[data-state=expired],.pay-status[data-state=failed],.pay-status[data-state=refunded]{color:#b35e54}
.pay-env{display:block;font-size:9px;color:#b08a91}
.pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
.pay-actions .dark-button{grid-column:1/-1;order:-1;width:100%;padding:11px 14px;font-size:12px}
.pay-actions .text-button{justify-self:center}
.pay-actions .pay-cancel{color:#a77878}
.pay-tip{font-size:9px;line-height:1.7;color:#a3888d;margin:13px 0 0}
@media(max-width:430px){.pay-dialog{padding:25px 18px 19px}.pay-close{right:9px;top:8px}.pay-qr{width:220px;height:220px}.pay-amount{font-size:31px}.pay-actions .dark-button{font-size:11px}}