/* Dedicated phone trading UI; desktop layout styles are intentionally untouched. */
.cpf-mobile-scroll { display:contents; }
.cpf-mobile-header,.cpf-mobile-assets,.cpf-mobile-nav,.cpf-mobile-chart-actions,.cpf-mobile-order-info,
.cpf-mobile-market-summary,.cpf-mobile-chart-shortcut,.cpf-mobile-funding,.cpf-mobile-depth-head,.cpf-mobile-order-type,.cpf-mobile-max,.cpf-mobile-chart-strip { display:none; }
@media (max-width:767px) {
  /* One scroll owner. Header/footer occupy real space, never cover the form. */
  html:has(.cp-futures-native[data-cp-futures][data-mobile-ui]),
  html:has(.cp-futures-native[data-cp-futures][data-mobile-ui]) > body { height:100% !important; min-height:0 !important; overflow:clip !important; }
  .cp-trade-mode:has([data-mobile-ui]),
  .cp-trade-mode:has([data-mobile-ui]) :is(.cp-shell,.cp-shell-main,.cp-body,.cp-content) { height:100% !important; min-height:0 !important; overflow:hidden !important; }
  [data-mobile-ui] :is(input,select,button) { scroll-margin-block:12px; }
  .cp-trade-mode:has([data-mobile-ui]) .cp-content { padding:0 !important; }
  .cp-trade-mode:has([data-mobile-ui]) .cp-shell { padding-inline:0 !important; }
  [data-cp-futures][data-mobile-ui] { display:flex; flex-direction:column; width:100%; min-width:0; height:var(--cpf-mobile-height,100dvh); min-height:0; overflow:hidden; padding-bottom:0; background:var(--cpf-panel); }
  [data-mobile-ui] > :not(.cpf-mobile-scroll) { flex-shrink:0; }
  [data-mobile-ui] > .cpf-mobile-scroll { display:block; flex:1 1 0; min-height:0; min-width:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scroll-padding-block:12px; padding-bottom:12px; scrollbar-width:none; }
  [data-mobile-ui] > .cpf-mobile-scroll::-webkit-scrollbar { display:none; }
  [data-mobile-ui] > .cpf-mobile-scroll:focus-visible { outline:1px solid var(--cpf-brand); outline-offset:-1px; }
  [data-mobile-ui] .cpf-terminal-grid { background:var(--cpf-panel); }
  [data-mobile-ui] .cpf-mobile-header { display:flex; align-items:center; gap:12px; padding:0 12px; height:36px; border-bottom:1px solid var(--cpf-line); color:var(--cpf-ink); }
  [data-mobile-ui] .cpf-mobile-header a { color:var(--cpf-faint); text-decoration:none; font-size:22px; min-height:36px; display:flex; align-items:center; gap:5px; }
  [data-mobile-ui] .cpf-mobile-header a span { font-size:11px; }
  [data-mobile-ui] .cpf-mobile-header strong { font-size:15px; font-weight:700; }
  [data-mobile-ui] .cpf-mobile-demo { font-size:10px; color:var(--cpf-faint); margin-left:auto; }
  [data-cp-futures][data-mobile-ui] .cpf-market-bar { display:grid; grid-template-columns:minmax(0,1.62fr) minmax(118px,1fr); padding:0 10px; border:0; min-height:58px; height:58px; gap:10px; }
  [data-mobile-ui] .cpf-market-bar .cpf-trade-logo,
  [data-mobile-ui] .cpf-market-bar .cpf-back-inline,
  [data-mobile-ui] .cpf-market-bar .cpf-tools-link,
  [data-mobile-ui] .cpf-market-bar .cpf-demo-chip,
  [data-mobile-ui] .cpf-market-stats { display:none !important; }
  [data-cp-futures][data-mobile-ui] .cpf-market-main { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; height:100%; min-height:0; min-width:0; padding:0; border:0; }
  [data-cp-futures][data-mobile-ui] .cpf-pair { padding:0; border:0; min-width:0; }
  [data-cp-futures][data-mobile-ui] .cpf-pair-btn { height:24px; min-height:24px; padding:0; border:0; }
  [data-cp-futures][data-mobile-ui] .cpf-pair-cur { font-size:15px; }
  [data-cp-futures][data-mobile-ui] .cpf-market-price { display:flex; flex:none; flex-direction:row; align-items:baseline; justify-content:flex-start; gap:5px; height:20px; min-height:0; margin:0; min-width:0; max-width:100%; padding:0; border:0; white-space:nowrap; }
  [data-cp-futures][data-mobile-ui] .cpf-market-price strong { font-size:16px; }
  [data-cp-futures][data-mobile-ui] .cpf-market-price span { font-size:10px; }
  [data-cp-futures][data-mobile-ui] .cpf-market-bar-end { display:grid; grid-template-columns:34px 32px; justify-content:end; align-content:center; gap:0; width:100%; min-width:0; padding:0; }
  [data-cp-futures][data-mobile-ui] .cpf-theme-switch { grid-column:2; width:32px; height:32px; flex-basis:32px; }
  [data-mobile-ui][data-mobile-view="assets"] .cpf-mobile-assets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; border:0; padding:5px 12px 12px; color:var(--cpf-ink); background:transparent; text-align:left; font:inherit; }
  [data-mobile-ui] .cpf-mobile-assets span { display:flex; min-width:0; flex-direction:column; gap:4px; }
  [data-mobile-ui] .cpf-mobile-assets small { color:var(--cpf-faint); font-size:10px; }
  [data-mobile-ui] .cpf-mobile-assets b { font-size:12px; font-variant-numeric:tabular-nums; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  [data-mobile-ui] .cpf-mobile-assets .is-positive { color:var(--cpf-long); }
  [data-mobile-ui] .cpf-mobile-assets .is-negative { color:var(--cpf-short); }
  [data-cp-futures][data-mobile-ui][data-mobile-view="trade"] .cpf-terminal-grid.cpf-tiled {
    display:grid !important; grid-template-columns:minmax(0,1.62fr) minmax(118px,1fr); align-items:stretch; gap:10px;
    height:auto !important; min-height:0; max-height:none; padding:0 10px 12px; box-sizing:border-box; overflow:visible;
  }
  [data-mobile-ui][data-mobile-view="trade"] .cpf-terminal-grid > .cpf-chart-panel { display:none !important; }
  [data-cp-futures][data-mobile-ui][data-mobile-view="trade"] .cpf-terminal-grid > .cpf-order-panel {
    grid-column:1; grid-row:1; order:0; padding:0; margin:0; width:100% !important; min-width:0; height:auto !important; overflow:visible; border:0;
  }
  [data-cp-futures][data-mobile-ui][data-mobile-view="trade"] .cpf-terminal-grid > .cpf-orderbook-panel {
    grid-column:2; grid-row:1; order:0; width:100% !important; min-width:0; height:auto !important; min-height:480px; max-height:none !important; border:0;
  }
  [data-mobile-ui] .cpf-order-panel .cpf-o { gap:4px; padding:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-top { min-height:28px; padding:0; gap:5px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-chip { min-height:28px; height:28px; font-size:11px; padding:0 6px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-seg { height:32px; min-height:32px; padding:2px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-seg button { min-height:28px; height:28px; font-size:12px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-types { display:none !important; }
  [data-mobile-ui] .cpf-mobile-order-type { display:block; width:100%; min-height:36px; border:1px solid var(--cpf-line); background:var(--cpf-soft); color:var(--cpf-ink); border-radius:7px; font:inherit; font-size:13px; padding:0 10px; }
  [data-mobile-ui] .cpf-mobile-order-type[hidden] { display:none; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-top .cpf-o-chip-margin { order:-1; }
  [data-mobile-ui] .cpf-order-panel .cpf-o > * { order:1; }
  [data-mobile-ui] .cpf-order-panel .cpf-o > .cpf-o-avail { order:2; }
  [data-mobile-ui] .cpf-order-panel .cpf-o > .cpf-o-actions { order:3; }
  [data-mobile-ui] .cpf-order-panel .cpf-o > .cpf-o-closex,
  [data-mobile-ui] .cpf-order-panel .cpf-o > .cpf-o-foot { order:4; }
  [data-mobile-ui] .cpf-order-panel .cpf-o > .cpf-mobile-order-info,
  [data-mobile-ui] .cpf-order-panel .cpf-o > .cpf-o-preview { order:5; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-avail { font-size:10px; gap:5px; min-height:20px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-avail b { font-size:11px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-row { gap:4px; margin:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-flabel { font-size:11px; line-height:16px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-input { min-height:40px; height:40px; padding:0 8px; border-radius:6px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-input input { font-size:16px; min-width:0; width:100%; height:38px; padding:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-unit { font-size:10px; }
  /* Shared mobile styles enforce 16px select text. Reserve room for USDT
     and use a fixed-size caret so native arrow insets cannot clip the label. */
  [data-mobile-ui] .cpf-order-panel .cpf-o-unitsel { flex:0 0 78px; min-width:78px; width:78px; max-width:none; min-height:38px; height:38px; padding:0 22px 0 4px; font-size:16px; box-sizing:border-box; appearance:none; -webkit-appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--o-text) 50%),linear-gradient(135deg,var(--o-text) 50%,transparent 50%); background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%; background-size:4px 4px; background-repeat:no-repeat; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-stepper { display:none; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-priceline { gap:4px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-bbo { min-height:40px; height:40px; min-width:35px; width:35px; font-size:10px; padding:0 3px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-slider { margin:5px 0 0; height:30px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-slider input[type="range"] { min-height:28px !important; height:28px !important; padding:0; margin:0; border:0; box-shadow:none; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-ticks { height:28px; padding:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-ticks button { position:relative; min-width:24px; min-height:28px; background:transparent; border-radius:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-ticks button::after { content:''; display:block; width:6px; height:6px; margin:auto; transform:rotate(45deg); background:var(--o-rail); }
  [data-mobile-ui] .cpf-order-panel .cpf-o-ticks button.on::after { background:var(--o-track); }
  [data-mobile-ui] .cpf-mobile-order-info { display:block; padding:3px 0; min-height:28px; font:inherit; font-size:11px; color:var(--cpf-faint); background:transparent; border:0; text-align:left; }
  [data-mobile-ui][data-mobile-details="false"] .cpf-o-preview { display:none !important; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-preview { font-size:10px; gap:5px; margin:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-order-options { gap:4px 12px; font-size:11px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-check,
  [data-mobile-ui] .cpf-order-panel .cpf-post-only { font-size:11px; min-height:26px; }
  [data-mobile-ui] .cpf-order-panel .cpf-order-options input[type="checkbox"] { min-height:16px; height:16px; min-width:16px; width:16px; flex:0 0 16px; padding:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-tpsl-fields { grid-template-columns:1fr; gap:5px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-actions { display:flex; flex-direction:column; gap:5px; margin:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-actions[hidden] { display:none !important; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-btn { min-height:44px; height:44px; width:100%; font-size:13px; border-radius:6px; }
  [data-mobile-ui][data-mobile-side="long"] .cpf-o-btn.is-long,
  [data-mobile-ui][data-mobile-side="short"] .cpf-o-btn.is-short { outline:2px solid var(--cpf-ink); outline-offset:2px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-max { display:none !important; }
  [data-mobile-ui] .cpf-mobile-max { display:flex; justify-content:space-between; gap:4px; color:var(--cpf-faint); font-size:10px; }
  [data-mobile-ui] .cpf-mobile-max b { color:var(--cpf-ink); font-weight:400; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-foot { font-size:9px; gap:4px; flex-wrap:wrap; line-height:1.5; }
  [data-mobile-ui][data-mobile-view="trade"] .cpf-order-panel .cpf-o-acct { display:none; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-acct { margin:8px 0 0; padding:0; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-acct summary { padding:8px 0; min-height:32px; font-size:11px; flex-wrap:wrap; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-acct-grid { display:grid; grid-template-columns:1fr; font-size:10px; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-levpop,
  [data-mobile-ui] .cpf-order-panel .cpf-o-marginpop { position:fixed; left:12px; right:12px; top:auto; bottom:calc(74px + env(safe-area-inset-bottom)); width:auto; max-height:70dvh; overflow-y:auto; overflow-x:hidden; z-index:120; padding:18px; border-radius:14px; box-shadow:0 0 0 100vmax #0007; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-levpop input { box-sizing:border-box; max-width:100%; }
  [data-mobile-ui] .cpf-order-panel .cpf-o-levpop .cpf-leverage-presets { grid-template-columns:repeat(3,minmax(0,1fr)); }
  [data-mobile-ui] .cpf-order-panel .cpf-o-levpop .cpf-leverage-presets button { min-height:36px; font-size:13px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-head { min-height:28px; height:28px; padding:0; }
  [data-mobile-ui][data-mobile-view="trade"] .cpf-orderbook-panel .cpf-ob-head { margin-bottom:4px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-book-tabs { gap:8px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-book-tabs button { padding:0 3px; font-size:11px; min-height:28px; height:28px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-bar { padding:0; height:32px; flex-wrap:wrap; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-views { gap:1px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-view { width:22px; height:28px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-group select { width:48px; min-width:48px; min-height:28px; height:28px; padding:0 12px 0 2px; font-size:16px; appearance:none; -webkit-appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--ob-ink) 50%),linear-gradient(135deg,var(--ob-ink) 50%,transparent 50%); background-position:calc(100% - 8px) 50%,calc(100% - 4px) 50%; background-size:4px 4px; background-repeat:no-repeat; }
  [data-cp-futures][data-mobile-ui] .cpf-orderbook-panel .cpf-ob-cols,
  [data-cp-futures][data-mobile-ui] .cpf-orderbook-panel .cpf-orderbook-row,
  [data-cp-futures][data-mobile-ui] .cpf-orderbook-panel .cpf-trades-head,
  [data-cp-futures][data-mobile-ui] .cpf-orderbook-panel .cpf-trade-row { grid-template-columns:minmax(64px,1.15fr) minmax(0,1fr); gap:3px; padding:0; font-size:11px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-cols span:last-child,
  [data-mobile-ui] .cpf-orderbook-panel .cpf-orderbook-row span:last-child,
  [data-mobile-ui] .cpf-orderbook-panel .cpf-trades-head span:last-child,
  [data-mobile-ui] .cpf-orderbook-panel .cpf-trade-row span:last-child { display:none; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-cols { font-size:9px !important; line-height:1.2; min-height:30px; }
  [data-mobile-ui][data-mobile-view="trade"] .cpf-orderbook-panel .cpf-ob-cols { height:36px; min-height:36px; margin-top:4px; color:var(--cpf-faint); }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-mid { padding:8px 0; display:grid; grid-template-columns:auto 1fr; gap:3px; height:50px; flex-basis:50px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-mark { grid-column:1 / -1; width:max-content; font-size:10px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-mid strong { font-size:16px; letter-spacing:-.2px; }
  [data-mobile-ui] .cpf-orderbook-panel .cpf-ob-side { max-height:none; }
  [data-mobile-ui] .cpf-state-panel { border-top:6px solid var(--cpf-soft); padding:0; min-width:0; scroll-margin-top:8px; }
  [data-mobile-ui] .cpf-state-tabs { padding:0 10px; }
  [data-cp-futures][data-mobile-ui] .cpf-state-tabs [role="tablist"] { flex:1 1 100%; width:100%; max-width:100%; min-width:0; overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap; }
  [data-mobile-ui] .cpf-bulk-actions:has(> button[hidden]) { display:none; }
  [data-mobile-ui] .cpf-state-tabs [data-tab] { font-size:12px; min-height:44px; padding:0 8px; white-space:nowrap; }
  [data-mobile-ui] .cpf-pos-toolbar { padding:8px 10px; gap:8px; flex-wrap:wrap; }
  [data-mobile-ui] .cpf-pos-card { padding:12px 10px; }
  [data-mobile-ui] .cpf-pos-toolbar button { min-height:32px; }
  [data-mobile-ui] .cpf-pos-close-field { grid-template-columns:1fr; }
  [data-mobile-ui] .cpf-pos-close-btns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  [data-mobile-ui] .cpf-pos-close-btns button { min-height:38px; padding:0 6px; }
  [data-mobile-ui] .cpf-mobile-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:relative; flex:none; z-index:90; background:var(--cpf-panel); border-top:1px solid var(--cpf-line); padding:4px 8px calc(4px + env(safe-area-inset-bottom)); }
  [data-mobile-ui] .cpf-mobile-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:49px; border:0; background:none; color:var(--cpf-faint); font:inherit; font-size:10px; }
  [data-mobile-ui] .cpf-mobile-nav button span { font-size:22px; line-height:24px; }
  [data-mobile-ui] .cpf-mobile-nav button.on { color:var(--cpf-brand); font-weight:700; }
  [data-mobile-ui].cpf-mobile-keyboard .cpf-mobile-nav { display:none; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-mobile-assets,
  [data-mobile-ui][data-mobile-view="chart"] .cpf-state-panel,
  [data-mobile-ui][data-mobile-view="chart"] .cpf-terminal-grid > .cpf-order-panel { display:none !important; }
  [data-cp-futures][data-mobile-ui][data-mobile-view="chart"] .cpf-terminal-grid.cpf-tiled { display:block !important; padding:0; height:auto !important; }
  [data-cp-futures][data-mobile-ui][data-mobile-view="chart"] .cpf-terminal-grid > .cpf-chart-panel { display:flex; width:100% !important; height:520px !important; min-height:0; border:0; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-kc-wrap { flex:1; min-height:0 !important; height:100%; }
  [data-mobile-ui][data-mobile-view="chart"] .kc-chart-row { flex:1; min-height:0; }
  [data-cp-futures][data-mobile-ui] #kc-chart { min-height:0 !important; height:100% !important; width:100%; min-width:0; }
  [data-mobile-ui] .kc-line-rail { display:none !important; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-mobile-nav { display:none; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-mobile-chart-actions { display:flex; position:relative; flex:none; z-index:90; background:var(--cpf-panel); border-top:1px solid var(--cpf-line); padding:10px 16px calc(10px + env(safe-area-inset-bottom)); }
  [data-mobile-ui] .cpf-mobile-chart-actions button { width:100%; min-height:44px; font:inherit; font-size:15px; font-weight:600; border:0; border-radius:8px; background:var(--cpf-ink); color:var(--cpf-panel); }
  [data-mobile-ui] .cpf-mobile-chart-shortcut { display:grid; place-items:center; width:34px; height:34px; padding:5px; border:0; background:transparent; color:var(--cpf-ink); }
  [data-mobile-ui] .cpf-mobile-chart-shortcut svg { width:22px; height:22px; fill:var(--cpf-panel); stroke:currentColor; stroke-width:1.7; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-mobile-chart-shortcut { display:none; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-market-price { visibility:hidden; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-mobile-market-summary { display:grid; grid-template-columns:1.2fr 1fr; gap:14px; padding:12px; color:var(--cpf-ink); }
  [data-mobile-ui] .cpf-mobile-market-summary > div { display:flex; flex-direction:column; gap:6px; }
  [data-mobile-ui] .cpf-mobile-market-summary strong { font-size:29px; line-height:1.2; font-variant-numeric:tabular-nums; }
  [data-mobile-ui] .cpf-mobile-market-summary small { font-size:11px; color:var(--cpf-faint); }
  [data-mobile-ui] .cpf-mobile-market-summary b { font-weight:400; }
  [data-mobile-ui] .cpf-mobile-market-summary span { font-size:12px; }
  [data-mobile-ui] .cpf-mobile-market-summary dl { display:flex; flex-direction:column; justify-content:center; gap:8px; margin:0; font-size:10px; }
  [data-mobile-ui] .cpf-mobile-market-summary dl div { display:flex; justify-content:space-between; gap:5px; }
  [data-mobile-ui] .cpf-mobile-market-summary dt { color:var(--cpf-faint); }
  [data-mobile-ui] .cpf-mobile-market-summary dd { margin:0; }
  [data-mobile-ui][data-mobile-view="trade"] .cpf-mobile-funding { display:flex; grid-column:1 / -1; justify-self:end; flex-direction:column; gap:1px; text-align:right; min-height:0; font-size:9px; line-height:11px; color:var(--cpf-ink); white-space:nowrap; }
  [data-mobile-ui] .cpf-mobile-funding small { font-size:9px; color:var(--cpf-faint); }
  [data-mobile-ui] .cpf-mobile-funding b { font-weight:400; }
  [data-mobile-ui][data-mobile-view="trade"] .cpf-mobile-chart-strip { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:46px; padding:0 12px; font:inherit; font-size:12px; border:0; border-top:1px solid var(--cpf-line); background:var(--cpf-panel); color:var(--cpf-ink); }
  [data-cp-futures][data-mobile-ui][data-mobile-view="chart"] .cpf-terminal-grid > .cpf-orderbook-panel { display:flex; height:500px !important; max-height:none !important; width:100% !important; padding:12px; box-sizing:border-box; border:0; border-top:6px solid var(--cpf-soft); }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-cols,
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-mid { display:none; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-ratio { order:-2; padding:0; height:34px; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-mobile-depth-head { display:grid; grid-template-columns:1fr 1fr; padding:8px 0; gap:12px; font-size:10px; color:var(--cpf-faint); }
  [data-mobile-ui] .cpf-mobile-depth-head span:last-child { text-align:right; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-ladder { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-asks { grid-column:2; grid-row:1; flex-direction:column-reverse; justify-content:flex-end; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-bids { grid-column:1; grid-row:1; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-bids .cpf-orderbook-row > span:first-child { order:1; text-align:right; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob-bids .cpf-orderbook-row > span:nth-child(2) { text-align:left; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob[data-view="asks"] .cpf-ob-ladder,
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob[data-view="bids"] .cpf-ob-ladder { grid-template-columns:1fr; }
  [data-mobile-ui][data-mobile-view="chart"] .cpf-orderbook-panel .cpf-ob[data-view="asks"] .cpf-ob-asks { grid-column:1; }
  [data-cp-futures][data-mobile-ui][data-mobile-view="assets"] .cpf-terminal-grid.cpf-tiled { display:block !important; height:auto !important; padding:12px; }
  [data-mobile-ui][data-mobile-view="assets"] .cpf-chart-panel,
  [data-mobile-ui][data-mobile-view="assets"] .cpf-orderbook-panel,
  [data-mobile-ui][data-mobile-view="assets"] .cpf-state-panel,
  [data-mobile-ui][data-mobile-view="assets"] .cpf-o { display:none !important; }
  [data-cp-futures][data-mobile-ui][data-mobile-view="assets"] .cpf-terminal-grid > .cpf-order-panel { width:100% !important; height:auto !important; min-height:0; padding:0; border:0; }
  [data-mobile-ui][data-mobile-view="assets"] .cpf-order-panel .cpf-o-acct-grid { font-size:13px; gap:14px; }
  [data-mobile-ui][data-mobile-view="assets"] .cpf-order-panel .cpf-o-acct summary { font-size:14px; }
  [data-mobile-ui] .cpf-guest-cover { background:var(--cpf-panel); opacity:.97; padding:12px; }
  [data-mobile-ui] .cpf-guest-cover strong { font-size:14px; color:var(--cpf-ink); }
  [data-mobile-ui] .cpf-guest-cover span { font-size:11px; color:var(--cpf-faint); }
  [data-mobile-ui] .cpf-guest-cover .cpf-guest-login { width:100%; min-width:0; }
}
@media (max-width:767px) and (max-height:640px) {
  [data-mobile-ui] .cpf-mobile-header { height:32px; }
}
