/* Mobile trading uses document flow inside one scrollable panel. */
@media (max-width:768px) {
 html .trading__sim-panel {
  box-sizing:border-box; inset:0 !important; width:100% !important; height:100% !important;
  padding:16px 12px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-content:start; gap:12px; overflow:auto; overscroll-behavior:contain;
 }
 html .trading__sim-panel > :is(.trading__sim-panel-current-block,.trading__sim-panel-asset-selector,.trading__sim-panel-live,.trading__sim-stats-bar,.sim-desk-metrics,.trading__sim-panel-graph,.sim-open-positions-panel,.sim_balance-pill) {
  position:relative !important; inset:auto !important; width:100% !important; height:auto !important;
  min-width:0; max-height:none; margin:0; box-sizing:border-box; transform:none;
 }
 html .trading__sim-panel > :is(.trading__sim-panel-live,.trading__sim-stats-bar,.sim-desk-metrics,.trading__sim-panel-graph,.sim-open-positions-panel,.sim_balance-pill) { grid-column:1 / -1; }
 html .trading__sim-panel-current-block { display:flex; align-items:center; }
 html .current-price { inset:auto; font-size:18px; letter-spacing:normal; overflow-wrap:anywhere; }
 html .trading__sim-panel-live { text-align:right; font-size:12px; }
 html .trading__sim-stats-bar { display:flex; flex-wrap:wrap; gap:12px; padding:10px; }
 html .trading__sim-stats-bar .stat-item { flex:1 1 100px; }
 html .sim-desk-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
 html .sim-desk-metric strong { font-size:16px; }
 html .trading__sim-panel-graph { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; border:0; background:none; box-shadow:none; }
 html .trading__sim-panel-graph > :is(.sim-chart-toolbar,.trading__sim-panel-graph-inner,.sim_buy,.sim_sell,.sim_quick-buy,.sim_quick-sell,.leverage-dial-container,.opp-toggle-btn,.sim_PNL,.sim_PNL-panel,.sim_equity,.sim_ledger-panel) {
  position:relative !important; inset:auto !important; width:100% !important; height:auto !important;
  min-width:0; box-sizing:border-box; margin:0; transform:none !important;
 }
 html .sim-chart-toolbar { grid-column:1 / -1; order:0; min-height:44px; width:100%; }
 html .trading__sim-panel-graph > .trading__sim-panel-graph-inner { grid-column:1 / -1; order:1; height:320px !important; overflow:hidden; }
 html .trading__sim-panel-graph-inner .timestamp-slider-container { inset:auto 8px 0 !important; width:auto; height:36px; z-index:15; background:#252a32; }
 html .sim_buy, html .sim_sell { order:2; min-height:48px; font-size:20px; }
 html .sim_quick-buy, html .sim_quick-sell { order:3; min-height:40px; }
 html .leverage-dial-container { grid-column:1 / -1; order:4; min-height:110px; }
 html .opp-toggle-btn { grid-column:1 / -1; order:5; min-height:44px; }
 html .trading__sim-panel-graph > :is(.sim_PNL,.sim_PNL-panel,.sim_equity,.sim_ledger-panel) { grid-column:1 / -1; order:6; min-height:64px; padding:12px; }
 html .trading__sim-panel-graph > .sim_PNL { min-height:0; }
 html .sim_ledger-panel-receipts-container { position:relative; inset:auto; width:100%; max-height:220px; overflow:auto; }
 html .trading__sim-panel-graph > :is(.info_control-line,.trendstyle-divider,.leverage-holder) { display:none; }
 html .sim-open-positions-panel:not(.opp-collapsed) { z-index:1 !important; min-height:100px; }
 html .sim-open-positions-panel.opp-collapsed { display:none; }
 html .sim_balance-pill { padding:12px; flex-wrap:wrap; gap:8px; }
 html .asset-dropdown-panel.is-open { position:absolute; inset:100% 0 auto auto !important; width:min(300px,calc(100vw - 48px)) !important; z-index:100; background:#252a32; }
 .mobile-trade-dialog { position:fixed; inset:var(--auth-viewport-top,0px) 0 auto; height:var(--auth-viewport-height,100dvh); z-index:2147480000; display:flex; align-items:center; justify-content:center; padding:12px; box-sizing:border-box; background:#0009; }
 html body .mobile-trade-dialog .sim-action-popup.is-open {
  position:relative !important; inset:auto !important; width:100% !important; max-width:480px;
  max-height:100%; height:auto !important; box-sizing:border-box; margin:0; padding:0 16px 16px;
  background:#222938; color:#f5f5f7; filter:none !important; backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important; transform:none !important; overflow:auto;
 }
 .mobile-trade-dialog .sim-action-popup > * { flex-shrink:0; min-width:0; }
 .mobile-trade-dialog .sim-action-popup-header { position:sticky; top:0; z-index:5; background:#222938; padding-block:8px; margin:0; min-height:44px; }
 .mobile-trade-dialog .sim-action-popup-close { width:44px; height:44px; flex:0 0 44px; font-size:28px; }
 .mobile-trade-dialog .sim-order-types { position:static; }
 .mobile-trade-dialog input, .mobile-trade-dialog select { min-width:0; box-sizing:border-box; font-size:16px; }
 .mobile-trade-dialog .sim-action-popup-summary-row { gap:8px; flex-wrap:wrap; }
 .mobile-trade-dialog .sim-risk-desk__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mobile-trade-dialog .sim-risk-size { font-size:12px; white-space:normal; }
 .mobile-trade-dialog .sim-action-popup-confirm { min-height:48px; }
}
@media(max-width:768px) {
 html .trading__sim-panel { max-width:none; grid-auto-rows:max-content; }
 html .trading__sim-panel :is(.asset-dropdown-panel,.sim-action-popup):not(.is-open),
 html .trading__sim-panel .graph-panel-live-orders { display:none; }
 html .trading__sim-panel-current-block { min-height:44px; border:0; border-radius:0; background:none; box-shadow:none; }
 html .trading__sim-panel-asset-selector { min-height:44px; }
 html .trading__sim-panel-live { min-height:20px; padding:0; border:0; border-radius:0; }
 html .sim-desk-metrics { min-height:110px; }
 html .sim-desk-metric span { font-size:10px; line-height:1.3; white-space:normal; }
 html .sim_balance-pill { min-height:60px; }
}
@media(max-width:768px) {
 html .trading__sim-stats-bar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 html .trading__sim-stats-bar .stat-item-vol { display:none; }
 html .trading__sim-stats-bar .stat-item { position:static; min-width:0; }
 html .trading__sim-stats-bar .stat-label { font-size:10px; line-height:1.4; letter-spacing:.05em; }
 html .trading__sim-stats-bar .stat-value { position:static; font-size:14px; white-space:normal; overflow-wrap:anywhere; }
 html .trading__sim-panel :is(.sim_PNL-panel-content,.sim-panel-equity,.sim_equity-value,.sim_equity-icons,.sim_ledger-panel-name) { position:static; width:auto; min-height:0; text-align:left; align-items:flex-start; }
 html .trading__sim-panel .sim_PNL-panel { display:flex; flex-direction:column; gap:12px; }
 html .trading__sim-panel .sim_PNL-panel-toggle { position:relative; inset:auto; transform:none; min-height:40px; width:100%; }
 html .trading__sim-panel .sim_PNL-panel-detail { display:none; }
 html .trading__sim-panel .sim_PNL-panel.is-open .sim_PNL-panel-detail { display:block; position:relative; inset:auto; max-height:240px; }
 html .trading__sim-panel .sim_equity { align-items:flex-start; text-align:left; }
 html .trading__sim-panel .sim_ledger-panel-name { margin-bottom:10px; }
}
@media(max-width:768px) {
 html .trading__sim-panel-graph-inner .timestamp-slider-container { transform:none; padding:4px 8px; box-sizing:border-box; }
 html .timestamp-slider-container .slider-wrapper { width:100%; }
 html .opp-toggle-btn__label { font-size:12px; }
}

@media(max-width:768px) {
 html .trading__sim-panel-graph > .timestamp-slider-container {
  position:relative; inset:auto; grid-column:1 / -1; order:1; width:100%; height:44px;
  transform:none; display:flex; align-items:flex-end; padding:8px; box-sizing:border-box;
 }
}