/* Responsive Bitness R25: safe mobile layout and unclipped brand artwork. */
.login-screen .mobile-brand,.login-screen .wordmark{flex-shrink:0;overflow:visible}.login-screen .mobile-brand img,.login-screen .wordmark{display:block;max-width:100%;height:auto;object-fit:contain;object-position:left center;aspect-ratio:1524/292}
.admin-shell .bitness-language-picker{margin:0;color:#667085;font-size:11px}.admin-shell .bitness-language-picker select{color:#344054;background:#fff;border-color:#d0d5dd}
@media(max-width:1024px){html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .trading-grid{grid-template-columns:minmax(170px,25%) minmax(0,1fr)!important}.exchange-scroll .exchange-right-column{grid-column:1/-1!important;grid-row:3!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.exchange-scroll .exchange-header-links{gap:12px}.exchange-scroll .exchange-header-links .bitness-language-picker>span{display:none}}
@media(max-width:900px){
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .topbar{display:grid!important;grid-template-columns:minmax(90px,1fr) 38px auto!important;grid-template-rows:auto auto!important;height:auto!important;min-height:100px!important;padding:12px!important;gap:8px!important;align-items:center!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .topbar>.logo{grid-column:1!important;grid-row:1!important;width:clamp(100px,31vw,145px)!important;min-width:0!important;height:auto!important;max-height:32px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;flex-basis:auto!important}
 .exchange-scroll .topbar>.top-fill{display:none!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .exchange-header-links{grid-column:1/-1!important;grid-row:2!important;display:flex!important;gap:16px!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none;font-size:12px!important;min-height:40px;padding:0 0 2px}
 .exchange-scroll .exchange-header-links a{display:inline-flex!important;align-items:center;min-height:40px;flex-shrink:0}.exchange-scroll .exchange-header-links .bitness-language-picker{margin:0;flex-shrink:0;order:5}.exchange-scroll .exchange-header-links .bitness-language-picker>span{display:none}.exchange-scroll .exchange-header-links select{min-height:38px;max-width:110px;padding:6px 8px}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #spotFullscreen{grid-column:2!important;grid-row:1!important;width:38px!important;height:38px!important;min-width:38px!important;padding:8px!important;margin:0!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #accountPicker{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;min-width:0!important}
 .exchange-scroll #accountSelector,.exchange-scroll #demoReload{display:none!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #depositButton{display:inline-flex!important;min-height:38px!important;min-width:74px!important;height:auto!important;padding:9px 10px!important;font-size:11px!important;gap:5px!important;border-radius:6px!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #depositButton span{display:inline!important;white-space:nowrap}.exchange-scroll #depositButton svg{width:15px!important;height:15px!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #profileButton{display:grid!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;max-width:38px!important;padding:0!important;flex:0 0 38px!important;overflow:hidden!important;border-radius:50%!important}
 .exchange-scroll #profileMenu,.exchange-scroll #accountMenu{max-width:calc(100vw - 24px)!important;right:12px!important;left:auto!important;max-height:calc(100dvh - 76px)!important;overflow-y:auto!important}
 .exchange-scroll .exchange-input-row input{font-size:16px!important}.exchange-scroll .exchange-order-percent button{min-height:32px}
}
@media(max-width:760px){
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll{height:auto!important;min-height:100svh!important;overflow-x:clip!important;overflow-y:auto!important;--r8-chart-height:clamp(320px,52svh,440px)!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #rotateGate{display:none!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .layout{display:block!important;height:auto!important;min-height:0!important;width:100%!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .layout>.main{grid-column:auto!important;width:100%!important;min-width:0!important;height:auto!important;padding:6px 6px calc(18px + env(safe-area-inset-bottom))!important;overflow:visible!important;gap:6px!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .exchange-market-strip{display:flex!important;flex-wrap:wrap!important;min-height:112px!important;height:auto!important;flex-basis:auto!important;gap:12px!important;padding:12px!important;z-index:32}
 .exchange-scroll .exchange-last-price{margin-left:auto;min-width:80px;border:0;padding:0;align-items:flex-end}
 .exchange-scroll .exchange-market-stats{display:flex!important;flex:1 0 100%!important;width:100%;max-width:100%;min-width:0;gap:22px!important;overflow-x:auto!important;padding-bottom:3px}.exchange-scroll .exchange-market-stats>div{display:flex!important;flex-shrink:0}.exchange-scroll .exchange-market-stats small{font-size:10px!important}.exchange-scroll .exchange-market-stats strong{font-size:12px!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .trading-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:var(--r8-chart-height) auto 360px auto!important;width:100%!important;min-width:0!important;gap:6px!important;height:auto!important;overflow:visible!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .chart-panel{grid-column:1!important;grid-row:1!important;height:var(--r8-chart-height)!important;min-width:0!important;min-height:0!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .chart-row{grid-template-columns:42px minmax(0,1fr)!important;min-height:0!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .chart-row>.toolbox{width:42px!important;min-width:0!important;overflow-y:auto!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #toolbox .lwc-tools .tool-action{width:36px!important;height:36px!important;min-height:36px!important;padding:7px!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .exchange-chart-toolbar{height:44px!important;min-height:44px!important;flex-basis:44px!important;overflow-x:auto!important;overflow-y:hidden!important;gap:4px!important;scrollbar-width:none;white-space:nowrap}
 .exchange-scroll .chart-fast-periods{flex-shrink:0}.exchange-scroll .chart-fast-periods button{min-width:30px;min-height:36px;font-size:11px!important}.exchange-scroll .chart-top-action{flex:0 0 32px;width:32px;min-height:36px}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .compact-trade{grid-column:1!important;grid-row:2!important;min-height:0!important;height:auto!important;width:100%!important;max-height:none!important;overflow:visible!important}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .compact-trade .ticket,html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #spotOrderPane{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .exchange-scroll .exchange-dual-orders{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:16px!important}.exchange-scroll .exchange-order-form{gap:12px!important;min-width:0}.exchange-scroll .exchange-order-form+.exchange-order-form{padding-top:24px;border-top:1px solid #363c45}
 .exchange-scroll .exchange-order-available{font-size:12px!important}.exchange-scroll .exchange-input-row{height:50px!important;min-height:50px!important;padding:0 12px!important;gap:8px!important}.exchange-scroll .exchange-input-row>span,.exchange-scroll .exchange-input-row>b{font-size:12px!important}.exchange-scroll .exchange-input-row input{font-size:16px!important;height:46px!important}
 .exchange-scroll .exchange-order-percent button{min-height:36px;font-size:11px!important;touch-action:manipulation}.exchange-scroll .exchange-order-total{font-size:12px!important}.exchange-scroll .exchange-order-form>.spot-review{min-height:48px!important;font-size:14px!important}.exchange-scroll .exchange-order-form p{font-size:11px!important;line-height:1.6}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll .exchange-book-panel{grid-column:1!important;grid-row:3!important;height:360px!important;min-height:0!important}.exchange-scroll .r7-book-row{font-size:12px!important;min-height:28px!important;height:28px!important;flex-basis:28px!important}.exchange-scroll .exchange-book-columns{font-size:10px!important}
 .exchange-scroll .exchange-right-column{grid-column:1!important;grid-row:4!important;display:flex!important;min-width:0!important}.exchange-scroll .exchange-market-list-panel{min-height:0;flex-basis:auto}.exchange-scroll #r8MarketList{max-height:440px;overflow-y:auto}.exchange-scroll .exchange-market-item{height:40px;font-size:12px}.exchange-scroll .exchange-market-item b{font-size:12px}.exchange-scroll .exchange-market-item small{font-size:10px}.exchange-scroll .exchange-recent-panel{min-height:200px}.exchange-scroll .exchange-market-trade{height:30px;font-size:11px}
 html body.exchange-r7.exchange-r7.exchange-r7.exchange-scroll #historyPanel{min-width:0!important;width:100%!important;min-height:180px!important;height:auto!important;max-height:none!important}.exchange-scroll #historyPanel .history-modern-head{flex-wrap:wrap;gap:0 12px;padding:0 12px!important}.exchange-scroll .spot-history-tabs{max-width:100%;min-width:0;gap:18px;overflow-x:auto}.exchange-scroll .spot-history-tabs button{font-size:11px!important;min-height:44px;flex-shrink:0}.exchange-scroll #historyContent,.exchange-scroll .history-modern-wrap{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain}.exchange-scroll .history-modern-table{min-width:760px}.exchange-scroll .terminal-footer{position:relative!important;min-height:28px!important;font-size:9px!important}
 .exchange-scroll .dialog-overlay{position:fixed!important;inset:0!important;padding:12px!important;align-items:center!important;z-index:10000!important}.exchange-scroll .dialog{width:min(100%,440px)!important;min-width:0!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;margin:auto!important;padding:20px!important}.exchange-scroll .dialog-content-row{gap:12px;overflow-wrap:anywhere}.exchange-scroll .dialog-content-row>*{min-width:0}.exchange-scroll .dialog .ui-primary{min-height:48px;font-size:14px}
 .login-screen{position:relative!important;inset:auto!important;display:block!important;min-height:100svh!important;height:auto!important;overflow:visible!important}.login-story{display:none!important}.login-panel{display:block!important;min-height:100svh!important;height:auto!important;padding:24px max(20px,env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom))!important}.login-card{width:100%!important;max-width:420px!important;min-width:0!important;margin:0 auto!important;height:auto!important;overflow:visible!important}
 .login-screen .mobile-brand{display:block!important;width:164px!important;height:auto!important;max-width:65vw!important;margin:8px 0 28px!important;overflow:visible!important}.login-screen .mobile-brand img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;aspect-ratio:1524/292!important}.login-card .bitness-language-picker{margin-bottom:20px}.login-card .bitness-language-picker select{min-height:40px;max-width:150px}.login-card input,.login-card select{font-size:16px!important}.login-card .ui-button{min-height:48px}
 .exchange-account header{height:auto!important;min-height:110px!important;padding:12px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.exchange-account header>a{grid-column:1;grid-row:1}.exchange-account header>a>img{display:block;width:124px;height:auto;object-fit:contain}.exchange-account header .navlinks{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;min-width:0;gap:12px}.exchange-account header .navlinks .bitness-language-picker{margin:0}.exchange-account header .bitness-language-picker>span{display:none}.exchange-account header .bitness-language-picker select{min-height:38px;max-width:130px;margin:0;font-size:13px}.exchange-account #accountMenuToggle{position:absolute;top:12px;right:16px;min-width:40px;min-height:40px}.exchange-account header .button{min-height:40px;font-size:12px;padding:9px 15px}.exchange-account #nav{top:112px!important;max-width:85vw}.exchange-account .shell main{padding:22px 16px 32px!important;min-width:0}.exchange-account input,.exchange-account select,.exchange-account textarea{font-size:16px!important;max-width:100%}.exchange-account .card{min-width:0;max-width:100%}.exchange-account .identity-copy{overflow-wrap:anywhere}.exchange-account .tablewrap{max-width:100%;overflow-x:auto}
 .email-confirm-dialog,.deposit-details-dialog{width:calc(100% - 24px)!important;max-width:440px!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;margin:auto!important}.email-confirm-dialog input{font-size:20px!important}
 .admin-shell .topbar{flex-wrap:wrap;height:auto;min-height:74px;gap:8px;padding-block:10px}.admin-shell .topbar-actions{gap:8px;max-width:100%}.admin-shell .bitness-language-picker>span{display:none}.admin-shell .bitness-language-picker select{max-width:104px;min-height:36px}.admin-shell .page-main{min-width:0}.admin-shell .table-scroll{max-width:100%;overflow-x:auto}
}
@media(max-width:360px){.exchange-scroll .exchange-header-links{gap:12px!important}.exchange-scroll .exchange-dual-orders{padding:12px!important}.exchange-account .card{padding:18px!important}.login-panel{padding-inline:18px!important}}