/* Responsive overrides shared by the application and administration screens. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
html{height:100%;height:100dvh}body{max-width:100%;-webkit-text-size-adjust:100%}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{max-width:100%;box-sizing:border-box}img,canvas{max-width:100%}
.shared-header.topbar{height:88px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;padding:8px 12px;box-sizing:border-box}.shared-header .brand-area{min-height:30px;justify-content:flex-start;gap:10px}.shared-header .menu-btn{margin:0 4px 0 0;min-width:30px;min-height:30px}.shared-header .brand-home>div{gap:7px}.shared-header .brand{font-size:14px}.shared-header .subtitle,.shared-header .promo{display:none!important}.shared-header .account-tools{display:flex;gap:6px;width:100%;min-width:0}.shared-header .account-tools .account{display:flex!important;flex:1 1 0;min-width:0;width:auto;height:40px;padding:5px 10px}.shared-header .account-tools .deposit,.shared-header .account-tools .withdraw{display:block!important;flex:0 1 86px;width:auto;min-width:0;height:40px;padding:0 10px;font-size:12px}.shared-header .account-tools .icon-btn{display:none}
.shared-sidebar.sidebar{top:88px;width:48px;min-width:48px}.shared-sidebar .nav-item{margin:3px 4px;height:58px;font-size:8px}.shared-sidebar .nav-item em{font-size:8px}.shared-sidebar .nav-item.active{margin:6px 4px;height:54px}.shared-sidebar .nav-item i{right:1px}.shared-sidebar .sidebar-bottom{gap:8px;padding:10px 0 max(10px,env(safe-area-inset-bottom))}.shared-sidebar .sidebar-bottom .rail-join,.shared-sidebar .sidebar-bottom .rail-help{width:44px;height:44px;flex-basis:44px}.shared-sidebar .rail-utilities{display:none}
body.shared-content>main{inset:88px 0 0 48px;padding:12px 12px 24px;overflow-y:auto;overflow-x:hidden}body.shared-content main>*{min-width:0;max-width:100%}body.shared-content main .cols,body.shared-content main .row{min-width:0;gap:12px}body.shared-content main .cols{display:grid;grid-template-columns:minmax(0,1fr)}body.shared-content main .row{display:flex;flex-wrap:wrap}body.shared-content main .row>.card{flex:1 1 100%;margin:0;min-width:0}body.shared-content main .section{min-width:0;width:100%;box-sizing:border-box;padding:16px 12px}body.shared-content main input:not([type=checkbox]):not([type=radio]),body.shared-content main select{min-width:0;width:100%;font-size:16px}body.shared-content main .green,body.shared-content main p{overflow-wrap:anywhere}body.shared-content main .page-tabs{margin-bottom:18px}body.shared-content main table{min-width:520px}body.shared-content main .card{box-sizing:border-box;min-width:0}body.shared-content main .card:has(table){overflow-x:auto}body.shared-content main button{min-height:38px}
body.trading-page{height:auto;overflow-x:hidden;overflow-y:auto}.trading-page .terminal{height:auto;min-height:100dvh;padding-top:88px}.trading-page .terminal>.body-grid{height:auto;min-height:calc(100dvh - 88px);grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(290px,43dvh) auto;gap:0}.trading-page .terminal>.body-grid>.workspace{grid-column:2;grid-row:1;min-width:0;min-height:290px}.trading-page .terminal>.body-grid>.trade-panel{display:grid;grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 12px 18px;border-top:1px solid #36415a;min-width:0;background:#202535}.trading-page .trade-header{grid-column:1/-1;justify-content:space-between}.trading-page .trade-panel .pending{display:none}.trading-page .trade-panel .order-field{min-width:0;height:53px;margin:0 0 6px;padding:0 6px 6px}.trading-page .order-field .stepper{height:34px;gap:3px}.trading-page .order-field .stepper button{width:26px;height:26px;flex-basis:26px}.trading-page .order-field .stepper strong{font-size:12px}.trading-page .trade-panel .investment-value{padding:0 3px;gap:2px}.trading-page .trade-panel .investment-input{font-size:14px}.trading-page .trade-panel .field-switch{font-size:9px;cursor:pointer}.trading-page .payout{grid-column:1/-1;margin:0;display:flex;justify-content:space-between}.trading-page .buy,.trading-page .sell{height:46px;margin:0}.trading-page .trade-panel>.trades{grid-column:1/-1;margin:4px 0 0;padding:12px 0;max-height:250px;overflow-y:auto;min-width:0}.trading-page .instrument-row{height:54px;gap:7px;padding:8px;overflow-x:auto;min-width:0;scrollbar-width:thin}.trading-page .instrument-row .pair{flex:0 0 122px;width:122px}.trading-page .instrument-row .add{flex:0 0 32px}.trading-page .chart-head{height:28px;padding-left:9px;gap:7px;font-size:9px;white-space:nowrap}.trading-page .chart{top:82px}.trading-page .chart-interactions{max-width:calc(100% - 12px);overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none}.trading-page .chart-interactions>*{flex-shrink:0}.trading-page .pair-picker{left:5px;width:calc(100vw - 72px);max-height:65dvh;overflow:auto}
.bonus-modal,.wallet-modal,.account-modal,.profile-modal{padding:12px;box-sizing:border-box;overflow-y:auto}.bonus-box,.wallet-box,.account-box,.profile-box{box-sizing:border-box;width:100%;max-width:560px;max-height:calc(100dvh - 24px);overflow-y:auto;margin:auto;padding:20px 16px}.account-box input,.wallet-box input,.profile-box input,.profile-box select,.deposit-picker input{font-size:16px}.profile-columns{grid-template-columns:1fr}.market-grid{grid-template-columns:minmax(0,1fr)}.deposit-picker{max-height:calc(100dvh - 24px);padding:18px;width:calc(100vw - 24px)}.deposit-picker-content{grid-template-columns:minmax(0,1fr);gap:14px}.deposit-method-summary{padding:12px 15px}.deposit-method-summary p{margin:8px 0;padding-top:8px}.deposit-checkout-info{margin-bottom:14px}.deposit-checkout-form label+label{margin-top:14px}.deposit-proceed{min-height:46px}.support-content{padding:16px 24px}.support-card{height:135px}.support-contact{padding-top:28px}.main-drawer{max-width:calc(100vw - 24px)}
body.admin-page{overflow:auto}.admin-page .admin-main{min-width:0;flex:1;padding:18px 12px!important}.admin-page #admin-panel>.topbar{position:static;inset:auto;height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 18px;margin:0 0 18px;box-sizing:border-box}.admin-page #admin-panel>.topbar h1{font-size:25px;margin:0 0 7px}.admin-page #admin-panel>.topbar>div{max-width:100%;min-width:0}.admin-page #admin-panel>.topbar button{min-height:40px}body.admin-page #admin-sidebar{position:sticky;top:0;height:100dvh;width:60px!important;min-width:60px!important;flex:0 0 60px!important;padding:15px 5px!important}body.admin-page #admin-sidebar .brand{padding:4px 0 20px!important}body.admin-page #admin-sidebar .nav-item{min-height:45px!important;margin:3px 0!important;padding:10px 0!important;font-size:0!important;justify-content:center!important}body.admin-page #admin-sidebar .admin-nav-icon{width:21px;height:21px;flex-basis:21px}.admin-page .settings-form{grid-template-columns:minmax(0,1fr)!important;gap:15px}.admin-page .settings-form label,.admin-page .settings-form input,.admin-page .settings-form select{min-width:0;width:100%;box-sizing:border-box}.admin-page .settings-form input,.admin-page .settings-form select{font-size:16px}.admin-page .panel,.admin-page .stat{min-width:0;border-radius:12px;padding:14px!important}.admin-page .stats{gap:10px!important}.admin-page .stat strong{font-size:23px!important}.admin-page .grid{grid-template-columns:minmax(0,1fr)!important}.admin-page .row{flex-wrap:wrap;overflow-wrap:anywhere}.admin-page .row>div{min-width:0;max-width:100%}.admin-page .panel-head,.admin-page .section-heading,.admin-page .payment-save{flex-wrap:wrap;gap:12px}.admin-page .payment-editor{grid-template-columns:minmax(0,1fr)}.admin-page .payment-method-card{min-width:0;padding:14px}.admin-page .table-wrap{max-width:100%;overflow:auto}.admin-page .admin-search{box-sizing:border-box;min-width:0;font-size:16px}.admin-page #admin-login-card{box-sizing:border-box;width:100%;max-width:420px;margin:16px auto;padding:20px}.admin-page #admin-login input{font-size:16px;min-width:0;width:100%;box-sizing:border-box}
}
@media(max-width:360px){.shared-header.topbar{padding-left:8px;padding-right:8px}.shared-header .account-tools .deposit,.shared-header .account-tools .withdraw{flex-basis:74px;padding:0 6px;font-size:11px}.trading-page .terminal>.body-grid>.trade-panel{padding:12px 8px;gap:8px}.trading-page .order-field .stepper button{width:22px;height:26px;flex-basis:22px}.trading-page .trade-panel .investment-value{gap:1px;padding:0 1px}.admin-page .stats{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:900px) and (max-height:500px){.shared-sidebar.sidebar>nav{overflow-y:auto}.support-card{height:110px}.support-contact{padding-top:16px}}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){.shared-sidebar.sidebar .nav-item{width:48px;height:58px;margin:3px 4px}.shared-sidebar.sidebar .nav-item.active{width:48px;height:54px;margin:6px 4px}.shared-sidebar .nav-item em{font:700 7px/1.2 Arial,sans-serif;letter-spacing:0}.shared-sidebar .nav-item i{right:0}.admin-page #admin-panel>.topbar .actions{display:flex;flex-wrap:wrap;gap:8px}.admin-page #admin-panel>.topbar .actions button{margin:0}.admin-page .admin-main #admin-panel{min-width:0}.admin-page .login-card h2{font-size:23px}.admin-page #workspace-view{min-width:0;max-width:100%}.admin-page .control-layout,.admin-page .market-list{grid-template-columns:minmax(0,1fr)}.admin-page .section-description{overflow-wrap:anywhere}.admin-page .settings-form button{min-height:44px}.admin-page .panel-head h2{font-size:17px}}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){.more-panel{top:88px;left:48px;width:min(280px,calc(100vw - 48px));max-width:calc(100vw - 48px)}.account-box.is-verifying{width:min(360px,calc(100vw - 24px));max-width:100%;padding:22px 18px}.admin-page .admin-proof-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.about-hero{padding:24px 18px}.about-features>div,.about-section{padding:18px}.timezone-dialog{max-width:calc(100vw - 24px)}}

/* Compact mobile trading layout, including the 320px viewport. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.shared-header.topbar{height:88px;padding:7px 10px;gap:6px;border-bottom:1px solid #354059}.shared-header .brand-area{min-height:26px}.shared-header .menu-btn{min-height:26px}.shared-header .brand-home img{max-height:25px;width:auto}.shared-header .account-tools .account,.shared-header .account-tools .deposit,.shared-header .account-tools .withdraw{height:36px;border-radius:6px}.shared-header .account-tools .account{padding:4px 9px}.shared-header .account-tools .account strong{font-size:12px}.shared-header .account-tools .account small{font-size:8px;letter-spacing:.3px}
.shared-sidebar.sidebar .nav-item{width:42px;margin:3px;height:56px}.shared-sidebar.sidebar .nav-item.active{width:42px;height:50px;margin:6px 3px;border-radius:7px}.shared-sidebar .sidebar-bottom .rail-join,.shared-sidebar .sidebar-bottom .rail-help{width:40px;height:42px;flex-basis:42px;font-size:8px;border-radius:7px}.shared-sidebar .sidebar-bottom{gap:7px}.shared-sidebar .nav-item em{font-size:7px}.shared-sidebar .nav-item span{height:23px;width:23px}
.trading-page .terminal>.body-grid{grid-template-rows:minmax(280px,calc(100dvh - 288px)) auto}.trading-page .terminal>.body-grid>.workspace{min-height:280px}.trading-page .instrument-row{height:48px;gap:6px;padding:6px 8px;scrollbar-width:none}.trading-page .instrument-row::-webkit-scrollbar{display:none}.trading-page .instrument-row .pair{flex-basis:118px;height:34px;border-radius:6px;padding:5px 9px}.trading-page .instrument-row .add{height:32px;border-radius:7px}.trading-page .chart-head{height:26px;padding-left:8px;font-size:8px}.trading-page .chart-head button{font-size:8px;padding:4px 8px}.trading-page .chart{top:74px}
.trading-page .chart-interactions{position:relative;left:6px;top:5px;right:auto;display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:calc(100% - 12px);max-width:none;padding:0;overflow:visible;white-space:normal}.trading-page .chart-interactions>span{flex:0 0 100%;height:17px;box-sizing:border-box;padding:2px 5px;background:transparent;font:600 7px/13px Arial;color:#83b5d9;letter-spacing:.1px}.trading-page .chart-interactions button{min-width:27px;height:27px;padding:0 6px;border-radius:5px;background:#263248;border-color:#46546e;font-size:11px}.trading-page .chart-interactions>.candle-countdown{margin-left:auto;padding:0 3px;font:600 10px/27px Arial;color:#c4d4e9}.trading-page .tf-menu{left:auto;right:0;top:31px;grid-template-columns:repeat(4,32px);border-radius:7px}.trading-page .tf-menu button{padding:0 2px;min-width:30px}
.trading-page .terminal>.body-grid>.trade-panel{padding:12px 10px 16px;gap:8px;background:#20293c;border-top:1px solid #3a4760}.trading-page .trade-header{padding:0 1px 2px;font-size:11px}.trading-page .trade-header b{color:#95b8e4}.trading-page .trade-panel .order-field{height:60px;margin:0 0 3px;border-radius:8px;background:#263248;border-color:#495975;padding:0 5px 8px}.trading-page .order-field legend{font-size:9px;color:#b3c2d8;padding:0 4px}.trading-page .order-field .stepper{height:31px;gap:3px}.trading-page .order-field .stepper button{width:25px;height:28px;flex-basis:25px;background:#3b4b65;font-size:17px}.trading-page .trade-panel .field-switch{bottom:3px;padding:1px 4px;background:#263248;font-size:8px;line-height:11px;border-radius:3px}.trading-page .payout{font-size:10px;padding:0 2px}.trading-page .buy,.trading-page .sell{height:44px;border-radius:8px;font-size:13px;padding:0 12px;box-shadow:0 3px 10px #0002}.trading-page .trade-panel>.trades{border-radius:8px;border:1px solid #3a4760;padding:10px 0 0;background:#1c2537}.trading-page .trade-panel>.trades>.tabs{padding:0 10px 10px}.trading-page .trade-panel>.trades>.trade-row{margin:0 10px}
.trading-page .pair-picker{position:fixed;top:96px;left:12px;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 116px);z-index:110;padding:18px 14px;border-radius:12px;background:#1c283c;border:1px solid #40516e;overflow-y:auto}.trading-page .pair-picker h2{font-size:18px;margin:0 0 16px}.trading-page .pair-picker .pair-search{width:100%;box-sizing:border-box;height:42px;border-radius:7px;font-size:16px;background:#172236;border-color:#40516e}.trading-page .pair-options{max-height:calc(100dvh - 240px);border-top:0}.trading-page .pair-options::before{display:none}.trading-page .pair-options .pair-option{display:block;width:100%;min-height:44px;max-width:100%;padding:10px;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:12px;border-radius:6px;margin-top:5px;background:#25354e;border:1px solid #354a68}
body.shared-content>main{padding-left:12px;padding-right:12px}.more-panel{top:88px;left:48px;width:min(280px,calc(100vw - 48px));max-width:calc(100vw - 48px)}
}
@media(max-width:360px){.trading-page .terminal>.body-grid>.trade-panel{padding:11px 8px 14px}.trading-page .order-field .stepper button{width:23px;flex-basis:23px}.trading-page .order-field .stepper strong{font-size:12px}.trading-page .trade-panel .investment-input{font-size:13px}.trading-page .chart-interactions{gap:3px}.trading-page .chart-interactions button{min-width:26px;padding:0 5px}}

/* Matching cards for duration and stake, with consistent control alignment. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.trading-page .trade-panel .order-field{position:relative;box-sizing:border-box;height:76px;min-width:0;margin:0 0 3px;padding:22px 7px 20px;border:1px solid #3d506d;border-radius:10px;background:linear-gradient(155deg,#293950,#223047);box-shadow:inset 0 1px 0 #ffffff06;transition:border-color .15s,box-shadow .15s}
.trading-page .trade-panel .order-field legend{position:absolute;top:7px;left:10px;width:auto;margin:0;padding:0;color:#aebfd8;font:500 10px/12px Arial,sans-serif;letter-spacing:.1px}
.trading-page .order-field .stepper{display:flex;align-items:center;justify-content:space-between;gap:4px;height:30px;margin:0;padding:0}
.trading-page .order-field .stepper button{display:grid;place-items:center;flex:0 0 26px;width:26px;height:28px;margin:0;padding:0;border:1px solid #506581;border-radius:8px;background:#354a66;color:#e8f2ff;font:18px/1 Arial,sans-serif;box-shadow:0 2px 4px #10203426;transition:background .15s,transform .1s}
.trading-page .order-field .stepper button:hover{background:#435e80}.trading-page .order-field .stepper button:active{transform:scale(.94);background:#2876c4}.trading-page .order-field .stepper button:focus-visible{outline:2px solid #68b6ff;outline-offset:2px}
.trading-page .order-field .stepper>strong{flex:1 1 0;min-width:0;padding:0;text-align:center;font:700 15px/28px Arial,sans-serif;letter-spacing:.1px;font-variant-numeric:tabular-nums;color:#f3f7ff}
.trading-page .trade-panel .investment-value{height:29px;gap:3px;padding:0 2px;border-radius:5px}
.trading-page .trade-panel .investment-value .investment-input{height:25px;padding:0;font:700 14px/25px Arial,sans-serif;text-align:center;letter-spacing:0}
.trading-page .trade-panel .investment-value>span{font:600 10px/25px Arial,sans-serif;color:#a0b9d9}
.trading-page .trade-panel .order-field:focus-within{border-color:#4aa7ff;box-shadow:0 0 0 2px #2c91f51a}
.trading-page .trade-panel .field-switch{position:absolute;left:7px;right:7px;bottom:3px;transform:none;display:flex;align-items:center;justify-content:center;width:auto;min-height:17px;margin:0;padding:0;background:transparent;border-radius:4px;color:#6ebaff;font:600 8px/17px Arial,sans-serif;letter-spacing:.3px;text-decoration:none}
.trading-page .trade-panel .field-switch:hover{background:#3d76ad20;color:#a6d8ff}
}
@media(max-width:360px){.trading-page .trade-panel .order-field{padding-left:6px;padding-right:6px}.trading-page .order-field .stepper{gap:3px}.trading-page .order-field .stepper button{width:24px;flex-basis:24px;height:28px}.trading-page .order-field .stepper>strong{font-size:14px}.trading-page .trade-panel .investment-value .investment-input{font-size:13px}}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.trading-page .trade-panel .order-field{height:60px;padding:17px 6px 16px;border-radius:8px;margin-bottom:1px}
.trading-page .trade-panel .order-field legend{top:5px;left:8px;font-size:9px;line-height:10px}
.trading-page .order-field .stepper{height:25px;gap:3px}
.trading-page .order-field .stepper button{width:23px;height:24px;flex-basis:23px;border-radius:6px;font-size:16px}
.trading-page .order-field .stepper>strong{font-size:13px;line-height:24px}
.trading-page .trade-panel .investment-value{height:25px;gap:2px;padding:0 1px}
.trading-page .trade-panel .investment-value .investment-input{height:23px;font-size:12px;line-height:23px}
.trading-page .trade-panel .investment-value>span{font-size:9px;line-height:23px}
.trading-page .trade-panel .field-switch{bottom:2px;min-height:14px;font-size:7px;line-height:14px}
}

/* Mobile primary navigation belongs at the bottom; desktop keeps its rail. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.shared-sidebar.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;min-width:0;height:calc(58px + env(safe-area-inset-bottom));box-sizing:border-box;padding:4px 7px calc(4px + env(safe-area-inset-bottom));background:#202a3d;border:0;border-top:1px solid #3c4860;box-shadow:0 -5px 20px #07102430;z-index:75;overflow:visible}
.shared-sidebar.sidebar>nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:50px;flex:0 0 auto;margin:0;padding:0;overflow:visible;gap:3px}
.shared-sidebar.sidebar .nav-item,.shared-sidebar.sidebar .nav-item.active{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:48px;min-width:0;gap:4px;margin:0;padding:3px 1px;border-radius:8px;background:transparent;box-sizing:border-box}
.shared-sidebar.sidebar .nav-item.active,.shared-sidebar.sidebar .nav-item.is-more-active{background:#168cf020!important;box-shadow:inset 0 2px #38a4ff;color:#79bdff!important}
.shared-sidebar.sidebar .nav-item span{width:20px;height:20px;font-size:19px}.shared-sidebar.sidebar .nav-item svg,.shared-sidebar.sidebar .nav-item .support-symbol{width:20px;height:20px}.shared-sidebar.sidebar .nav-item em{font:600 8px/10px Arial,sans-serif;letter-spacing:.2px}.shared-sidebar.sidebar .nav-item i{top:0;right:calc(50% - 23px);min-width:12px;padding:1px 3px;font-size:8px}
.shared-sidebar.sidebar>.sidebar-bottom{display:none}
body.shared-content>main{inset:88px 0 calc(58px + env(safe-area-inset-bottom)) 0;padding:12px 14px 24px}
.trading-page .terminal{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.trading-page .terminal>.body-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,calc(100dvh - 346px)) auto}.trading-page .terminal>.body-grid>.workspace,.trading-page .terminal>.body-grid>.trade-panel{grid-column:1}.trading-page .terminal>.body-grid>.trade-panel{padding-left:12px;padding-right:12px}
.more-panel{top:88px;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));width:auto;max-width:none;border-right:0}.more-panel-options{grid-template-columns:repeat(2,minmax(0,1fr))}.more-panel-head{min-height:50px}
.main-drawer>.sidebar-bottom.mobile-nav-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px;padding:16px 0 0;border-top:1px solid #34445f}.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-utilities{display:none}.main-drawer>.sidebar-bottom.mobile-nav-extras button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;padding:10px 8px;border:1px solid #3f6185;border-radius:8px;font:600 11px Arial;color:white}.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-join{background:#087ed9}.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-help{background:#079b70}.main-drawer>.sidebar-bottom.mobile-nav-extras span{display:flex;width:18px;height:18px;align-items:center;justify-content:center}.main-drawer>.sidebar-bottom.mobile-nav-extras svg{width:17px;height:17px}
}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.trading-page .shared-header.topbar{height:52px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding:7px}.trading-page .shared-header .brand-area{flex:0 0 50px;min-width:0;min-height:0;gap:4px}.trading-page .shared-header .menu-btn{min-width:24px;width:24px;min-height:32px;margin:0;padding:0;font-size:22px}.trading-page .shared-header .brand-home{flex:0 0 22px}.trading-page .shared-header .brand-home>div{display:none}.trading-page .shared-header .brand-logo{width:22px;height:26px;max-height:26px;margin:0}.trading-page .shared-header .account-tools{flex:1 1 0;width:auto;min-width:0;gap:5px}.trading-page .shared-header .account-tools .deposit,.trading-page .shared-header .account-tools .withdraw{flex:0 1 68px;height:36px;padding:0 6px;font-size:10px}.trading-page .shared-header .account-tools .account{height:36px;padding:4px 6px}.trading-page .shared-header .account-tools .account small{font-size:7px;letter-spacing:0}.trading-page .shared-header .account-tools .account strong{font-size:11px}.trading-page .terminal{padding-top:52px}.trading-page .more-panel{top:52px}.trading-page .pair-picker{top:60px;max-height:calc(100dvh - 130px)}
}

/* Compact Help drawer on mobile; keep the familiar left-side opening. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.support-drawer{top:64px;bottom:auto;width:min(256px,78vw);max-width:78vw;max-height:calc(100dvh - 140px);height:auto;border:1px solid #3b4d69;border-left:0;border-radius:0 12px 12px 0;background:#202b40;box-shadow:8px 8px 32px #0005;scrollbar-width:thin;scrollbar-color:#4c6080 transparent}
body.shared-content .support-drawer{top:100px;max-height:calc(100dvh - 176px)}
.support-drawer .support-head{position:sticky;top:0;z-index:1;height:46px;min-height:46px;padding:0 12px;gap:12px;border-bottom:1px solid #3b4a63;background:#243149;border-radius:0 12px 0 0}.support-drawer .support-head b{font-size:16px}.support-drawer .support-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:6px;font-size:23px}.support-drawer .support-close:hover{background:#35465f}
.support-drawer .support-content{padding:6px 14px 16px}.support-drawer .support-card{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;justify-content:start;column-gap:10px;row-gap:3px;height:68px;padding:10px 2px;box-sizing:border-box;border-bottom:1px solid #3a4962;text-align:left}.support-drawer .support-card>span{grid-row:1/3;display:grid;place-items:center;color:#43a9ff}.support-drawer .support-card svg{width:23px;height:23px}.support-drawer .support-card b{font-size:12px;line-height:16px}.support-drawer .support-card small{grid-column:2;font-size:10px;line-height:14px;color:#94a9c6;overflow-wrap:anywhere}
.support-drawer .support-contact{padding-top:12px}.support-drawer .support-contact>span{display:none}.support-drawer .support-contact p{margin:0 0 10px;color:#b8c8df;font-size:11px;line-height:16px}.support-drawer .support-contact a{display:flex;align-items:center;justify-content:center;min-height:34px;margin-top:7px;padding:5px 8px;border:1px solid #3b6087;border-radius:6px;background:#2a3d58;font-size:11px;text-decoration:none;color:#78beff;box-sizing:border-box}.support-drawer .support-contact a:hover{background:#335477}
}

/* Mobile Help occupies three quarters of the viewport, like a full-height rail. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.support-drawer,body.shared-content .support-drawer{top:0;bottom:0;width:75vw;max-width:75vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border-radius:0;border-top:0;border-bottom:0}
.support-drawer .support-head{height:58px;min-height:58px;padding:0 16px;gap:22px;border-radius:0}.support-drawer .support-head b{font-size:18px}
.support-drawer .support-content{padding:16px 20px 24px}.support-drawer .support-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:140px;padding:16px 0;text-align:center}.support-drawer .support-card>span{display:grid;place-items:center}.support-drawer .support-card svg{width:27px;height:27px}.support-drawer .support-card b{font-size:13px}.support-drawer .support-card small{font-size:10px;line-height:15px}
.support-drawer .support-contact{padding-top:28px}.support-drawer .support-contact>span{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;font-size:12px}.support-drawer .support-contact p{margin:12px 0 8px;font-size:11px;line-height:16px}.support-drawer .support-contact a{min-height:30px;margin-top:5px;padding:4px 0;border:0;background:transparent;font-size:11px}.support-drawer .support-contact a:hover{background:transparent;text-decoration:underline}
}
@media(max-width:1000px) and (max-height:500px){.support-drawer .support-card{height:100px}.support-drawer .support-contact{padding-top:16px}}

/* Icon-only mobile navigation, matching the compact reference bar. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.shared-sidebar.sidebar{height:calc(48px + env(safe-area-inset-bottom));padding:2px 7px calc(2px + env(safe-area-inset-bottom));background:#252b3b;border-top:1px solid #30384b;box-shadow:none}
.shared-sidebar.sidebar>nav{height:44px;align-items:center;gap:4px}
.shared-sidebar.sidebar .nav-item,.shared-sidebar.sidebar .nav-item.active,.shared-sidebar.sidebar .nav-item.is-more-active{height:42px;margin:0;padding:0;gap:0;background:transparent!important;box-shadow:none;border-radius:0;color:#757b8b!important}
.shared-sidebar.sidebar .nav-item em{display:none}.shared-sidebar.sidebar .nav-item span{width:22px;height:22px;font-size:21px;color:#757b8b}.shared-sidebar.sidebar .nav-item svg,.shared-sidebar.sidebar .nav-item .support-symbol{width:22px;height:22px;color:#757b8b;filter:none}
.shared-sidebar.sidebar .nav-item.active span,.shared-sidebar.sidebar .nav-item.active svg,.shared-sidebar.sidebar .nav-item.is-more-active span,.shared-sidebar.sidebar .nav-item.is-more-active svg{color:#f2f5fc}
.shared-sidebar.sidebar .nav-item i{top:1px;right:calc(50% - 23px);background:#2699f3;color:#fff;border-radius:8px;font:600 9px/12px Arial;padding:0 4px;min-width:13px}
.shared-sidebar.sidebar .nav-item:focus-visible{outline:2px solid #49a8ff;outline-offset:-4px;border-radius:6px}
body.shared-content>main{bottom:calc(48px + env(safe-area-inset-bottom))}.trading-page .terminal{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.more-panel{bottom:calc(48px + env(safe-area-inset-bottom))}
}

/* Mobile order controls follow the supplied flat trading-panel reference. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.trading-page .terminal>.body-grid>.trade-panel{background:#2b3040;padding:12px 12px 14px;column-gap:12px;row-gap:10px;border-top:1px solid #3c4354}
.trading-page .trade-panel .order-field{height:42px;min-width:0;margin:5px 0 2px;padding:4px 9px;border:1px solid #717787;border-radius:4px;background:#2b3040;box-shadow:none}
.trading-page .trade-panel .order-field legend{top:-7px;left:10px;padding:0 5px;background:#2b3040;color:#8f97a7;font:500 11px/13px Arial,sans-serif;letter-spacing:0}
.trading-page .order-field .stepper{height:32px;gap:5px}.trading-page .order-field .stepper button{width:21px;height:21px;flex-basis:21px;border:0;border-radius:50%;background:#464c5b;color:#f1f3f8;font:17px/21px Arial;box-shadow:none}
.trading-page .trade-panel .order-field:first-of-type .stepper{justify-content:center}.trading-page .trade-panel .order-field:first-of-type .stepper>button{display:none}.trading-page .trade-panel .order-field:first-of-type .stepper>strong{font-size:0;line-height:30px;cursor:pointer;outline-offset:2px}.trading-page .trade-panel .order-field:first-of-type .stepper>strong::before{content:attr(data-mobile-time);font:700 13px/30px Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.trading-page .trade-panel .order-field:first-of-type .field-switch{display:none}.trading-page .trade-panel .order-field.is-time-editing:first-of-type .stepper>button{display:grid}.trading-page .trade-panel .order-field.is-time-editing:first-of-type .stepper>strong::before{font-size:10px}.trading-page .trade-panel .order-field.is-time-editing:first-of-type .field-switch{display:flex}
.trading-page .trade-panel .investment-value{height:30px;gap:3px;padding:0;border:0;background:transparent;box-shadow:none}.trading-page .trade-panel .investment-value .investment-input{height:28px;font:700 13px/28px Arial;text-align:right}.trading-page .trade-panel .investment-value>span{font:700 12px/28px Arial;color:#fff}.trading-page .trade-panel .investment-value:focus-within{background:#20283a;box-shadow:0 0 0 1px #3da4ff}
.trading-page .trade-panel .field-switch{position:absolute;left:50%;right:auto;bottom:-7px;transform:translateX(-50%);width:max-content;min-height:12px;padding:0 5px;background:#2b3040;color:#169dff;font:700 8px/12px Arial;letter-spacing:0}
.trading-page .payout{display:flex;align-items:center;gap:8px;grid-column:1/-1;padding:1px 0 0;margin:0;font:12px/17px Arial}.trading-page .payout>span{order:0;color:#949dad}.trading-page .payout::after{content:'';order:1;flex:1;min-width:12px;border-bottom:1px dashed #535a6a}.trading-page .payout>strong{order:2;color:#fff;font:700 12px/17px Arial;white-space:nowrap}
.trading-page .buy,.trading-page .sell{height:40px;min-height:40px;margin:0;padding:0 12px;border:0;border-radius:4px;font:700 14px Arial;box-shadow:none}.trading-page .buy{background:#00b65b}.trading-page .sell{background:#ed443b}.trading-page .buy .trade-arrow,.trading-page .sell .trade-arrow{display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:50%;background:#ffffff36}.trading-page .trade-arrow svg{display:block;width:13px;height:13px}
}

.mobile-chart-toggle,.mobile-chart-clock,.mobile-select-market{display:none}
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.trading-page .terminal>.body-grid{grid-template-rows:minmax(270px,calc(100dvh - 260px)) auto}.trading-page .terminal>.body-grid>.workspace{min-height:270px}.trading-page .instrument-row{height:0;min-height:0;padding:0;overflow:visible}.trading-page .instrument-row>.pair,.trading-page .instrument-row>.add{display:none}.trading-page .chart-head{display:none}.trading-page .chart{top:0;border-top:1px solid #2f3c53}
.mobile-chart-toggle{position:absolute;z-index:9;left:9px;top:9px;display:grid;place-items:center;width:34px;height:34px;padding:0;background:#333b50;color:#f6f8ff;border:1px solid #424e66;border-radius:8px;font:700 23px/1 Arial;cursor:pointer}.mobile-chart-toggle[aria-expanded=true]{background:#087fd9;border-color:#3b9def}.mobile-chart-toggle:focus-visible{outline:2px solid #72bbff;outline-offset:2px}.mobile-chart-clock{position:absolute;z-index:4;top:12px;left:52px;display:block;max-width:calc(100% - 120px);overflow:hidden;white-space:nowrap;color:#b9c6da;font:9px/15px Arial;pointer-events:none}
.trading-page .chart-interactions{display:none;position:absolute;z-index:10;left:9px;top:50px;width:min(262px,calc(100% - 18px));max-width:none;padding:11px;gap:6px;border:1px solid #566179;border-radius:9px;background:#3a4155;box-shadow:0 10px 26px #0005;box-sizing:border-box}.trading-page .chart-interactions.is-tools-open{display:flex}.trading-page .chart-interactions>span{height:auto;min-height:20px;padding:0 2px;color:#b6d2f3;font:600 8px/16px Arial}.trading-page .chart-interactions button{height:32px;min-width:30px;background:#4b5368;border-color:#626d85;border-radius:6px}.trading-page .chart-interactions>.candle-countdown{font-size:10px;line-height:30px;margin-left:0}.trading-page .chart-interactions .tf-picker{position:static}.trading-page .chart-interactions .tf-menu{position:static;flex:0 0 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;box-sizing:border-box;margin:8px 0 0;padding:6px;background:#464d60;border:0;border-radius:7px;box-shadow:none}.trading-page .chart-interactions .tf-menu[hidden]{display:none}.trading-page .chart-interactions .tf-menu button{border:0;background:transparent;color:#f5f6fc;min-height:36px;font-size:12px}.trading-page .chart-interactions .tf-picker:has(.tf-menu:not([hidden])){flex-basis:100%;width:100%}.trading-page .chart-interactions .mobile-select-market{display:block;flex:1 0 100%;width:100%;margin-top:2px;color:#dceaff;font-size:11px;text-align:left;padding:0 9px}
.trading-page .terminal>.body-grid>.trade-panel{padding:9px 11px 10px;column-gap:11px;row-gap:7px}.trading-page .trade-header{font-size:10px;padding:0}.trading-page .trade-header strong[role=button]{cursor:pointer;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.trading-page .trade-header strong[role=button]::after{content:'\2304';margin-left:7px;color:#9eabc0}
.trading-page .trade-panel .order-field{height:36px;margin:4px 0 2px;padding:2px 7px}.trading-page .trade-panel .order-field legend{font-size:10px;line-height:12px;top:-7px}.trading-page .order-field .stepper{height:28px;gap:4px}.trading-page .order-field .stepper button{height:19px;width:19px;flex-basis:19px;font-size:16px}.trading-page .trade-panel .order-field:first-of-type .stepper>strong{line-height:27px}.trading-page .trade-panel .order-field:first-of-type .stepper>strong::before{font-size:12px;line-height:27px}.trading-page .trade-panel .investment-value{height:27px}.trading-page .trade-panel .investment-value .investment-input{height:25px;font-size:12px;line-height:25px}.trading-page .trade-panel .investment-value>span{font-size:11px;line-height:25px}.trading-page .trade-panel .field-switch{font-size:7px}.trading-page .payout{font-size:11px;line-height:15px;padding:0}.trading-page .payout>strong{font-size:11px;line-height:15px}.trading-page .buy,.trading-page .sell{height:36px;min-height:36px;padding:0 11px;font-size:13px}.trading-page .trade-panel>.trades{margin-top:2px}
.shared-sidebar.sidebar{height:calc(44px + env(safe-area-inset-bottom))}.shared-sidebar.sidebar>nav{height:40px}.shared-sidebar.sidebar .nav-item,.shared-sidebar.sidebar .nav-item.active,.shared-sidebar.sidebar .nav-item.is-more-active{height:38px}.shared-sidebar.sidebar .nav-item span,.shared-sidebar.sidebar .nav-item svg,.shared-sidebar.sidebar .nav-item .support-symbol{height:20px;width:20px}body.shared-content>main,.more-panel{bottom:calc(44px + env(safe-area-inset-bottom))}.trading-page .terminal{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){.trading-page .chart-interactions{max-height:calc(100% - 60px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#78839c transparent}.trading-page .chart-interactions .tf-menu button.is-selected{background:#ffffff18;color:#fff;font-weight:700}}

/* Keep market selection inside the mobile chart area, above the order panel. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.trading-page .instrument-row{position:static}.trading-page .pair-picker{position:absolute;left:8px;top:8px;right:8px;bottom:auto;width:calc(100% - 16px)!important;max-width:340px;max-height:calc(100% - 16px);height:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:12px;border-radius:9px;z-index:35;overflow:hidden;background:#202c40;box-shadow:0 8px 24px #0006}.trading-page .pair-picker[hidden]{display:none}.trading-page .pair-picker h2{flex:0 0 auto;margin:0 25px 10px 0;font-size:15px;line-height:22px}.trading-page .pair-picker-close{top:8px;right:9px;font-size:21px}.trading-page .pair-picker .pair-search{flex:0 0 auto;height:34px;margin:0 0 8px;padding:0 9px;font-size:14px;border-radius:5px}.trading-page .pair-options{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;border:0;scrollbar-width:thin;scrollbar-color:#506483 transparent}.trading-page .pair-options::before{display:none!important;content:none!important}.trading-page .pair-options .pair-option{min-height:36px;margin:0 0 5px;padding:8px 9px;font-size:11px;line-height:17px;border-radius:5px}.trading-page .pair-options .pair-option:last-child{margin-bottom:0}
}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){.trading-page .pair-picker::after{display:none!important;content:none!important}}

.mobile-drawer-title,.mobile-drawer-icon{display:none}
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.main-drawer{display:flex;flex-direction:column;width:min(280px,82vw);max-width:82vw;height:100dvh;max-height:100dvh;padding:0;overflow:hidden;background:#192438;border-right:1px solid #3a4b65;box-shadow:10px 0 35px #050b1855}
.main-drawer .drawer-top{position:relative;display:flex;flex:0 0 58px;align-items:center;gap:12px;height:58px;padding:10px 14px;background:#21304a;border-bottom:1px solid #34445e}.main-drawer .drawer-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #405675;border-radius:8px;background:#293c58;color:#d9e8ff;font-size:23px}.main-drawer .mobile-drawer-title{display:block;color:#f1f6ff;font:700 17px/24px Arial,sans-serif}
.main-drawer .drawer-account{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%;box-sizing:border-box;margin:0;padding:12px;gap:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#456080 transparent}
.main-drawer .drawer-account a{display:flex;align-items:center;gap:11px;flex:0 0 42px;min-height:42px;height:42px;width:100%;box-sizing:border-box;margin:0;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#d5e0ef;font:600 12px/18px Arial,sans-serif;white-space:nowrap}
.main-drawer .drawer-account a::before{display:none;content:none}.main-drawer .drawer-account a::after{content:'\203a';margin-left:auto;color:#718bab;font:20px/1 Arial}.main-drawer .drawer-account a:hover{border-color:#3b5271;background:#253953;color:#fff}.main-drawer .drawer-account .drawer-gap{margin-top:8px;border-top:1px solid #34465f;border-radius:0;padding-top:3px;flex-basis:46px}.main-drawer .drawer-account .logout{margin-top:4px;color:#f08b8b;border:0}.main-drawer .drawer-account .logout::after{display:none}.main-drawer .mobile-drawer-icon{display:block;flex:0 0 18px;width:18px;height:18px;color:#7caeea}.main-drawer .logout .mobile-drawer-icon{color:#ee9191}
.main-drawer>.sidebar-bottom.mobile-nav-extras{position:static;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 auto;align-items:stretch;gap:9px;width:auto;min-height:0;height:auto;box-sizing:border-box;margin:0;padding:13px 12px max(16px,env(safe-area-inset-bottom));border-top:1px solid #34465f;background:#1e2c43;color:white;overflow:visible}
.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-utilities{display:none}.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-join,.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-help{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;flex:none;width:100%;min-width:0;height:40px;min-height:40px;margin:0;padding:7px;border:1px solid #498bc8;border-radius:7px;box-shadow:none;font:700 10px/16px Arial,sans-serif;letter-spacing:0;white-space:nowrap}.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-join{background:#087fcf}.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-help{background:#078b6d;border-color:#2aaf91}.main-drawer>.sidebar-bottom.mobile-nav-extras button>span{position:static;display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;margin:0;color:#f1f8ff}.main-drawer>.sidebar-bottom.mobile-nav-extras button svg{display:block;width:17px;height:17px}
}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){.main-drawer>.sidebar-bottom.mobile-nav-extras{grid-template:40px / repeat(2,minmax(0,1fr));grid-auto-rows:40px;grid-auto-flow:row;align-content:start;column-gap:9px;row-gap:0;height:auto;min-height:0;padding:13px 12px max(16px,env(safe-area-inset-bottom))}.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-join,.main-drawer>.sidebar-bottom.mobile-nav-extras .rail-help{grid-area:auto;grid-column:auto;grid-row:auto;align-self:stretch}}

/* Cohesive mobile wallet, activity and analytics pages. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
body.shared-content>main{padding:14px 12px 26px;background:#192235;scrollbar-width:thin;scrollbar-color:#435671 transparent}
body.shared-content>main>.page-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;max-width:100%;height:auto;padding:5px;margin-bottom:20px;border:1px solid #34455f;border-radius:11px;background:#222f45;overflow:visible;box-sizing:border-box;box-shadow:none}
body.shared-content>main>.page-tabs>a{min-width:0;min-height:34px;height:auto;padding:6px 3px;border-radius:7px;font:600 10px/15px Arial,sans-serif;text-align:center;white-space:normal;color:#aebfd7}
body.shared-content>main>.page-tabs>a.selected{background:#187ed0;color:#fff;box-shadow:0 2px 7px #09172c30}body.shared-content>main>.page-tabs>a:hover{background:#304863}
body.shared-content>main>h2,.payments-heading h2{margin:0 0 6px;font:700 23px/29px Arial,sans-serif;letter-spacing:-.5px;color:#f0f5ff}
body.shared-content main>.card,body.shared-content main .payment-history{padding:15px;border:1px solid #354963;border-radius:12px;background:#222e43;box-shadow:0 5px 16px #0a142018;margin-top:15px}
body.shared-content main>.card>h3{margin:0 0 17px;font-size:14px;line-height:20px}body.shared-content main .muted,body.shared-content main .status{color:#97abc7;font-size:11px;line-height:1.7}
.payments-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}.payments-heading>div{min-width:0;flex:1}.payments-heading p{margin:0;font-size:11px;line-height:17px}.payments-heading #paymentsRefresh{flex:0 0 auto;min-height:35px;height:35px;padding:0 11px;font-size:11px;border-radius:7px;background:#253c58;border:1px solid #436486;color:#bfe0ff}
.payments-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:end}.payments-filters label{display:grid;gap:7px;color:#a8bad2;font-size:11px}.payments-filters select{height:42px;min-width:0;margin:0;padding:0 11px;border:1px solid #4a607f;border-radius:7px;background:#18253b;color:#ecf3ff}.payments-filters>.btn{display:flex;align-items:center;justify-content:center;width:100%;height:38px;box-sizing:border-box;border-radius:7px;font-size:12px;background:#1385df}.payment-history #paymentsStatus{margin:16px 0 4px;padding:14px 10px;border:1px dashed #405772;border-radius:8px;text-align:center;color:#99aecb;background:#1c293d}.payments-table-wrap{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.trade-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px;margin:0 0 20px;padding:0}.trade-filters .trade-filter{min-width:0;margin:0;border:0;padding:0;background:transparent}.trade-filters .trade-filter>span{position:static;display:block;margin:0 0 6px;padding:0;background:transparent;color:#9eb4d0;font-size:10px;line-height:14px}.trade-filters select,.trade-filters input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:39px;margin:0;padding:0 7px;border:1px solid #465e7e;border-radius:7px;background:#18253a;color:#e8f0ff;font:12px Arial!important;color-scheme:dark}.trade-filters input[type=date]{font-size:11px!important}.trade-filters input[type=date]::-webkit-calendar-picker-indicator{width:12px;margin:0;padding:0;opacity:.7}#tradeCount{display:block;margin-top:4px;font-size:10px;font-weight:400}
body.shared-content main .card:has(#tradesBody){overflow:visible}body.shared-content main .card:has(#tradesBody)>div[style*='overflow-x']{border:1px solid #344962;border-radius:8px;overflow-x:auto!important;scrollbar-width:thin;scrollbar-color:#476384 transparent}body.shared-content main .card:has(#tradesBody) table{min-width:590px;margin:0}body.shared-content main .card:has(#tradesBody) th{padding:10px;font-size:10px;background:#1c2b41}body.shared-content main .card:has(#tradesBody) td{padding:12px 10px;font-size:11px}body.shared-content main .card:has(#tradesBody)>.row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px;margin-top:14px}#tradePrev,#tradeNext{min-height:34px;height:34px;padding:0 9px;border-radius:7px;font-size:10px;margin:0}#tradePage{font-size:10px;white-space:nowrap;color:#b7c8de}
.withdrawal-heading{gap:12px;margin:0 0 12px}.withdrawal-eyebrow{font-size:9px;letter-spacing:1.6px;color:#6aaef2}.withdrawal-heading h1{font-size:24px;line-height:29px;margin:6px 0 8px}.withdrawal-heading p{font-size:11px;line-height:18px}.withdrawal-history{align-self:stretch;justify-content:space-between;box-sizing:border-box;min-height:36px;padding:8px 11px;border:1px solid #3c5675;border-radius:7px;background:#23344d;font-size:10px}.withdrawal-message{padding:10px 12px;margin:0 0 12px;border-left:3px solid #3f96df;border-radius:5px;background:#22334d;color:#a8c1de;font-size:11px;line-height:18px}.withdrawal-page>.withdrawal-balance{padding:18px;margin-bottom:14px;border-radius:12px;background:linear-gradient(125deg,#243b57,#203046);border-color:#3e6185}.withdrawal-balance-label{font-size:11px;margin-bottom:8px}.withdrawal-balance-amount{font-size:31px}.withdrawal-currency{font-size:10px}.withdrawal-action,.withdrawal-info,.withdrawal-support{padding:16px;border-radius:11px;background:#222f45;border-color:#364d69}.withdrawal-page>.withdrawal-action{margin-bottom:14px}.withdrawal-section-heading{gap:10px}.withdrawal-section-heading h2{font-size:14px}.withdrawal-section-heading p{font-size:11px}.withdrawal-info h2{margin-bottom:18px}.withdrawal-reserved{margin-top:17px;padding:12px}.withdrawal-primary{min-height:42px;padding:11px 13px;border-radius:7px}#withdrawalForm label{margin-top:15px}#withdrawalForm input{border-radius:7px;height:42px}#withdrawalForm .withdrawal-primary{margin-top:15px}.withdrawal-guide{gap:13px}
.analytics-toolbar{gap:14px;margin-bottom:12px}.analytics-profile{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px 10px;width:100%;box-sizing:border-box;padding:14px;border:1px solid #354c68;border-radius:11px;background:#223149}.analytics-profile>div:nth-child(2){min-width:0}.analytics-profile small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-profile strong{font-size:12px}.analytics-profile .analytics-account{padding:11px 0 0;margin:0;border-left:0;border-top:1px solid #3b506d;grid-column:auto;min-width:0}.analytics-profile .analytics-account:first-of-type{grid-column:1}.analytics-profile .analytics-account strong{font-size:13px}.analytics-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;border:1px solid #344b67;border-radius:8px;box-sizing:border-box;background:#223149}.analytics-periods button{min-width:0;padding:8px 2px;min-height:33px!important;font-size:10px;border-radius:5px}.analytics-periods button.active{background:#187ed0;box-shadow:none}.analytics-state{font-size:10px;line-height:17px}.analytics-grid,.analytics-left,.analytics-right,.analytics-bottom{gap:13px}.analytics-panel{border-radius:11px;border-color:#354b68;background:#222f45}.analytics-panel>h2{padding:13px;font-size:12px;gap:6px;border-color:#354b68}.analytics-panel>h2>span{font-size:8px}.analytics-stats{padding:5px 10px}.analytics-stat{min-height:100px;padding:12px 4px;gap:9px}.analytics-stat>strong{font-size:14px}.analytics-stat>span{font-size:9px}.analytics-stat .analytics-stat-ring{width:44px;height:44px;font-size:12px}.analytics-chart{padding:10px 5px}.analytics-outcomes{gap:12px;margin:0 14px 16px;font-size:10px}.analytics-donut-layout{gap:18px;padding:20px 14px 14px}.analytics-legend{max-width:100%;width:100%}
}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){body.shared-content>main>.page-tabs{grid-auto-rows:32px;min-height:0;gap:4px;padding:5px;margin-bottom:18px}body.shared-content>main>.page-tabs>a{height:32px;min-height:32px;max-height:32px;font-size:10px;box-sizing:border-box;align-self:stretch}.analytics-profile{grid-template-columns:34px minmax(0,1fr)}.analytics-profile .analytics-account{grid-column:1 / -1!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 0;width:100%;box-sizing:border-box}.analytics-profile .analytics-account small{margin:0;overflow:visible;white-space:normal}.analytics-profile .analytics-account strong{flex-shrink:0}.analytics-profile .analytics-account+.analytics-account{padding-top:9px}}

@media(max-width:700px), (max-width:1000px) and (max-height:500px){
.analytics-dashboard,.analytics-grid,.analytics-left,.analytics-right,.analytics-bottom{width:100%;min-width:0;box-sizing:border-box}.analytics-grid{grid-template-columns:minmax(0,1fr)}.analytics-left{display:flex;flex-direction:column;align-items:stretch}.analytics-left>.analytics-panel,.analytics-right>.analytics-panel,.analytics-bottom>.analytics-panel{width:100%;min-width:0;box-sizing:border-box;margin-left:auto;margin-right:auto}.analytics-stats{width:100%;box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 10px}.analytics-stat{align-items:center;justify-content:center;text-align:center;gap:10px;min-height:108px;padding:16px 3px}.analytics-stat>strong,.analytics-stat>span{max-width:100%;text-align:center}.analytics-stat>span{line-height:15px}.analytics-stat .analytics-stat-ring{margin:0 auto}.analytics-panel>h2{align-items:center}.analytics-outcomes{justify-content:center;flex-wrap:wrap}
}

/* Mobile order panel ends at Buy/Sell; history remains on the Trades page. */
@media(max-width:700px), (max-width:1000px) and (max-height:500px){.trading-page .terminal>.body-grid>.trade-panel>.trades{display:none}.trading-page .terminal>.body-grid>.trade-panel{padding-bottom:10px}}