.binance-payment{max-width:550px;margin:26px auto;color:#eaf0fb;font-family:Arial,sans-serif}.binance-payment-heading{text-align:center;padding:25px;background:#252f42;border:1px solid #39465e;border-radius:10px;margin-bottom:16px}.binance-brand{color:#f3c52b;font:bold 10px Arial;letter-spacing:2px}.binance-payment h1{font-size:23px;margin:12px 0}.binance-payment-heading p{color:#93a8c5;line-height:1.7;font-size:12px}.binance-payment-card{padding:22px;border-radius:10px;background:#252f42;border:1px solid #39465e;margin-bottom:16px}.binance-payment-card[hidden],#binanceContent[hidden],.binance-payment img[hidden],#qrMissing[hidden]{display:none}.binance-payee{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center}.binance-payee>img{width:180px;height:180px;object-fit:contain;border:10px solid white;border-radius:10px;background:white}.binance-payee small{color:#8ea3c1}.binance-payee strong{font-size:20px;letter-spacing:1px}.binance-payment button{border:0;border-radius:6px;padding:12px 18px;background:#e9bb22;color:#182032;font:bold 12px Arial;cursor:pointer}.binance-payment button:disabled{opacity:.5;cursor:wait}.binance-summary-row{display:flex;justify-content:space-between;gap:15px;margin:8px 0 15px;font-size:12px}.binance-summary-row>span{color:#92a9c8}.binance-payment-card>p{font-size:11px;line-height:1.8;color:#99acc7}.binance-payment h2{font-size:15px;margin:0 0 18px}.binance-payment label{display:block;color:#a4b6ce;font-size:11px;margin:17px 0}.binance-payment input{box-sizing:border-box;display:block;width:100%;height:42px;padding:10px;margin:7px 0;border:1px solid #50607a;border-radius:5px;background:#1d2739;color:#fff;font:12px Arial}.binance-payment input[type=file]{height:auto;min-height:42px}.binance-payment input:focus{outline:1px solid #e9bb22}.binance-payment label small{font-size:10px;color:#8196b4}.binance-payment #proofPreview{display:block;max-width:100%;max-height:200px;margin:12px auto;object-fit:contain}.binance-payment #depositSubmit{width:100%;margin-top:6px}.binance-payment .binance-secondary{width:100%;background:transparent;color:#8ebdf7;margin-top:10px}.binance-status{font-size:12px;line-height:1.7;color:#ffcc88;overflow-wrap:anywhere}#depositReceipt{font-size:13px;line-height:1.9;color:#5bdbad;overflow-wrap:anywhere}.binance-payment button:focus-visible{outline:2px solid #259aff;outline-offset:3px}
.binance-payment-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(590px,calc(100vw - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:20px 20px 4px;border:1px solid #3c4b66;border-radius:12px;background:#151e30;color:#eef4ff;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526580 transparent;box-shadow:0 25px 90px #0008}.binance-payment-dialog::backdrop{background:#0d1525c2;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.binance-payment-dialog .binance-payment{margin:17px auto 0;max-width:100%}.binance-dialog-close{position:sticky;top:0;display:block;margin:-9px -7px -25px auto;width:30px;height:30px;padding:0;z-index:2;border:0;border-radius:5px;background:#28344b;color:#e7efff;font:24px/1 Arial;cursor:pointer}.binance-dialog-close:hover{background:#394b69}.binance-dialog-close:focus-visible{outline:2px solid #279dff}.binance-payment-dialog .binance-payment-heading{padding:22px 18px}.binance-payment-dialog .binance-payment-card{padding:19px}.binance-payment-dialog #qrMissing{display:grid;place-items:center;width:170px;min-height:145px;border:1px dashed #5b6b83;border-radius:9px;background:#1c263a;padding:12px;color:#97abc7;font:12px/1.7 Arial}.binance-payment-dialog #qrMissing[hidden]{display:none}
/* Full-window Binance checkout panel, matching the supplied reference. */
.binance-payment-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0 0 28px;border:0;border-radius:0;background:#0f1729;box-shadow:none;overflow-y:auto;color:#e9eff8;font:14px Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#61718a #162033}
.binance-payment-dialog::backdrop{background:#0f1729;backdrop-filter:none;-webkit-backdrop-filter:none}
.binance-checkout-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:8px 12px;box-sizing:border-box;background:#0f1729f5;color:#fff}
.binance-checkout-top>strong{font-size:16px;font-weight:600}.binance-checkout-top>div{display:flex;align-items:center;gap:10px}
.binance-checkout-language{display:grid;place-items:center;box-sizing:border-box;min-width:36px;height:36px;background:#354055;color:#b6c9e1;border-radius:6px;font:11px Arial}
.binance-checkout-top .binance-dialog-close{position:static;display:grid;place-items:center;margin:0;width:36px;height:36px;background:#354055;color:#becce0;border-radius:6px;font:25px/1 Arial}
.binance-payment-dialog .binance-payment{box-sizing:border-box;width:450px;max-width:calc(100vw - 28px);margin:8px auto 0;font-size:14px}
.binance-payment-dialog .binance-payment-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:96px;padding:22px 18px;margin:0 0 12px;border:0;border-radius:13px;background:#202c3c}
.binance-payment-dialog .binance-payment-heading h1{font-size:20px;font-weight:500;letter-spacing:0;line-height:1.4;margin:0 0 5px}
.binance-payment-dialog .binance-payment-heading p{font-size:12px;line-height:1.6;color:#88a5c4;margin:0}
.binance-payment-dialog .binance-payment-card{box-sizing:border-box;border:0;border-radius:13px;background:#202c3c;margin:0 0 12px;padding:18px 16px}
.binance-payment-dialog .binance-payee{gap:10px;padding:18px 18px 20px}
.binance-payment-dialog .binance-payee>img{box-sizing:border-box;width:160px;height:160px;margin:0 0 4px;border:12px solid #fff;border-radius:12px;object-fit:contain;background:#fff}
.binance-payment-dialog .binance-qr-caption{font-size:12px;line-height:1.5;margin:2px 0 5px;color:#88a5c4}
.binance-payment-dialog .binance-payee>small{font-size:11px;color:#88a5c4}
.binance-payment-dialog .binance-payee>strong{font-size:18px;font-weight:500;letter-spacing:.5px}
.binance-payment-dialog .binance-payee>button{font-size:11px;padding:8px 14px;background:#2d3c51;color:#c5d8f0;border:1px solid #465976}
.binance-payment-dialog .binance-summary-row{font-size:14px;line-height:1.6;margin:0 0 5px;gap:16px}
.binance-payment-dialog .binance-summary-row strong{font-weight:400;color:#fff}
.binance-payment-dialog .binance-summary-row>span{color:#88a5c4}
.binance-payment-dialog .binance-payment-card>p{font-size:11px;line-height:1.7;color:#88a5c4;margin:12px 0 0}
.binance-payment-dialog #depositForm h2{font-size:16px;font-weight:500;margin:0 0 20px}
.binance-payment-dialog #depositForm label{font-size:12px;color:#99b2cf;margin:16px 0}
.binance-payment-dialog #depositForm input{height:43px;border-color:#42546d;background:#182438;font-size:13px}
.binance-payment-dialog #depositForm input[type=file]{height:auto;min-height:44px;padding:10px}
.binance-payment-dialog #depositSubmit{min-height:46px;border-radius:24px;background:#f0b90b;color:#171c28;font-size:13px}
.binance-payment-dialog .binance-status:empty{display:none}
.binance-payment-dialog .binance-status:not(:empty){padding:10px 13px;margin:0 0 12px;border:1px solid #685837;border-radius:9px;background:#302a20;color:#e6c98c;font-size:11px}
.binance-payment-dialog #qrMissing{box-sizing:border-box;width:160px;height:160px;min-height:160px;margin:0 0 4px;border:1px dashed #61718a;border-radius:12px;background:#182438;color:#99adca;font-size:12px;line-height:1.6}
@media(max-width:500px){.binance-payment-dialog .binance-payment{margin-top:4px}.binance-payment-dialog .binance-summary-row{font-size:13px}.binance-payment-dialog .binance-payment-heading h1{font-size:19px}}
.binance-payment #proofPreview[hidden]{display:none}
/* Simplified checkout: one amount, one payee card and one proof form. */
.binance-payment-dialog .binance-payment{width:680px;margin:22px auto 30px}.binance-payment-dialog .binance-payment-heading{background:transparent;border-radius:0;padding:6px 0 22px;min-height:0;margin-bottom:0;gap:8px}.binance-payment-dialog .binance-brand{font-size:10px;letter-spacing:2px;color:#f2c334}.binance-payment-dialog .binance-payment-heading h1{font-size:25px;font-weight:600;margin:0}.binance-amount-badge{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px;padding:12px 22px;border:1px solid #33435b;border-radius:9px;background:#1c293c}.binance-amount-badge span{font-size:12px;color:#98aec9}.binance-amount-badge strong{font-size:21px;font-weight:600;color:#fff;letter-spacing:-.3px}
.binance-checkout-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:16px;align-items:start}.binance-payment-dialog .binance-payment-card{border:1px solid #314158;border-radius:12px;margin:0;padding:23px;background:#1e2b3e}.binance-payment-dialog .binance-payee{gap:14px;padding:26px 20px;min-height:300px}.binance-payment-dialog .binance-payee>img{width:174px;height:174px;border-width:12px;border-radius:12px}.binance-payment-dialog .binance-payee>small{margin-top:5px;font-size:11px}.binance-payment-dialog .binance-payee>strong{font-size:18px}.binance-payment-dialog .binance-payee>button{border-radius:5px;padding:8px 15px;margin-top:0}.binance-payment #copyBinanceId[hidden]{display:none}
.binance-payment-dialog #depositForm h2{font-size:15px;font-weight:600;margin:0 0 19px}.binance-payment-dialog #depositForm label{margin:0 0 17px;color:#b6c7df;font-size:11px}.binance-payment-dialog #depositForm input{height:43px;border:1px solid #465a78;border-radius:6px;background:#152237;margin-top:8px}.binance-payment-dialog #depositForm input::placeholder{color:#6f85a3;font-size:11px}.binance-payment-dialog #depositForm input[type=file]{height:auto;min-height:73px;border:1px dashed #526b8c;padding:12px;color:#8da5c5;white-space:normal;font-size:10px}.binance-payment-dialog #depositScreenshot::file-selector-button{border:1px solid #4d6689;border-radius:4px;background:#293e59;color:#dce9fa;padding:7px 10px;margin-right:7px;font:11px Arial;cursor:pointer}.binance-payment-dialog #depositSubmit{border-radius:7px;font-size:12px;height:44px;min-height:44px;margin-top:0}.binance-payment-dialog .binance-review-note{text-align:center;color:#839bbb;font-size:10px;line-height:1.6;margin:12px 0 4px}.binance-payment-dialog .binance-secondary{font-size:10px;margin-top:2px;padding:9px}.binance-payment-dialog #proofPreview{max-height:140px}.binance-payment-dialog #depositReceipt{grid-column:1/-1;line-height:1.8}.binance-payment-dialog #qrMissing{width:174px;height:174px;min-height:174px;margin:0;background:#172439;border-color:#4b6385;font-size:12px}.binance-payment-dialog .binance-status:not(:empty){font-size:11px;padding:10px 13px;margin-bottom:15px;border-color:#685731;background:#30281c}.binance-checkout-top{padding:10px 18px}.binance-checkout-top>strong{letter-spacing:.4px;font-size:15px}.binance-checkout-top .binance-dialog-close{height:32px;width:32px;background:#24334a}
@media(max-width:620px){.binance-payment-dialog .binance-payment{width:450px;max-width:calc(100vw - 28px);margin-top:12px}.binance-checkout-body{grid-template-columns:1fr;gap:13px}.binance-payment-dialog .binance-payment-heading h1{font-size:22px}.binance-payment-dialog .binance-payee{min-height:0;padding:21px}.binance-payment-dialog .binance-payment-card{padding:21px}.binance-payment-dialog .binance-payee>img,.binance-payment-dialog #qrMissing{width:156px;height:156px;min-height:156px}}
/* Reference layout: centered, vertically stacked payment cards. */
.binance-payment-dialog .binance-payment{width:450px;max-width:calc(100vw - 28px);margin:8px auto 30px}
.binance-payment-dialog .binance-payment-heading{display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;min-height:96px;padding:22px 18px;gap:0;margin:0 0 12px;border:0;border-radius:13px;background:#202c3c}
.binance-payment-dialog .binance-payment-heading h1{font-size:20px;font-weight:500;line-height:1.4;margin:0 0 5px}
.binance-payment-dialog .binance-payment-heading p{font-size:12px;color:#88a5c4;margin:0;line-height:1.6}
.binance-payment-dialog .binance-checkout-body{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.binance-payment-dialog .binance-payment-card{box-sizing:border-box;width:100%;padding:18px 16px;margin:0;border:0;border-radius:13px;background:#202c3c}
.binance-payment-dialog .binance-payee{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 18px 20px;min-height:0}
.binance-payment-dialog .binance-payee>img{width:160px;height:160px;box-sizing:border-box;margin:0 0 4px;border:12px solid #fff;border-radius:12px}
.binance-payment-dialog #qrMissing{width:160px;height:160px;min-height:160px;box-sizing:border-box;margin:0;border:1px dashed #61718a;border-radius:12px}
.binance-payment-dialog .binance-payee .binance-qr-caption{font-size:12px;color:#88a5c4;margin:2px 0 5px}
.binance-payment-dialog .binance-payee>small{font-size:11px;margin:0;color:#88a5c4}
.binance-payment-dialog .binance-payee>strong{font-size:18px;font-weight:500;letter-spacing:.5px}
.binance-payment-dialog .binance-summary-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;line-height:1.6;margin:0 0 5px}
.binance-payment-dialog .binance-summary-row:last-child{margin-bottom:0}
.binance-payment-dialog .binance-summary-row>span{color:#88a5c4}.binance-payment-dialog .binance-summary-row>strong{font-weight:400;color:#fff}
.binance-payment-dialog .binance-description>span{color:#88a5c4;font-size:13px}.binance-payment-dialog .binance-description>p{margin:7px 0 0;color:#eef4fc;font-size:13px}
.binance-payment-dialog #depositForm{padding:20px 16px}.binance-payment-dialog #depositForm h2{font-size:15px;font-weight:500;margin:0 0 18px}
.binance-payment-dialog #depositForm label{font-size:12px;margin:15px 0}.binance-payment-dialog #depositSubmit{min-height:46px;border-radius:24px;background:#f0b90b;font-size:13px}
@media(max-width:500px){.binance-payment-dialog .binance-payment{margin-top:4px}.binance-payment-dialog .binance-summary-row{font-size:13px}.binance-payment-dialog .binance-payment-heading h1{font-size:19px}}
/* Accessible custom screenshot upload with native file selection underneath. */
.binance-payment .binance-upload-field{display:block}
.binance-payment .proof-field-label{display:block;margin-bottom:9px;font-size:12px;color:#a9bfd9}
.binance-payment .proof-upload-box{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;box-sizing:border-box;min-height:155px;padding:21px 18px;border:1px dashed #527299;border-radius:10px;background:linear-gradient(140deg,#21354e90,#162439);text-align:center;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;overflow:hidden}
.binance-payment .proof-upload-icon{box-sizing:content-box;width:23px;height:23px;padding:10px;background:#3c83c51c;border:1px solid #609bcb30;border-radius:11px;color:#87bce8;margin-bottom:2px}
.binance-payment .proof-upload-box>strong{max-width:100%;color:#dceafa;font:bold 12px/1.5 Arial;overflow-wrap:anywhere}
.binance-payment .proof-upload-box>span{color:#8ca8c9;font:11px/1.5 Arial}
.binance-payment .proof-upload-box>small{color:#6f88a9;font:10px/1.5 Arial}
.binance-payment .proof-upload-box:hover,.binance-payment .binance-upload-field.is-dragging .proof-upload-box{border-color:#6bbaff;background:#23436560;box-shadow:0 0 0 3px #318ff50a}
.binance-payment .proof-upload-box:focus-within{outline:2px solid #56acff;outline-offset:3px;border-color:#56acff}
.binance-payment #depositForm .proof-upload-box>input[type=file]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;border:0;cursor:pointer;z-index:1}
.binance-payment #proofPreview{border:1px solid #405675;border-radius:8px;padding:4px;background:#142136}
/* Compact screenshot upload. */
.binance-payment .proof-field-label{font-size:11px;margin-bottom:7px}
.binance-payment .proof-upload-box{min-height:105px;padding:12px 14px;gap:5px;border-radius:8px}
.binance-payment .proof-upload-icon{width:18px;height:18px;padding:7px;border-radius:8px;margin-bottom:0}
.binance-payment .proof-upload-box>strong{font-size:11px;line-height:1.4}
.binance-payment .proof-upload-box>span{font-size:10px;line-height:1.4}
.binance-payment .proof-upload-box>small{font-size:9px;line-height:1.4}
/* Join payment summary and proof form without the dark gap. */
.binance-payment-dialog .binance-checkout-body{gap:0}
.binance-payment-dialog .binance-payee{margin-bottom:12px}
.binance-payment-dialog .binance-payment-summary{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:12px}
.binance-payment-dialog #depositForm{border-top-left-radius:0;border-top-right-radius:0;padding-top:15px}
.binance-payment-dialog #depositReceipt:not([hidden]){margin-top:12px}
.binance-payment .binance-id-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.binance-payment .binance-id-value>strong{font-size:14px;font-weight:500;color:#f3f7ff;letter-spacing:.3px;user-select:all;overflow-wrap:anywhere}
.binance-payment .binance-id-value>.binance-copy-id{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border:1px solid #48617e;border-radius:5px;background:#2b3f59;color:#b7d9ff;font:11px Arial;cursor:pointer;white-space:nowrap}
.binance-payment .binance-id-value>.binance-copy-id:hover:not(:disabled){background:#365878;border-color:#71a8d5}
.binance-payment .binance-id-value>.binance-copy-id:disabled{opacity:.4;cursor:not-allowed}
.binance-payment .binance-id-value>.binance-copy-id:focus-visible{outline:2px solid #52aaff;outline-offset:3px}
.binance-payment .binance-id-value>.binance-copy-id{width:28px;height:28px;min-height:28px;padding:5px;border-radius:5px}
.binance-payment .binance-id-value>.binance-copy-id svg{display:block;width:16px;height:16px;flex-shrink:0}

.binance-payment .binance-status:empty{display:none}