﻿.deposit-picker{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:23px;border:1px solid #424b60;border-radius:8px;background:#2a3042;color:#f1f5fc;box-shadow:0 25px 90px #0005;overflow:auto;font:12px Arial,sans-serif}.deposit-picker::backdrop{background:#101624b5;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.deposit-picker-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #586078;padding-bottom:17px;margin-bottom:19px}.deposit-picker-head h2{font-size:15px;margin:0}.deposit-picker-close{width:28px;height:28px;padding:0;border:0;background:transparent;color:#aebbd0;border-radius:4px;font:26px/1 Arial;cursor:pointer}.deposit-picker-close:hover{background:#3b445a;color:#fff}.deposit-picker-content{display:grid;grid-template-columns:205px minmax(0,1fr);gap:17px}.deposit-picker-side{align-self:start;padding:19px 15px;border:1px solid #22bc8144;border-radius:7px;background:linear-gradient(135deg,#0ba461,#0a8959)}.deposit-picker-badge{display:block;font-size:9px;font-weight:bold;letter-spacing:.9px;color:#d4ffe9;margin-bottom:14px}.deposit-picker-side strong{display:block;font-size:16px;line-height:1.5}.deposit-picker-side p{font-size:11px;color:#c3efdc;line-height:1.6;margin-bottom:0}.deposit-picker-main>p:first-child{font-size:11px;font-weight:bold;color:#cad4e4;margin:0 0 11px}.deposit-picker-methods{display:grid;gap:10px}.deposit-picker-method{display:flex;align-items:center;gap:12px;min-height:70px;width:100%;padding:13px;border:1px solid #e5e9f2;border-radius:5px;background:#fff;color:#28354d;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}.deposit-picker-method:hover:not(:disabled){transform:translateX(2px);border-color:#57bdff;background:#f1f8ff}.deposit-picker-method:disabled{opacity:.45;cursor:not-allowed}.deposit-picker-icon{width:33px;height:33px;object-fit:contain;flex-shrink:0}.deposit-picker-icon.is-binance{display:grid;place-items:center;color:#e6a900;font-size:30px}.deposit-picker-method strong{display:block;font:700 13px Arial}.deposit-picker-method small{display:block;color:#8190a5;font-size:10px;margin-top:5px}.deposit-picker-arrow{margin-left:auto;font-size:22px;color:#a0abc0}#deposit-picker-status{font-size:11px;color:#b8c7de;line-height:1.6;margin:12px 0 0}.deposit-picker button:focus-visible{outline:2px solid #279dff;outline-offset:3px}@media(max-width:540px){.deposit-picker{padding:18px}.deposit-picker-content{grid-template-columns:1fr}.deposit-picker-side{padding:14px}.deposit-picker-side strong{font-size:14px}.deposit-picker-badge{margin-bottom:6px}.deposit-picker-side p{margin-top:4px}}
.deposit-method-summary{align-self:start;padding:18px;background:#fff;border-radius:5px;color:#344159}.deposit-method-summary h3{font-size:14px;margin:0 0 18px}.deposit-method-summary p{font-size:11px;color:#8090a5;border-top:1px dashed #d4dce8;padding-top:14px}.deposit-change{border:0;background:transparent;color:#168bea;font:11px Arial;cursor:pointer;padding:7px 0}.deposit-checkout-form{min-width:0}.deposit-checkout-info{padding:12px;border:1px solid #3e648b;background:#203a553d;border-radius:4px;color:#b6cbe3;font:11px/1.7 Arial;margin:0 0 20px}.deposit-checkout-form label{display:block;color:#9dafc8;font:11px Arial}.deposit-checkout-form input{box-sizing:border-box;width:100%;height:42px;background:#252d40;color:#fff;border:1px solid #65718a;border-radius:4px;padding:0 12px;font:14px Arial;margin-top:7px}.deposit-checkout-form input:focus{outline:1px solid #259aff}.deposit-checkout-total{margin:24px 0 12px;border-top:1px dashed #536077;padding-top:16px;color:#c4d3e7;font:bold 12px Arial}.deposit-proceed{border:0;width:100%;padding:13px;background:#087ed9;color:#fff;border-radius:4px;font:bold 12px Arial;cursor:pointer}.deposit-proceed:disabled{opacity:.5;cursor:wait}.deposit-checkout-status{color:#ffbf8c;font:11px/1.7 Arial;margin-bottom:0}

.deposit-picker-method{gap:15px;padding:12px 15px;border-radius:8px}.deposit-picker-logo{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:11px;border:1px solid #e8edf4;background:#f7f9fc}.deposit-picker-logo .deposit-picker-icon{display:block;width:32px;height:32px;object-fit:contain}.deposit-picker-logo.is-bkash{background:#fff1f7;border-color:#fbdce9}.deposit-picker-logo.is-nagad{background:#fff6ed;border-color:#ffe5ce}.deposit-picker-logo.is-nagad .deposit-picker-icon{width:31px;height:38px}.deposit-picker-logo.is-binance{background:#fff9e8;border-color:#f8eac0}.deposit-picker-logo.is-binance .deposit-picker-icon{width:31px;height:31px}

.deposit-summary-method{display:flex;align-items:center;gap:10px;min-width:0}.deposit-method-summary .deposit-summary-method h3{margin:0;font-size:13px;line-height:1.4}.deposit-summary-logo{display:block;flex:0 0 25px;width:25px;height:29px;object-fit:contain}.deposit-method-summary .deposit-summary-method+p{margin-top:16px}

.deposit-checkout-form label+label{margin-top:16px}
/* Compact mobile deposit checkout; keep every field and the payment action reachable. */
@media(max-width:700px){
 .deposit-picker.deposit-picker{width:calc(100vw - 32px);max-width:400px;max-height:calc(100dvh - 40px);padding:14px;border-radius:13px;scrollbar-width:thin;scrollbar-color:#536583 transparent}
 .deposit-picker .deposit-picker-head{padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid #43506a}
 .deposit-picker .deposit-picker-head h2{font-size:14px}
 .deposit-picker .deposit-picker-close{width:30px;height:30px;font-size:24px}
 .deposit-picker .deposit-picker-content{grid-template-columns:minmax(0,1fr);gap:10px}
 .deposit-picker .deposit-method-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:3px;align-items:center;padding:10px 11px;border-radius:9px;background:#202c42;border:1px solid #41516b;color:#eef4ff}
 .deposit-picker .deposit-summary-method{grid-column:1;grid-row:1;gap:7px}
 .deposit-picker .deposit-summary-logo{width:21px;height:24px;flex-basis:21px}
 .deposit-picker .deposit-summary-method h3{font-size:12px}
 .deposit-picker .deposit-method-summary .deposit-summary-method+p{grid-column:1;grid-row:2;margin:0;padding:0;border:0;font-size:10px;color:#9fadc4}
 .deposit-picker .deposit-change{grid-column:2;grid-row:1/3;font-size:10px;line-height:1.4;padding:10px 0;color:#72bbff}
 .deposit-picker .deposit-checkout-info{padding:8px 9px;margin:0 0 11px;border-radius:7px;font-size:10px;line-height:1.5}
 .deposit-picker .deposit-checkout-form label{font-size:10px;line-height:1.4}
 .deposit-picker .deposit-checkout-form label+label{margin-top:10px}
 .deposit-picker .deposit-checkout-form input{height:38px;margin-top:5px;padding:0 10px;border-radius:7px;font-size:16px}
 .deposit-picker .deposit-checkout-form label small{display:block;margin-top:4px;font-size:9px;line-height:1.5;color:#a8b7cc}
 .deposit-picker .deposit-checkout-total{margin:12px 0 10px;padding-top:9px;font-size:11px;line-height:1.5}
 .deposit-picker .deposit-proceed{min-height:42px;padding:11px;border-radius:8px;font-size:12px}
 .deposit-picker .deposit-checkout-status{font-size:10px;line-height:1.5;margin:8px 0 0}
 .deposit-picker .deposit-checkout-status:empty{display:none}
 .deposit-picker .deposit-picker-side{padding:11px;border-radius:9px}
 .deposit-picker .deposit-picker-side strong{font-size:13px}
 .deposit-picker .deposit-picker-side p{font-size:10px;line-height:1.5}
 .deposit-picker .deposit-picker-method{min-height:58px;padding:9px 11px;gap:10px}
 .deposit-picker .deposit-picker-logo{width:36px;height:36px;flex-basis:36px;border-radius:9px}
 .deposit-picker .deposit-picker-logo .deposit-picker-icon{width:26px;height:26px}
 .deposit-picker .deposit-picker-methods{gap:8px}
}
