/* Payment-native QR panel; keeps original RAN client chrome and spacing. */
.cc-qr-payment{margin-top:14px;border:1px solid #766a49;border-radius:5px;padding:16px;background:linear-gradient(145deg,#23211c,#121316);color:#e9e6dd}
.cc-pay-note{margin:0 0 10px!important;color:#e9d49c!important;font-size:12px!important}
.cc-pay-status{border:1px solid #686048;background:#2d2a21;padding:11px 12px;margin:10px 0 15px!important;color:#ead69d!important;font-size:12px!important}
.cc-pay-status[data-state=CREDITED]{border-color:#598d68;color:#bce5c4!important;background:#1a2d23}
.cc-pay-status[data-state=AWAITING_CREDIT]{border-color:#9c7e46;color:#ffdea4!important}
.cc-pay-status[data-state=CHECK_UNAVAILABLE],.cc-pay-status[data-state=QR_UNAVAILABLE]{border-color:#9c7356;color:#f1c7ab!important}
.cc-pay-columns{display:grid;grid-template-columns:minmax(160px,245px) minmax(0,1fr);gap:20px;align-items:center}
.cc-pay-qr{min-height:252px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;border:1px solid #4c4c4c;background:#151515}
.cc-pay-qr img{display:block;width:100%;height:auto;max-width:235px;aspect-ratio:1;object-fit:contain;background:white;border:8px solid white;border-radius:5px;image-rendering:auto}
.cc-pay-qr img[hidden]{display:none}
.cc-pay-qr small{text-align:center;color:#aeb0ae;line-height:1.6;font-size:10px}
.cc-pay-loading{text-align:center!important;line-height:1.8}
.cc-pay-instructions h3{font-size:18px;line-height:1.5;color:#f3dfa6;margin:0 0 12px}
.cc-pay-instructions ol{padding-left:20px;margin:0;color:#d3d0c5;line-height:1.9;font-size:12px}
.cc-pay-instructions li{padding:0 0 7px}
.cc-pay-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 9px}
.cc-pay-actions button,.cc-pay-actions .button{flex:1 1 145px;min-height:43px}
.cc-pay-actions .button{background-color:#5e4c29;color:#fff3cf;border-color:#c2a568}
.cc-qr-payment>small{display:block;color:#a9aaa8;font-size:11px;line-height:1.65;margin:8px 0}
#shopDialog:has(.cc-qr-payment){width:740px}
@media(max-width:580px){.cc-qr-payment{padding:11px}.cc-pay-columns{grid-template-columns:1fr;gap:12px}.cc-pay-qr{max-width:290px;width:100%;margin:auto;min-height:0}.cc-pay-qr img{max-width:240px}.cc-pay-instructions ol{margin-bottom:7px}.cc-pay-actions{gap:7px}.cc-pay-actions button,.cc-pay-actions .button{flex:1 1 130px}}

.cc-pay-qr.cc-pay-no-qr{min-height:145px;background:#191816;border-color:#8b7453}.cc-pay-qr.cc-pay-no-qr img{display:none!important}.cc-pay-qr.cc-pay-no-qr .cc-pay-loading{color:#e7cba0!important}.cc-pay-qr.cc-pay-no-qr small{max-width:250px}

.cc-bsc-wallet{display:grid;gap:8px;margin:14px 0;padding:12px;border:1px solid #a18b4a;background:#202018;border-radius:5px}.cc-bsc-wallet strong{color:#f2dc92;font-size:13px}.cc-bsc-wallet small{color:#d2cbb0}.cc-bsc-wallet p{font-size:11px!important;margin:2px 0!important}.cc-bsc-wallet button{width:100%;background-color:#333021}

.cc-payment-countdown{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;margin:12px 0;border:1px solid #8a784c;border-radius:5px;background:#252319;color:#f0db9a;font:600 16px/1.4 ui-monospace,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.cc-payment-countdown:empty{display:none}.cc-payment-countdown[data-expired=true]{color:#f1baac;border-color:#966454;background:#2d1f1d}
.cc-pay-actions .cc-pay-new-order{flex-basis:100%;color:#f8e4a3;border-color:#b49a5e;min-height:48px}.cc-pay-actions .cc-pay-new-order[hidden]{display:none}
.cc-pay-actions button:focus-visible,.cc-pay-actions a:focus-visible{outline:2px solid #f5da8a;outline-offset:3px}
.cc-pay-qr small{font-size:11px;line-height:1.75;max-width:265px}.cc-pay-status{line-height:1.75!important}.cc-pay-instructions li{padding-bottom:9px}
@media(max-width:580px){.cc-payment-countdown{font-size:14px}.cc-pay-actions .cc-pay-new-order{flex-basis:100%}.cc-pay-qr{box-sizing:border-box}.cc-qr-payment{overflow-wrap:anywhere}}

.cc-pay-actions a[aria-disabled=true]{opacity:.45;pointer-events:none;cursor:default}.cc-pay-instructions ol[hidden]{display:none}.cc-pay-qr small[hidden]{display:none}

.cc-pay-qr[hidden],.cc-pay-actions [hidden]{display:none!important}.cc-pay-columns.is-complete{grid-template-columns:1fr;text-align:center;padding:24px 0 8px}.cc-pay-columns.is-complete h3{font-size:25px;margin:0}.cc-pay-actions .cc-pay-done{min-height:48px;border-color:#9db570;color:#eaf4d2;background-color:#34432b}