:root {
  --bg: #04060f;
  --panel: #090d17;
  --panel-2: #0f1421;
  --panel-3: #111624;
  --line: rgba(255,255,255,0.08);
  --line-soft: rgba(255,255,255,0.05);
  --text: #f4f7ff;
  --muted: #81889c;
  --muted-2: #9ba3b6;
  --accent: #11d8ff;
  --accent-2: #19f08f;
  --danger: #ff527f;
  --shadow: 0 22px 80px rgba(0,0,0,0.38);
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 18px;
  --radius-sm: 14px;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; touch-action: manipulation; }
body {
  margin: 0;
  min-width: 1320px;
  font-family: 'Inter', sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at top center, rgba(15, 216, 255, 0.07), transparent 24%),
    linear-gradient(180deg, #03050d 0%, #04070f 100%);
  -webkit-text-size-adjust: 100%;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { border: 0; cursor: pointer; }

.trade-app { min-height: 100vh; }
.panel {
  background: linear-gradient(180deg, rgba(10,14,24,0.98), rgba(7,10,18,0.98));
  border: 1px solid var(--line-soft);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.trade-header {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 34px;
  border-bottom: 1px solid var(--line);
  background: rgba(4,6,15,0.96);
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(20px);
}

.header-left, .header-right, .trade-nav, .brand { display: flex; align-items: center; }
.header-left { gap: 34px; }
.header-right { gap: 18px; }
.brand { gap: 14px; }
.brand-mark {
  width: 48px; height: 48px; border-radius: 18px; display: grid; place-items: center;
  background: linear-gradient(135deg, #11d7ff, #a14dff); font-weight: 800; font-size: 1.55rem;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,0.15);
}
.brand-name { font-size: 1.1rem; font-weight: 800; }
.trade-nav { gap: 20px; }
.nav-link {
  height: 56px; padding: 0 22px; border-radius: 20px; display: inline-flex; align-items: center; gap: 10px;
  color: #c7cede; transition: .24s ease; white-space: nowrap;
}
.nav-link:hover, .nav-link.active {
  color: var(--accent); background: linear-gradient(180deg, rgba(17,216,255,0.14), rgba(8,32,46,0.45));
}
.nav-icon { width: 20px; height: 20px; display: inline-flex; }
.nav-icon svg, .download-button svg, .toolbar-icon svg, .search-box svg { width: 100%; height: 100%; }

.interactive, .nav-link, .category-tab, .range-button, .subtab, .mode-button, .toolbar-button, .toolbar-icon, .dropdown-item, .language-option {
  transition: transform .18s ease, background .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.interactive:hover, .nav-link:hover, .category-tab:hover, .range-button:hover, .subtab:hover, .mode-button:hover, .toolbar-button:hover, .toolbar-icon:hover, .dropdown-item:hover, .language-option:hover { transform: translateY(-1px); }
.interactive:active, .nav-link:active, .category-tab:active, .range-button:active, .subtab:active, .mode-button:active, .toolbar-button:active, .toolbar-icon:active, .dropdown-item:active, .language-option:active { transform: scale(.98); }

.download-button, .profile-trigger {
  height: 58px; border-radius: 20px; background: rgba(255,255,255,0.03); color: var(--text);
  border: 1px solid var(--line); display: inline-flex; align-items: center; gap: 12px;
}
.download-button { padding: 0 22px; }
.download-button:hover, .profile-trigger:hover { background: rgba(255,255,255,0.06); box-shadow: 0 0 0 1px rgba(255,255,255,0.03) inset; }
.profile-wrapper { position: relative; }
.profile-trigger { min-width: 300px; padding: 0 16px; justify-content: space-between; }
.profile-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #16d4ff, #bb58ff);
}
.profile-email { flex: 1; text-align: left; margin-left: 12px; overflow: hidden; text-overflow: ellipsis; }
.profile-dropdown {
  position: absolute; right: 0; top: calc(100% + 10px); width: 220px; padding: 10px;
  border-radius: 18px; background: #0d1220; border: 1px solid var(--line); box-shadow: var(--shadow);
  opacity: 0; pointer-events: none; transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease;
}
.profile-dropdown.active { opacity: 1; pointer-events: auto; transform: translateY(0); }
.dropdown-item, .language-option {
  width: 100%; border-radius: 12px; background: transparent; color: var(--text); padding: 12px 14px; text-align: left;
}
.dropdown-item:hover, .language-option:hover { background: rgba(255,255,255,0.06); }
.dropdown-toggle { display: flex; justify-content: space-between; align-items: center; }
.language-submenu { display: none; padding-top: 8px; }
.language-submenu.active { display: block; }
.language-option.active { background: rgba(17,216,255,0.13); color: var(--accent); }
.dropdown-toggle.open .dropdown-chevron { transform: rotate(180deg); }

.trade-layout {
  --sidebar-width: 320px;
  display: grid; grid-template-columns: var(--sidebar-width) 10px minmax(420px, 1fr) 460px; gap: 0;
  align-items: start;
}
.market-sidebar { border-right: 1px solid var(--line); padding: 18px 12px 18px 12px; display:flex; flex-direction:column; height:calc(100vh - 96px); position: sticky; top: 96px; overflow:hidden; }
.chart-section { border-right: 1px solid var(--line); padding: 0; background: transparent !important; }
.order-panel { padding: 28px 26px; position: sticky; top: 96px; height: calc(100vh - 96px); overflow-y: auto; }

.search-box {
  height: 52px; border-radius: 16px; border: 1px solid var(--line); display: flex; align-items: center; gap: 12px;
  padding: 0 16px; background: transparent; color: var(--muted); margin: 2px 6px 18px;
}
.search-box input { flex: 1; border: 0; outline: none; color: var(--text); background: transparent; }
.search-box input::placeholder { color: var(--muted); }
.search-box svg { width: 20px; height: 20px; flex: 0 0 20px; }
.category-tabs { display: flex; gap: 10px; padding: 0 6px 18px; overflow: hidden; }
.category-tab {
  padding: 12px 18px; border-radius: 16px; background: rgba(255,255,255,0.05); color: #c7cede;
}
.category-tab.active { background: linear-gradient(180deg, rgba(10,224,255,0.95), rgba(0,182,220,0.95)); color: #041017; font-weight: 700; }
.asset-list { display: flex; flex-direction: column; gap: 10px; flex:1 1 auto; min-height:0; max-height:100%; overflow-y:auto; overflow-x:hidden; padding: 0 6px 8px; scrollbar-width: thin; scrollbar-color: rgba(17,216,255,0.32) transparent; }
.asset-card {
  width: 100%; padding: 18px 16px; border-radius: 18px; border: 1px solid transparent; background: transparent;
  color: var(--text); display: grid; grid-template-columns: 1fr auto; gap: 10px; text-align: left;
}
.asset-card:hover { background: rgba(255,255,255,0.03); border-color: var(--line-soft); }
.asset-card.active {
  background: linear-gradient(180deg, rgba(9,42,58,0.88), rgba(10,28,37,0.88));
  border-color: rgba(17,216,255,0.18); box-shadow: inset 0 0 0 1px rgba(17,216,255,0.05);
}
.asset-symbol { font-size: 1.1rem; font-weight: 700; }
.asset-name { color: var(--muted); margin-top: 6px; }
.asset-change { margin-top: 10px; font-weight: 700; }
.asset-price { align-self: center; font-size: 1rem; font-weight: 700; }
.positive { color: #15ef90; }
.negative { color: #ff4d87; }

.symbol-bar {
  height: 94px; display: grid; grid-template-columns: 1fr auto auto; align-items: center;
  gap: 24px; padding: 0 28px; border-bottom: 1px solid var(--line);
}
.symbol-heading-row { display: flex; gap: 12px; align-items: center; }
.symbol-heading-row h1 { margin: 0; font-size: 1.2rem; }
.symbol-subtitle { color: var(--muted); margin-top: 4px; }
.symbol-price { font-size: 1.05rem; font-weight: 800; letter-spacing: 0.01em; }
.chart-toolbar { display: flex; align-items: center; gap: 12px; }
.toolbar-button, .toolbar-icon {
  height: 40px; border-radius: 14px; background: transparent; color: #cfd5e3; padding: 0 10px;
  display: inline-flex; align-items: center; gap: 8px;
}
.toolbar-button.active { color: #fff; }
.live-indicator { width: 8px; height: 8px; border-radius: 50%; background: #f5f5f5; box-shadow: 0 0 0 4px rgba(255,255,255,0.03); }
.toolbar-icon { width: 40px; justify-content: center; }
.toolbar-icon.active { color: #ffdd57; }

.chart-card { padding: 28px 28px 30px; }
.time-range { display: flex; gap: 18px; margin-bottom: 22px; }
.range-button {
  padding: 0; background: transparent; color: var(--muted-2); font-weight: 700; letter-spacing: 0.02em;
}
.range-button.active { color: #ffffff; }
.chart-wrap { display: block; }
.chart-stage {
  height: 420px; border: 1px solid var(--line-soft); border-radius: 28px; position: relative; overflow: hidden;
  background: transparent;
}
#lwChartContainer { position: absolute; inset: 0; border-radius: 28px; overflow: hidden; transition: opacity 0.2s; }
/* Hide TradingView attribution logo from lightweight-charts */
#lwChartContainer a[href*="tradingview"],
#lwChartContainer a[href*="tradingview"] img,
.chart-stage a[href*="tradingview"] { display: none !important; }
.chart-loader {
  position: absolute; inset: 0; display: grid; place-items: center; z-index: 3;
  background: linear-gradient(180deg, rgba(7,10,18,0.55), rgba(9,14,24,0.78));
}
.chart-loader.hidden { display: none; }
.chart-spinner {
  width: 54px; height: 54px; border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.1); border-top-color: var(--accent);
  box-shadow: 0 0 22px rgba(17,216,255,0.18);
  animation: chart-spin .9s linear infinite;
}
@keyframes chart-spin { to { transform: rotate(360deg); } }
.chart-grid-line { stroke: rgba(255,255,255,0.06); stroke-width: 1; }
.chart-line {
  fill: none; stroke: #12dfff; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;
  filter: drop-shadow(0 0 14px rgba(17,216,255,0.18));
}
.chart-area { fill: url(#tradeGradient); }
.x-axis {
  position: absolute; left: 16px; right: 22px; bottom: 16px; display: flex; justify-content: space-between;
}

.positions-block { border-top: 1px solid var(--line); padding: 18px 28px 30px; background: transparent; }
.subtabs { display: flex; gap: 24px; margin-bottom: 18px; }
.subtab {
  position: relative; background: transparent; color: var(--muted-2); padding: 10px 0; font-size: 1rem; font-weight: 700;
}
.subtab.active { color: var(--accent); }
.subtab.active::after {
  content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; border-radius: 999px; background: var(--accent);
}
.trade-cards { display: grid; gap: 14px; }
.trade-card {
  display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 20px;
  background: linear-gradient(180deg, rgba(14,19,32,0.96), rgba(10,14,24,0.96));
  border: 1px solid var(--line-soft); border-radius: 22px; padding: 20px 18px;
}
.side-chip { min-width: 74px; height: 38px; border-radius: 999px; display: grid; place-items: center; font-weight: 700; }
.side-chip.long { background: rgba(26, 183, 96, 0.18); color: #29f18f; }
.side-chip.short { background: rgba(255, 60, 120, 0.16); color: #ff4f88; }
.trade-card-main h3 { margin: 0 0 6px; font-size: 1rem; }
.trade-card-main p { margin: 0; color: var(--muted-2); }
.trade-profit { text-align: right; font-weight: 800; font-size: 1rem; }
.trade-profit small { display: block; margin-top: 4px; }
.close-btn {
  height: 44px; padding: 0 18px; border-radius: 16px; background: rgba(88, 20, 44, 0.5); color: #ff6393;
}
.close-btn:hover { background: rgba(120, 26, 60, 0.6); }
.empty-state { color: var(--muted); padding: 30px 0; }

.order-mode {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 26px;
}
.mode-button {
  height: 70px; border-radius: 20px; background: rgba(255,255,255,0.05); color: #949cb0; font-size: 1.05rem; font-weight: 700;
}
.mode-button.active.buy, .submit-order.buy { background: linear-gradient(180deg, #11f189, #08e87b); color: #05120c; }
.mode-button.active.sell, .submit-order.sell { background: linear-gradient(180deg, #ff5b8e, #ff447c); color: #fff; }
.field-group { margin-bottom: 22px; }
.field-group label, .field-label-row { display: block; color: #cfd5e3; margin-bottom: 12px; font-weight: 600; }
.field-label-row { display: flex; justify-content: space-between; align-items: center; }
.field-input {
  width: 100%; height: 62px; border-radius: 20px; border: 1px solid var(--line);
  background: rgba(255,255,255,0.03); padding: 0 18px; color: var(--text); outline: none;
}
.field-input:focus { border-color: rgba(17,216,255,0.32); box-shadow: 0 0 0 4px rgba(17,216,255,0.08); }
.field-hint { margin-top: 8px; color: #8f96a9; font-size: 0.88rem; }
.lev-slider { width: 100%; appearance: none; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #12dfff 0%, #12dfff var(--progress,0%), rgba(255,255,255,0.1) var(--progress,0%), rgba(255,255,255,0.1) 100%); outline: none; }
.lev-slider::-webkit-slider-thumb {
  appearance: none; width: 28px; height: 28px; border-radius: 50%; background: #13dfff; border: 3px solid #08111b; box-shadow: 0 0 0 7px rgba(19,223,255,0.12);
}
.lev-slider::-moz-range-thumb {
  width: 28px; height: 28px; border-radius: 50%; background: #13dfff; border: 3px solid #08111b; box-shadow: 0 0 0 7px rgba(19,223,255,0.12);
}
.lev-steps { display: flex; justify-content: space-between; margin-top: 12px; color: #959caf; font-weight: 600; }
.lev-value { color: var(--accent); font-weight: 800; }
.order-summary {
  border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,0.03); padding: 18px 20px; margin: 26px 0 20px;
}
.summary-row { display: flex; justify-content: space-between; align-items: center; color: #cdd3e1; }
.summary-row + .summary-row { margin-top: 12px; }
.submit-order {
  width: 100%; height: 68px; border-radius: 22px; font-size: 1.12rem; font-weight: 800;
  box-shadow: 0 12px 34px rgba(10, 239, 136, 0.18);
}
.submit-order.sell { box-shadow: 0 12px 34px rgba(255, 81, 129, 0.22); }
.order-feedback { min-height: 24px; margin: 14px 2px 0; color: var(--muted-2); }
.order-feedback.success { color: #20f092; }
.order-feedback.error { color: #ff5a87; }

.help-button {
  position: fixed; right: 18px; bottom: 18px; width: 48px; height: 48px; border-radius: 50%;
  background: rgba(255,255,255,0.08); color: #dce2ee; border: 1px solid var(--line); font-weight: 800;
}

@media (max-width: 1500px) {
  body { min-width: 1200px; }
  .trade-layout { grid-template-columns: 340px minmax(500px, 1fr) 420px; }
  .chart-stage { height: 460px; }
}


/* ===== Responsive trading layout ===== */
body {
  min-width: 0;
  overflow-x: hidden;
}

.chart-line,
.chart-area {
  display: block;
}

.candle-wick {
  stroke-width: 2.2;
  stroke-linecap: round;
}

.candle-wick.up {
  stroke: #1af29a;
}

.candle-wick.down {
  stroke: #ff5b8e;
}

.candle-body.up {
  fill: #18ef92;
}

.candle-body.down {
  fill: #ff5b8e;
}

@media (max-width: 1280px) {
  .trade-header {
    height: auto;
    padding: 18px 20px;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
  }

  .header-left,
  .header-right {
    width: 100%;
    justify-content: space-between;
  }

  .trade-nav {
    flex-wrap: wrap;
  }

  .trade-layout {
    grid-template-columns: 320px minmax(0, 1fr);
  }

  .order-panel {
    grid-column: 1 / -1;
    border-top: 1px solid var(--line);
  }

  .market-sidebar,
  .chart-section,
  .order-panel {
    min-height: auto;
  }
}

@media (max-width: 960px) {
  .trade-header {
    padding: 14px 16px;
  }

  .header-left,
  .header-right {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .trade-nav {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
  }

  .download-button,
  .profile-trigger {
    width: 100%;
  }

  .profile-trigger {
    min-width: 0;
  }

  .trade-layout {
    grid-template-columns: 1fr;
  }

  .market-sidebar,
  .chart-section,
  .order-panel {
    border-right: 0;
  }

  .market-sidebar {
    padding-bottom: 0;
  }

  .symbol-bar {
    height: auto;
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 18px 16px;
  }

  .chart-toolbar {
    width: 100%;
    justify-content: space-between;
  }

  .chart-card {
    padding: 18px;
  }

  .time-range {
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .chart-wrap {
    grid-template-columns: 1fr;
  }

  .y-axis {
    display: none;
  }

  .chart-stage {
    min-height: 420px;
    padding: 10px 10px 42px;
  }

  .trade-chart {
    height: 380px;
  }

  .positions-block {
    padding: 16px 18px 24px;
  }

  .trade-card {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: flex-start;
  }

  .trade-profit {
    text-align: left;
  }

  .order-panel {
    padding: 20px 18px 24px;
  }
}

@media (max-width: 640px) {
  .trade-header {
    padding: 12px;
  }

  .brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 1.25rem;
  }

  .brand-name {
    font-size: 1rem;
  }

  .nav-link {
    height: 44px;
    padding: 0 14px;
    border-radius: 14px;
  }

  .download-button,
  .profile-trigger {
    height: 50px;
    border-radius: 16px;
  }

  .search-box {
    margin: 0 0 16px;
  }

  .category-tabs {
    overflow-x: auto;
    padding: 0 0 16px;
  }

  .category-tab {
    flex: 0 0 auto;
    padding: 10px 14px;
  }

  .asset-card {
    padding: 14px;
    border-radius: 16px;
  }

  .symbol-heading-row {
    flex-wrap: wrap;
  }

  .pair-price,
  .symbol-price {
    font-size: 1.1rem;
  }

  .chart-card {
    padding: 16px 12px 18px;
  }

  .chart-stage {
    min-height: 320px;
    border-radius: 20px;
  }

  .trade-chart {
    height: 280px;
  }

  .x-axis {
    left: 8px;
    right: 8px;
    bottom: 10px;
    font-size: 0.78rem;
  }

  .subtabs {
    gap: 18px;
    overflow-x: auto;
  }

  .order-mode {
    gap: 8px;
  }

  .mode-button {
    height: 58px;
    border-radius: 16px;
  }

  .field-input {
    height: 56px;
    border-radius: 16px;
  }

  .submit-order {
    height: 58px;
    border-radius: 18px;
  }
}


/* ===== Shared header style + mobile trading fix ===== */
body {
  min-width: 320px;
}

.trade-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: auto;
  min-height: 96px;
  padding: 22px 28px;
  border-bottom: 1px solid var(--line);
  background: rgba(8, 11, 20, 0.9);
  backdrop-filter: blur(18px);
}

.header-left,
.header-right {
  display: flex;
  align-items: center;
  gap: 22px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.brand-mark {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #17d5ff 0%, #9f55ff 100%);
  box-shadow: inset 0 0 0 3px rgba(255,255,255,0.15);
}

.brand-name {
  font-size: 1.15rem;
  font-weight: 700;
}

.trade-nav {
  display: flex;
  align-items: center;
  gap: 14px;
}

.nav-link {
  height: auto;
  min-height: 56px;
  padding: 16px 18px;
  border-radius: 18px;
  color: var(--muted-2);
  white-space: nowrap;
}

.nav-link:hover,
.nav-link.active {
  color: var(--accent);
  background: linear-gradient(180deg, rgba(18, 124, 180, 0.2), rgba(11, 46, 69, 0.35));
  box-shadow: inset 0 0 0 1px rgba(23, 204, 255, 0.08);
}

.download-button,
.profile-trigger {
  height: 58px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
}

.profile-trigger {
  min-width: 280px;
  padding: 0 20px;
}

.profile-dropdown {
  min-width: 220px;
}

.trade-layout {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr) 390px;
  min-height: calc(100vh - 102px);
}

.chart-section,
.market-sidebar,
.order-panel {
  min-width: 0;
}

.chart-card {
  overflow: hidden;
}

.chart-stage {
  min-height: 700px;
  overflow: hidden;
}

.trade-chart {
  width: 100%;
  height: 640px;
  display: block;
}

.candle-wick {
  stroke-width: 2;
  stroke-linecap: round;
}

.candle-wick.up,
.candle-body.up {
  stroke: #1cf2a0;
  fill: #1cf2a0;
}

.candle-wick.down,
.candle-body.down {
  stroke: #ff4f88;
  fill: #ff4f88;
}

@media (max-width: 1380px) {
  .trade-layout {
    grid-template-columns: 300px minmax(0, 1fr) 340px;
  }
}

@media (max-width: 1180px) {
  .trade-header {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .header-left,
  .header-right {
    width: 100%;
    justify-content: space-between;
  }

  .trade-nav {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .trade-layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .market-sidebar,
  .chart-section,
  .order-panel {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .market-sidebar { order: 1; }
  .chart-section { order: 2; }
  .order-panel { order: 3; }
}

@media (max-width: 920px) {
  .trade-header {
    gap: 16px;
    padding: 16px 18px;
  }

  .header-left,
  .header-right {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .trade-nav {
    gap: 10px;
  }

  .nav-link {
    min-height: 48px;
    padding: 14px 16px;
  }

  .download-button,
  .profile-trigger {
    width: 100%;
    min-height: 54px;
  }

  .profile-trigger {
    min-width: 0;
  }

  .symbol-bar {
    grid-template-columns: 1fr;
    gap: 14px;
    height: auto;
    padding: 20px 18px;
  }

  .chart-wrap {
    grid-template-columns: 1fr;
  }

  .y-axis {
    display: none;
  }

  .chart-stage {
    min-height: 360px;
    padding: 12px 12px 42px;
  }

  .trade-chart {
    height: 320px;
  }

  .subtabs {
    gap: 18px;
    overflow-x: auto;
  }

  .trade-card {
    grid-template-columns: auto 1fr;
    align-items: flex-start;
  }

  .trade-profit,
  .close-btn {
    grid-column: 2;
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 640px) {
  .trade-header {
    padding: 14px 12px;
  }

  .brand-mark {
    width: 46px;
    height: 46px;
    font-size: 1.6rem;
  }

  .brand-name {
    font-size: 1rem;
  }

  .trade-nav {
    gap: 8px;
  }

  .nav-link {
    min-height: 42px;
    padding: 12px 13px;
    font-size: 0.95rem;
  }

  .market-sidebar,
  .order-panel,
  .chart-card,
  .positions-block {
    padding-left: 14px;
    padding-right: 14px;
  }

  .search-box,
  .category-tabs {
    margin-left: 0;
    margin-right: 0;
  }

  .category-tabs {
    overflow-x: auto;
    padding-bottom: 14px;
  }

  .category-tab {
    flex: 0 0 auto;
  }

  .chart-card {
    padding-top: 18px;
  }

  .time-range {
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .trade-chart {
    height: 280px;
  }

  .order-panel {
    padding-top: 18px;
    padding-bottom: 20px;
  }
}


.dropdown-section {
  margin-bottom: 10px;
}

#logoutBtn {
  color: #f87171;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: none;
  border-radius: 12px;
}

#logoutBtn:hover {
  background: rgba(248, 113, 113, 0.1);
}


/* ===== Unified header/dropdown styles ===== */
.profile-trigger { min-width: 280px; }
.profile-dropdown {
  min-width: 220px;
  padding: 8px;
  border-radius: 16px;
  background: rgba(14, 18, 28, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(14px);
}
.dropdown-item {
  width: 100%;
  display: block;
  padding: 12px 14px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #e8edf7;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
}
.dropdown-item:hover { background: rgba(255,255,255,0.06); transform: translateX(2px); }
.dropdown-item.logout { color: #ff7e7e; }
.dropdown-item.logout:hover { background: rgba(255,80,80,0.08); }
.dropdown-toggle { display:flex; align-items:center; justify-content:space-between; }
.language-submenu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: max-height 0.28s ease, opacity 0.22s ease, transform 0.22s ease;
}
.language-submenu.active {
  max-height: 160px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  overflow-y: auto;
  margin-top: 6px;
}
.language-option {
  width: 100%;
  display: block;
  padding: 11px 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #e8edf7;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
}
.language-option:hover { background: rgba(255,255,255,0.06); transform: translateX(2px); }
.language-option.active { background: linear-gradient(135deg, rgba(0, 207, 255, 0.18), rgba(124, 92, 255, 0.14)); color: #fff; }
.profile-avatar { display:inline-flex; align-items:center; justify-content:center; text-align:center; line-height:1; font-weight:800; letter-spacing:0.02em; text-transform:uppercase; }
.modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(1, 5, 12, 0.7); backdrop-filter: blur(10px); }
.hidden { display: none !important; }
.modal-card { width: min(620px, 100%); padding: 28px; border-radius: 28px; border: 1px solid var(--line); background: #0d1220; box-shadow: var(--shadow); }
.modal-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:20px; }
.modal-header h2 { margin:0 0 8px; font-size:2rem; }
.modal-header p { margin:0; color: var(--muted-2); line-height:1.5; }
.modal-actions { display:flex; gap:12px; justify-content:flex-end; }
.icon-button { width:46px; height:46px; border-radius:16px; background:rgba(255,255,255,0.06); color:var(--text); border:1px solid var(--line); display:inline-flex; align-items:center; justify-content:center; }
.insufficient-modal .primary-button, .insufficient-modal .ghost-button { min-height: 54px; }
@media (max-width: 920px) {
  .trade-header { height:auto; padding:16px 18px; flex-wrap: wrap; }
  .header-left, .header-right { width:100%; justify-content:space-between; }
  .trade-nav { width:100%; overflow-x:auto; }
  .trade-layout { grid-template-columns: 1fr; }
  .market-sidebar, .chart-section, .order-panel { min-height: auto; }
  .market-sidebar { max-height: 420px; }
  .market-sidebar, .chart-section { border-right:0; }
  .chart-section { border-top:1px solid var(--line); }
  .order-panel { border-top:1px solid var(--line); }
  .symbol-bar { grid-template-columns: 1fr auto; }
}
@media (max-width: 640px) {
  body { min-width: 0; }
  .header-left, .header-right { flex-direction: column; align-items: stretch; }
  .download-button, .profile-trigger { width: 100%; }
  .profile-trigger { min-width: 0; }
  .trade-nav { gap: 10px; }
  .nav-link { padding: 14px 16px; }
  .chart-wrap { grid-template-columns: 1fr; }
  .y-axis { display:none; }
  .market-sidebar { max-height: 360px; }
  .asset-list { padding-right: 2px; }
  .chart-stage { min-height: 420px; }
  .trade-chart { height: 380px; }
  .symbol-bar { grid-template-columns: 1fr; gap: 12px; padding: 18px; }
  .chart-card { padding: 20px; }
  .modal-actions { flex-direction: column; }
  .modal-actions .primary-button, .modal-actions .ghost-button { width:100%; }
}

a.dropdown-item,
.dropdown-item {
  text-decoration: none !important;
}
.profile-avatar {
  border-radius: 999px !important;
  overflow: hidden;
  min-width: 38px;
  min-height: 38px;
}
.download-button {
  min-width: 170px;
  justify-content: center;
  white-space: nowrap;
  font-weight: 600;
}
.symbol-price,
.asset-price,
.order-summary strong {
  font-variant-numeric: tabular-nums;
}
.lev-steps {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  color: #9ba3b6;
  font-size: 0.94rem;
  font-weight: 600;
}
.lev-steps span {
  flex: 1 1 0;
  text-align: center;
}
.insufficient-modal {
  width: min(760px, 100%);
}
.insufficient-modal .modal-header p {
  margin: 14px 0 0;
  color: var(--muted-2);
  font-size: 1.05rem;
  line-height: 1.5;
}
.insufficient-modal .modal-actions {
  margin-top: 26px;
}
.insufficient-modal .modal-actions > * {
  flex: 1 1 0;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-weight: 700;
}
.insufficient-modal .ghost-button {
  background: rgba(255,255,255,0.08);
  border: 1px solid var(--line);
  color: var(--text);
}
.insufficient-modal .primary-button {
  color: #03111b;
  text-decoration: none;
}
@media (max-width: 768px) {
  .insufficient-modal .modal-actions {
    flex-direction: column;
  }
}


/* ===== Final trading layout polish ===== */
.category-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px !important;
  overflow: visible !important;
}
.category-tab {
  min-width: 0;
  padding: 12px 10px !important;
  text-align: center;
}
.download-button {
  width: auto !important;
  min-width: 162px !important;
  padding: 0 18px !important;
  flex: 0 0 auto !important;
}
@media (max-width: 1180px) {
  .trade-header {
    flex-wrap: wrap;
    align-items: center;
  }
  .header-left,
  .header-right {
    width: auto !important;
    flex: 1 1 auto;
  }
  .header-right {
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
  }
  .download-button,
  .profile-trigger {
    width: auto !important;
  }
}
@media (max-width: 920px) {
  .header-right {
    width: 100% !important;
    justify-content: space-between !important;
  }
}


/* final shared button/avatar polish */
.header-right { flex: 0 0 auto !important; width: auto !important; justify-content: flex-end !important; }
.download-button {
  height: 58px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: rgba(255,255,255,0.03) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 18px !important;
  min-width: 170px !important;
  width: auto !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
@media (max-width: 1180px) {
  .header-right { width: 100% !important; justify-content: space-between !important; }
}


/* ===== DOWNLOAD BUTTON HOTFIX: keep same visual row as dashboard ===== */
.trade-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.header-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.header-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
}

.header-right > * {
  flex: 0 0 auto !important;
}

.download-button {
  height: 58px !important;
  min-height: 58px !important;
  width: 178px !important;
  min-width: 178px !important;
  max-width: 178px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border-radius: 18px !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.download-button svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

.download-button span {
  display: inline-block !important;
  line-height: 1 !important;
}

.profile-wrapper {
  flex: 0 0 auto !important;
  width: auto !important;
}

.profile-trigger {
  height: 58px !important;
  min-height: 58px !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  margin: 0 !important;
  flex: 0 0 300px !important;
}

.profile-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  flex: 0 0 40px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 999px !important;
}

@media (max-width: 920px) {
  .header-right {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
  }

  .download-button {
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    flex: 0 0 178px !important;
  }

  .profile-trigger {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    flex: 0 0 300px !important;
  }
}

@media (max-width: 640px) {
  .header-right {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .download-button,
  .profile-trigger {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
  }
}



/* ===== EXACT HOTFIX FOR TRADE HEADER BUTTON/PROFILE ===== */
.trade-header .header-right{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;gap:18px !important;flex-wrap:nowrap !important;flex:0 0 auto !important;width:auto !important;margin-left:auto !important;}
.trade-header .header-right>*{flex:0 0 auto !important;align-self:center !important;}
.trade-header .download-button{display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;width:180px !important;min-width:180px !important;max-width:180px !important;height:58px !important;min-height:58px !important;padding:0 20px !important;margin:0 !important;flex:0 0 180px !important;border-radius:18px !important;line-height:1 !important;white-space:nowrap !important;text-align:left !important;}
.trade-header .download-button svg{width:20px !important;height:20px !important;flex:0 0 20px !important;}
.trade-header .download-button span{display:inline-block !important;line-height:1 !important;}
.trade-header .profile-wrapper{position:relative !important;flex:0 0 auto !important;width:auto !important;}
.trade-header .profile-trigger{display:inline-flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;width:300px !important;min-width:300px !important;max-width:300px !important;height:58px !important;min-height:58px !important;padding:0 20px !important;margin:0 !important;flex:0 0 300px !important;border-radius:18px !important;}
.trade-header .profile-avatar{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;flex:0 0 40px !important;aspect-ratio:1/1 !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;line-height:1 !important;}
.trade-header .profile-email{flex:1 1 auto !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-align:left !important;}
@media (max-width:920px){.trade-header .header-right{flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;width:auto !important;}.trade-header .download-button{width:180px !important;min-width:180px !important;max-width:180px !important;flex:0 0 180px !important;}.trade-header .profile-trigger{width:300px !important;min-width:300px !important;max-width:300px !important;flex:0 0 300px !important;}}
@media (max-width:640px){.trade-header .header-right{flex-direction:column !important;align-items:stretch !important;width:100% !important;}.trade-header .download-button,.trade-header .profile-trigger{width:100% !important;min-width:0 !important;max-width:none !important;flex:1 1 auto !important;}}

.install-modal-card{max-width:720px;margin:0 auto}
.install-copy{margin:0;color:var(--muted);line-height:1.6}
.modal-backdrop:not(.hidden){display:flex;align-items:center;justify-content:center;padding: 30px}
.centered-actions{justify-content:center !important;align-items:center !important}
.centered-actions > *{margin:0 auto}

.chart-crosshair{stroke:rgba(255,255,255,.45);stroke-width:1;stroke-dasharray:6 6;pointer-events:none}
.chart-selection{fill:rgba(98,194,234,.16);stroke:rgba(98,194,234,.45);stroke-width:1;pointer-events:none}
.chart-tooltip{position:absolute;min-width:190px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(8,11,20,.94);box-shadow:0 20px 60px rgba(0,0,0,.35);backdrop-filter:blur(14px);pointer-events:none;z-index:4}
.chart-tooltip.hidden,.chart-crosshair.hidden,.chart-selection.hidden{display:none}
.chart-tooltip-grid{display:grid;grid-template-columns:auto auto;gap:6px 14px;font-size:.92rem}
.chart-tooltip-grid span:nth-child(odd){color:#98a1b8}
.insufficient-modal{margin:0 auto;max-width:760px}
.insufficient-modal .modal-actions{justify-content:center !important;align-items:center !important}
.insufficient-modal .modal-actions .primary-button,.insufficient-modal .modal-actions .ghost-button{margin:0 auto}

.access-modal-card{max-width:640px;margin:0 auto}.access-modal-card .modal-actions{justify-content:center}.access-modal-card .primary-button{min-width:220px}


@media (max-width: 920px){
  body{min-width:320px}
  .trade-header{height:auto;min-height:84px;padding:14px 16px;gap:12px;align-items:flex-start}
  .header-left{gap:12px;flex:1 1 auto;min-width:0}
  .trade-nav{gap:8px;flex-wrap:nowrap}
  .trade-nav .nav-link{width:44px;height:44px;padding:0;justify-content:center;border-radius:14px}
  .trade-nav .nav-link span:last-child{display:none}
  .header-right{margin-left:auto;gap:10px;flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;width:auto !important}
  .trade-header .download-button,.trade-header .profile-trigger{width:44px !important;min-width:44px !important;max-width:44px !important;flex:0 0 44px !important;height:44px !important;padding:0 !important;justify-content:center !important;border-radius:14px !important}
  .trade-header .download-button span,.trade-header .profile-email,.trade-header .profile-chevron{display:none !important}
  .trade-header .profile-avatar{margin:0;width:30px;height:30px}
}
@media (max-width: 640px){
  .trade-header{position:sticky}
  .trade-layout{grid-template-columns:1fr}
}


/* v5 header/select/modal fixes */
@media (max-width: 920px){
  .trade-header{display:grid !important;grid-template-columns:auto 1fr auto !important;align-items:center !important;}
  .header-left{display:grid !important;grid-template-columns:auto 1fr !important;align-items:center !important;gap:12px !important;}
  .trade-nav{display:flex !important;align-items:center !important;gap:8px !important;}
  .trade-header .header-right{display:flex !important;flex-direction:row !important;align-items:center !important;gap:10px !important;justify-content:flex-end !important;width:auto !important;margin-left:0 !important;}
  .trade-header .download-button,.trade-header .profile-trigger{width:56px !important;min-width:56px !important;max-width:56px !important;height:56px !important;min-height:56px !important;flex:0 0 56px !important;border-radius:18px !important;padding:0 !important;}
  .trade-header .profile-trigger{display:inline-flex !important;justify-content:center !important;}
  .trade-header .profile-avatar{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;}
}
.access-modal-card .primary-button{background:linear-gradient(180deg,#ff5e7a,#c9304e)!important;color:#fff!important;border:none!important;box-shadow:0 20px 38px rgba(201,48,78,.28)!important;}
.access-modal-card .primary-button:hover{transform:translateY(-1px);}
select{background-color:#0c1320;color:#fff;color-scheme:dark;border:1px solid rgba(255,255,255,.12);}
select option{background:#0c1320;color:#fff;}


/* v6 mobile header alignment */
@media (max-width: 640px){
  .trade-header,.dashboard-header{display:grid !important;grid-template-columns:1fr auto auto !important;grid-template-rows:auto auto !important;align-items:center !important;gap:12px !important;padding:16px !important;}
  .trade-header .header-left,.dashboard-header .header-left{display:contents !important;}
  .trade-header .brand,.dashboard-header .brand{grid-column:1 / 2 !important;grid-row:1 !important;}
  .trade-header .trade-nav,.dashboard-header .dashboard-nav{grid-column:1 / 2 !important;grid-row:2 !important;display:flex !important;align-items:center !important;gap:10px !important;min-width:0 !important;}
  .trade-header .header-right,.dashboard-header .header-right,.dashboard-header .header-actions{grid-column:2 / 4 !important;grid-row:2 !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;width:auto !important;min-width:0 !important;}
  .trade-header .download-button,.trade-header .profile-trigger,.dashboard-header .download-button,.dashboard-header .profile-trigger{width:44px !important;min-width:44px !important;max-width:44px !important;height:44px !important;min-height:44px !important;flex:0 0 44px !important;border-radius:14px !important;padding:0 !important;justify-content:center !important;}
  .trade-header .download-button span,.trade-header .profile-email,.trade-header .profile-chevron,.dashboard-header .download-button span,.dashboard-header .profile-email,.dashboard-header .profile-chevron{display:none !important;}
  .trade-header .profile-avatar,.dashboard-header .profile-avatar{width:32px !important;height:32px !important;min-width:32px !important;border-radius:999px !important;}
  .trade-header .nav-link,.dashboard-header .nav-link{width:44px !important;min-width:44px !important;height:44px !important;padding:0 !important;justify-content:center !important;border-radius:14px !important;}
  .trade-header .nav-link span:last-child,.dashboard-header .nav-link span:last-child{display:none !important;}
}

select,.field select,.crm-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#0c1320 !important;color:#fff !important;border:1px solid rgba(255,255,255,.12) !important;background-image:linear-gradient(45deg, transparent 50%, rgba(255,255,255,.72) 50%),linear-gradient(135deg, rgba(255,255,255,.72) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px !important;color-scheme:dark;}
select option,.field select option,.crm-form select option{background:#0c1320 !important;color:#fff !important;}

.install-modal-card{max-width:540px !important;padding:22px !important;border-radius:28px !important}
.install-modal-card .modal-header{align-items:flex-start}
.install-modal-card h2{margin:6px 0 0;font-size:2rem;line-height:1.05}
.install-copy{margin:10px 0 18px !important;color:var(--muted) !important;line-height:1.6 !important}
.install-actions{display:flex;flex-direction:column;gap:12px;width:100%}
.install-actions .primary-button,.install-actions .ghost-button{width:100%;min-height:58px;border-radius:18px}

.sidebar-resizer{cursor:col-resize;background:linear-gradient(180deg,transparent,rgba(17,216,255,.18),transparent);border-right:1px solid rgba(255,255,255,.04);border-left:1px solid rgba(255,255,255,.04)}
body.resizing-sidebar{cursor:col-resize;user-select:none}
.chart-is-loading #pairPrice,.chart-is-loading #pairChange{opacity:.55}
@media (max-width: 1100px){.trade-layout{grid-template-columns:1fr !important}.sidebar-resizer{display:none}}

/* fix16 trade layout restore */
:root{--sidebar-width:232px;--order-width:360px}
.trade-layout{display:grid !important;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--order-width) !important;gap:0 !important;align-items:stretch !important;min-height:calc(100vh - 96px) !important}
.market-sidebar{width:auto !important;min-width:0 !important;max-width:none !important;grid-column:1 !important}
.sidebar-resizer{grid-column:1;justify-self:end;width:8px;align-self:stretch;z-index:5}
.chart-section{grid-column:2 !important;min-width:0 !important;overflow:hidden !important;display:flex;flex-direction:column}
.order-panel{grid-column:3 !important;width:auto !important;min-width:320px !important;max-width:420px !important;overflow:auto}
.chart-card,.positions-block,.symbol-bar{min-width:0}
.chart-wrap{min-width:0;display:block !important;width:100% !important}.chart-stage{min-width:0 !important;width:100% !important;}
.asset-list{min-height:0;max-height:calc(100vh - 190px)}
@media (max-width:1360px){:root{--order-width:320px}}
@media (max-width:1100px){.trade-layout{grid-template-columns:1fr !important}.sidebar-resizer{display:none !important}.chart-section,.order-panel,.market-sidebar{grid-column:auto !important;max-width:none !important}}


/* === fix17.1 trade layout + unified auth header === */
.auth-app-header.dashboard-header,
.trade-header.auth-app-header{
  position:sticky !important;
  top:0 !important;
  z-index:60 !important;
}
.trade-app{overflow-x:hidden;}
.trade-layout{
  --sidebar-width:232px;
  --sidebar-max-width:380px;
  --order-width:360px;
  display:grid !important;
  grid-template-columns:var(--sidebar-width) 8px minmax(0,1fr) var(--order-width) !important;
  align-items:stretch !important;
  gap:0 !important;
  min-height:calc(100vh - 96px) !important;
  width:100% !important;
}
.trade-layout > *{margin:0 !important; align-self:stretch !important;}
.market-sidebar{
  grid-column:1 !important;
  min-width:0 !important;
  max-width:none !important;
  padding:14px 8px 12px 8px !important;
  min-height:calc(100vh - 96px) !important;
  max-height:calc(100vh - 96px) !important;
  overflow:hidden !important;
}
.sidebar-resizer{
  grid-column:2 !important;
  width:8px !important;
  cursor:col-resize !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  background:linear-gradient(180deg, transparent, rgba(17,216,255,.18), transparent) !important;
  border-left:1px solid rgba(255,255,255,.04) !important;
  border-right:1px solid rgba(255,255,255,.04) !important;
  z-index:6 !important;
}
.chart-section{
  grid-column:3 !important;
  min-width:0 !important;
  width:auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.order-panel{
  grid-column:4 !important;
  min-width:320px !important;
  max-width:420px !important;
  width:auto !important;
  overflow:auto !important;
}
.symbol-bar,
.chart-card,
.positions-block,
.trade-cards,
.trade-card,
.chart-wrap,
.chart-stage,
.trade-chart,
.order-summary{min-width:0 !important;}
.symbol-bar{
  grid-template-columns:minmax(0,1fr) auto auto !important;
  min-height:64px !important;
  height:auto !important;
  padding:18px 22px !important;
}
.symbol-price{white-space:nowrap;}
.chart-card{padding:20px 22px 24px;}
.chart-wrap{display:block;}
.chart-stage{min-height:420px;}
.positions-block{padding:16px 22px 24px;}
.trade-card{grid-template-columns:auto minmax(0,1fr) auto auto !important;}
.trade-card-main{min-width:0 !important;}
.trade-card-main h3,.trade-card-main p{overflow:hidden; text-overflow:ellipsis;}
.asset-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:calc(100vh - 178px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.asset-card{grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important;}
.asset-symbol,.asset-name,.asset-change{min-width:0;}
.asset-price{white-space:nowrap;}
.chart-is-loading #pairPrice,.chart-is-loading #pairChange{opacity:.55;}
body.resizing-sidebar{cursor:col-resize; user-select:none;}
@media (max-width: 1360px){
  .trade-layout{grid-template-columns:var(--sidebar-width) 8px minmax(0,1fr) 320px !important;}
}
@media (max-width: 1100px){
  .trade-layout{grid-template-columns:1fr !important; min-height:auto !important;}
  .sidebar-resizer{display:none !important;}
  .market-sidebar,.chart-section,.order-panel{grid-column:auto !important; min-height:auto !important; max-height:none !important;}
  .chart-stage{min-height:420px !important;}
  .trade-chart{height:380px !important;}
}


/* === fix19 trade layout final === */
:root{--sidebar-width:232px;--sidebar-width-max:382px;--order-width:352px;}
.trade-layout{
  display:grid !important;
  grid-template-columns: var(--sidebar-width) 12px minmax(0,1fr) var(--order-width) !important;
  align-items:stretch !important;
  gap:0 !important;
  min-height:calc(100vh - 99px) !important;
}
.market-sidebar{grid-column:1 !important;padding:14px 10px !important;min-height:calc(100vh - 99px) !important;max-height:calc(100vh - 99px) !important;overflow:hidden !important;}
.sidebar-resizer{grid-column:2 !important;width:12px !important;justify-self:stretch !important;align-self:stretch !important;cursor:col-resize !important;background:linear-gradient(180deg, transparent, rgba(17,216,255,.18), transparent) !important;border-left:1px solid rgba(255,255,255,.05) !important;border-right:1px solid rgba(255,255,255,.05) !important;}
.chart-section{grid-column:3 !important;display:flex !important;flex-direction:column !important;min-width:0 !important;overflow:hidden !important;border-right:1px solid var(--line) !important;}
.order-panel{grid-column:4 !important;min-width:320px !important;max-width:400px !important;overflow:auto !important;}
.symbol-bar,.chart-card,.positions-block,.trade-card,.trade-card-main,.chart-wrap,.chart-stage,.trade-chart{min-width:0 !important;}
.symbol-bar{padding:18px 22px !important;grid-template-columns:minmax(0,1fr) auto auto !important;align-items:center !important;}
.chart-card{padding:18px 22px 22px !important;}
.chart-wrap{display:grid !important;grid-template-columns:78px minmax(0,1fr) !important;gap:10px !important;}
.chart-stage{height:420px !important;padding:0 !important;}
.chart-wrap{display:block !important;}
.positions-block{padding:16px 22px 24px !important;}
.trade-card{grid-template-columns:auto minmax(0,1fr) auto auto !important;}
.trade-card-main p{white-space:normal !important;word-break:break-word !important;}
.asset-list{flex:1 1 auto !important;min-height:0 !important;max-height:calc(100vh - 190px) !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:4px !important;}
.asset-card{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:12px !important;align-items:center !important;}
.asset-symbol,.asset-name,.asset-change{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.asset-price{white-space:nowrap !important;font-size:clamp(.88rem, calc(0.74rem + (var(--sidebar-width) - 232px) / 520), 1rem) !important;max-width:140px !important;text-align:right !important;overflow:hidden !important;}
@media (max-width: 1280px){.trade-layout{grid-template-columns:var(--sidebar-width) 12px minmax(0,1fr) 320px !important;}}
@media (max-width: 1100px){.trade-layout{grid-template-columns:1fr !important;min-height:auto !important}.sidebar-resizer{display:none !important}.market-sidebar,.chart-section,.order-panel{grid-column:auto !important;min-height:auto !important;max-height:none !important}.chart-stage{min-height:420px !important}.trade-chart{height:380px !important}.asset-price{max-width:none !important;}}


/* === fix21 trade layout cleanup === */
.trade-layout{
  --sidebar-width: 232px !important;
  --order-width: 352px !important;
  grid-template-columns: var(--sidebar-width) 12px minmax(0,1fr) var(--order-width) !important;
  width: 100% !important;
  min-height: calc(100vh - 96px) !important;
}
.market-sidebar{
  padding: 14px 10px !important;
  min-height: calc(100vh - 96px) !important;
  max-height: calc(100vh - 96px) !important;
}
.sidebar-resizer{
  display:block !important;
  position:relative !important;
  width:12px !important;
  min-width:12px !important;
  touch-action:none !important;
  cursor: col-resize !important;
}
.sidebar-resizer::before{
  content:'';
  position:absolute;
  top:0; bottom:0; left:50%; transform:translateX(-50%);
  width:2px;
  background:linear-gradient(180deg, rgba(17,216,255,0), rgba(17,216,255,.35), rgba(17,216,255,0));
}
.sidebar-resizer:hover::before,
body.resizing-sidebar .sidebar-resizer::before{ background:linear-gradient(180deg, rgba(17,216,255,.1), rgba(17,216,255,.75), rgba(17,216,255,.1)); }
.asset-card{ padding:16px 12px !important; }
.asset-price{
  max-width:none !important;
  font-size: clamp(.84rem, calc(.72rem + (var(--sidebar-width) - 232px)/300), 1rem) !important;
}
.asset-symbol,.asset-name,.asset-change{ max-width: 100%; }
.chart-section{ margin-top:0 !important; }
.symbol-bar{ min-height: 74px !important; }
.chart-card{ padding-top: 16px !important; }
.chart-stage{ height: 420px !important; }
@media (max-width: 1100px){
  .trade-layout{ grid-template-columns: 1fr !important; }
  .sidebar-resizer{ display:none !important; }
}


/* === fix22 trade resizer/mobile layout === */
.trade-layout { position: relative; }
.sidebar-resizer {
  position: relative;
  width: 10px;
  cursor: col-resize;
  background: transparent;
}
.sidebar-resizer::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: rgba(17,216,255,0.18);
}
body.resizing-sidebar { cursor: col-resize !important; user-select: none !important; }
body.resizing-sidebar * { cursor: col-resize !important; user-select: none !important; }
.market-sidebar { position: relative; }
.market-sidebar::after {
  content: '';
  position: absolute;
  top: 0;
  right: -8px;
  width: 16px;
  height: 100%;
  cursor: col-resize;
}
.asset-card { align-items: start; }
.asset-price {
  justify-self: end;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
@media (max-width: 1100px) {
  .trade-layout {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .sidebar-resizer { display: none !important; }
  .market-sidebar {
    max-height: 24vh !important;
    min-height: auto !important;
    padding: 12px 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .asset-list {
    max-height: calc(24vh - 92px) !important;
    min-height: 120px !important;
  }
  .chart-section, .order-panel { min-height: auto !important; }
}
@media (max-width: 640px) {
  .trade-layout { gap: 0 !important; }
  .market-sidebar {
    max-height: 22vh !important;
    padding: 10px 8px !important;
  }
  .search-box { margin: 0 0 12px !important; height: 46px !important; }
  .category-tabs {
    gap: 8px !important;
    padding: 0 0 12px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }
  .category-tab { flex: 0 0 auto !important; }
  .asset-list { max-height: calc(22vh - 96px) !important; gap: 8px !important; }
  .asset-card {
    padding: 12px 12px !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
  }
  .asset-symbol, .asset-name, .asset-change { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .asset-price { max-width: 86px !important; font-size: 0.95rem !important; }
  .chart-wrap { grid-template-columns: 50px 1fr !important; gap: 6px !important; }
  .y-axis {
    display: flex !important;
    font-size: 0.72rem !important;
    padding: 10px 0 34px !important;
  }
  .chart-card { padding: 12px 10px 16px !important; }
  .chart-stage {
    min-height: 250px !important;
    padding: 10px 10px 36px 6px !important;
    border-radius: 22px !important;
  }
  .trade-chart { height: 210px !important; }
  .positions-block { padding: 14px 12px 20px !important; }
  .trade-card { padding: 14px 12px !important; }
}


/* fix23 trade mobile and header consistency */
.cap-verified-badge{display:inline-flex !important;}
.trade-header .profile-trigger,.dashboard-header .profile-trigger,.support-header .profile-trigger{padding:0 !important;justify-content:center !important;align-items:center !important;}
.trade-header .profile-avatar,.dashboard-header .profile-avatar,.support-header .profile-avatar{font-weight:800 !important;font-size: 15px !important;line-height:1 !important;text-align:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;aspect-ratio:1/1 !important;border-radius:999px !important;overflow:hidden !important;}
@media (max-width:640px){
  .trade-layout{--sidebar-width:132px !important;}
  .asset-column{max-height:220px !important;overflow:hidden !important;}
  .asset-list{max-height:150px !important;overflow:auto !important;}
  .trade-shell{min-height:0 !important;}
  .chart-card{min-height:280px !important;}
  .chart-box{min-height:260px !important;}
}


/* === fix24 trade layout/mobile/resizer === */
.trade-layout{
  --sidebar-width: 232px;
  --sidebar-width-max: 382px;
  grid-template-columns: var(--sidebar-width) 12px minmax(0,1fr) 352px !important;
  align-items:stretch !important;
}
.market-sidebar{min-width:0 !important;max-width:none !important;}
.sidebar-resizer{display:block !important;grid-column:2 !important;width:12px !important;justify-self:stretch !important;align-self:stretch !important;cursor:col-resize !important;touch-action:none !important;position:relative !important;z-index:8 !important;}
.sidebar-resizer::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(17,216,255,.18),transparent);border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);}
.market-sidebar:hover + .sidebar-resizer::before,
.sidebar-resizer:hover::before,
body.resizing-sidebar .sidebar-resizer::before{background:linear-gradient(180deg, rgba(17,216,255,.08), rgba(17,216,255,.6), rgba(17,216,255,.08));}
.asset-list{overflow:auto !important;}
.asset-card{grid-template-columns:minmax(0,1fr) auto !important;gap:10px !important;align-items:center !important;}
.asset-price{max-width:160px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
@media (max-width:1100px){
  .trade-layout{grid-template-columns:1fr !important;}
  .sidebar-resizer{display:none !important;}
  .market-sidebar{max-height:22vh !important;border-right:0 !important;border-bottom:1px solid var(--line) !important;padding:12px 10px !important;}
  .asset-list{max-height:calc(22vh - 96px) !important;min-height:120px !important;}
}
@media (max-width:640px){
  .market-sidebar{max-height:18vh !important;padding:10px 8px !important;}
  .asset-list{max-height:calc(18vh - 94px) !important;min-height:92px !important;gap:8px !important;}
  .asset-card{padding:12px !important;}
  .asset-symbol,.asset-name,.asset-change{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .asset-price{max-width:104px !important;font-size:.95rem !important;}
  .trade-chart{height:240px !important;}
  .chart-stage{min-height:280px !important;padding:10px 10px 34px 6px !important;}
}

/* === fix26 trade desktop resizer + mobile stacking === */
.trade-layout{
  --sidebar-width: 232px;
  --sidebar-width-max: 382px;
  --order-width: 352px;
  display:grid !important;
  grid-template-columns: var(--sidebar-width) 12px minmax(0,1fr) var(--order-width) !important;
  min-height: calc(100vh - 96px) !important;
}
.market-sidebar{grid-column:1 !important; min-width:0 !important; max-width:none !important; overflow:hidden !important;}
.sidebar-resizer{grid-column:2 !important; display:block !important; width:12px !important; position:relative !important; z-index:20 !important; cursor:col-resize !important; touch-action:none !important;}
.sidebar-resizer::before{content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent, rgba(17,216,255,.20), transparent); border-left:1px solid rgba(255,255,255,.05); border-right:1px solid rgba(255,255,255,.05);}
.chart-section{grid-column:3 !important; min-width:0 !important; overflow:hidden !important;}
.order-panel{grid-column:4 !important; width:auto !important; min-width:320px !important;}
.asset-list{padding-right:8px !important;}
.asset-card{min-width:0 !important;}
.asset-symbol,.asset-name,.asset-change,.asset-price{overflow:hidden !important; text-overflow:ellipsis !important;}
.asset-price{white-space:nowrap !important; max-width:140px !important; justify-self:end !important; font-size:clamp(.84rem, calc(.74rem + (var(--sidebar-width) - 232px)/420), 1rem) !important;}
.chart-card{padding:20px 20px 24px !important;}
.chart-wrap{grid-template-columns:56px minmax(0,1fr) !important; gap:12px !important;}
.chart-stage{min-height:420px !important;}
.trade-chart{height:360px !important;}
.symbol-bar{position:relative; z-index:2;}
@media (max-width:1280px){
  .trade-layout{grid-template-columns: var(--sidebar-width) 12px minmax(0,1fr) 320px !important;}
}
@media (max-width:1100px){
  .trade-layout{grid-template-columns:1fr !important; min-height:auto !important;}
  .sidebar-resizer{display:none !important;}
  .market-sidebar,.chart-section,.order-panel{grid-column:auto !important; min-height:auto !important; max-height:none !important;}
  .market-sidebar{max-height:208px !important; border-right:0 !important; border-bottom:1px solid var(--line) !important; padding:10px 8px !important;}
  .search-box{margin:0 4px 10px !important; height:44px !important;}
  .category-tabs{padding:0 4px 10px !important; gap:8px !important;}
  .category-tab{padding:10px 14px !important; border-radius:14px !important;}
  .asset-list{max-height:118px !important; padding:0 4px 4px !important;}
  .asset-card{padding:14px 14px !important; border-radius:16px !important;}
  .asset-symbol{font-size:1.05rem !important;}
  .asset-price{font-size:1rem !important; max-width:120px !important;}
  .symbol-bar{height:auto !important; padding:18px 18px 14px !important; grid-template-columns:minmax(0,1fr) auto auto !important; gap:12px !important;}
  .chart-card{padding:14px 16px 18px !important;}
  .time-range{margin-bottom:14px !important; gap:12px !important; flex-wrap:wrap !important;}
  .chart-wrap{grid-template-columns:44px minmax(0,1fr) !important; gap:8px !important;}
  .chart-stage{min-height:320px !important;}
  .trade-chart{height:280px !important;}
  .order-panel{padding:18px 16px 24px !important;}
}

/* === fix27 desktop resizer + mobile asset stack === */
@media (min-width:1101px){
  .trade-layout{grid-template-columns:var(--sidebar-width) 12px minmax(0,1fr) var(--order-width) !important;}
  .market-sidebar{position:relative !important;}
  .market-sidebar::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:20px;
    height:100%;
    cursor:col-resize;
    z-index:30;
  }
  .sidebar-resizer{position:relative !important; z-index:31 !important;}
}
@media (max-width:1100px){
  .trade-layout{display:block !important; min-height:auto !important;}
  .market-sidebar{
    max-height:156px !important;
    min-height:156px !important;
    padding:8px 8px 6px !important;
    margin-bottom:10px !important;
    overflow:hidden !important;
  }
  .search-box{margin:0 4px 8px !important; height:40px !important;}
  .category-tabs{padding:0 4px 8px !important; gap:6px !important; flex-wrap:nowrap !important; overflow-x:auto !important;}
  .category-tab{padding:9px 13px !important; border-radius:14px !important; white-space:nowrap !important;}
  .asset-list{
    max-height:74px !important;
    min-height:74px !important;
    padding:0 4px 2px !important;
    gap:8px !important;
  }
  .asset-card{padding:10px 12px !important; min-height:66px !important; border-radius:16px !important;}
  .asset-symbol{font-size:1rem !important;}
  .asset-name{margin-top:2px !important; font-size:.92rem !important;}
  .asset-change{margin-top:6px !important; font-size:.98rem !important;}
  .asset-price{font-size:.98rem !important; max-width:108px !important;}
  .chart-section{margin-top:0 !important;}
  .symbol-bar{padding:16px 16px 10px !important; gap:10px !important;}
  .chart-card{padding:10px 12px 16px !important;}
}
@media (max-width:640px){
  .market-sidebar{
    max-height:142px !important;
    min-height:142px !important;
    padding:8px 6px 6px !important;
    margin-bottom:12px !important;
  }
  .asset-list{max-height:66px !important; min-height:66px !important;}
  .asset-card{padding:9px 11px !important; min-height:60px !important;}
  .chart-section{padding-top:0 !important;}
  .symbol-bar{padding:14px 14px 10px !important; grid-template-columns:minmax(0,1fr) auto auto !important;}
}


/* === fix28 mobile asset panel + real desktop resizer === */
@media (min-width:1101px){
  .trade-layout{min-width:0 !important;}
  .chart-section,.order-panel{min-width:0 !important;}
}
@media (max-width:1100px){
  .market-sidebar{
    max-height:126px !important;
    min-height:126px !important;
    padding:8px 8px 4px !important;
    overflow:hidden !important;
  }
  .category-tabs{padding:0 4px 6px !important;}
  .asset-list{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(180px, 78vw) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    max-height:54px !important;
    min-height:54px !important;
    padding:0 4px 0 !important;
    gap:8px !important;
    align-items:stretch !important;
    scrollbar-width:none !important;
  }
  .asset-list::-webkit-scrollbar{display:none !important;}
  .asset-card{
    min-height:54px !important;
    max-height:54px !important;
    padding:8px 12px !important;
    border-radius:14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
  }
  .asset-meta{min-width:0 !important;}
  .asset-symbol{font-size:.9rem !important; line-height:1.05 !important;}
  .asset-name{font-size:.8rem !important; margin-top:2px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;}
  .asset-change{font-size:.85rem !important; margin-top:4px !important; white-space:nowrap !important;}
  .asset-price{font-size:.9rem !important; max-width:110px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; align-self:center !important;}
  .chart-section{margin-top:12px !important;}
  .symbol-bar{padding-top:12px !important;}
}
@media (max-width:640px){
  .market-sidebar{max-height:118px !important; min-height:118px !important;}
  .asset-list{grid-auto-columns:minmax(172px, 82vw) !important; max-height:52px !important; min-height:52px !important;}
  .asset-card{min-height:52px !important; max-height:52px !important; padding:8px 10px !important;}
  .chart-section{margin-top:14px !important;}
}


/* === fix29 mobile asset panel + desktop resizer hard override === */
@media (min-width:1101px){
  .trade-layout{grid-template-columns:var(--sidebar-width, 248px) 12px minmax(0,1fr) var(--order-width, 352px) !important;}
  .market-sidebar{width:var(--sidebar-width, 248px) !important; min-width:var(--sidebar-width, 248px) !important; max-width:var(--sidebar-width, 248px) !important;}
  .sidebar-resizer{display:block !important; width:12px !important; min-width:12px !important; z-index:50 !important;}
  .chart-section,.order-panel{min-width:0 !important;}
}
@media (max-width:1100px){
  .trade-layout{display:block !important; min-height:auto !important;}
  .market-sidebar{
    height:208px !important;
    min-height:208px !important;
    max-height:208px !important;
    padding:10px 8px 8px !important;
    margin:0 0 16px !important;
    overflow:hidden !important;
    position:relative !important;
    z-index:3 !important;
  }
  .search-box{height:42px !important; margin:0 4px 10px !important;}
  .category-tabs{padding:0 4px 10px !important; gap:8px !important; overflow-x:auto !important; flex-wrap:nowrap !important;}
  .category-tab{padding:10px 14px !important; white-space:nowrap !important;}
  .asset-list{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(220px, 86vw) !important;
    align-items:stretch !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    min-height:92px !important;
    max-height:92px !important;
    padding:0 4px 0 !important;
    gap:10px !important;
    scrollbar-width:none !important;
  }
  .asset-list::-webkit-scrollbar{display:none !important;}
  .asset-card{
    min-height:92px !important;
    max-height:92px !important;
    padding:14px 14px !important;
    border-radius:18px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto auto !important;
    align-content:center !important;
  }
  .asset-symbol{font-size:1.05rem !important; line-height:1.05 !important;}
  .asset-name{font-size:.95rem !important; margin-top:4px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;}
  .asset-change{font-size:1rem !important; margin-top:8px !important;}
  .asset-price{font-size:1.05rem !important; max-width:132px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; align-self:center !important;}
  .chart-section{margin-top:0 !important; padding-top:0 !important; position:relative !important; z-index:1 !important;}
  .symbol-bar{padding:16px 14px 12px !important;}
  .chart-card{padding:10px 12px 18px !important;}
}
@media (max-width:640px){
  .market-sidebar{height:196px !important; min-height:196px !important; max-height:196px !important;}
  .asset-list{grid-auto-columns:minmax(210px, 88vw) !important; min-height:88px !important; max-height:88px !important;}
  .asset-card{min-height:88px !important; max-height:88px !important;}
}

/* === fix30 mobile asset controls + desktop resize hardening === */
.category-tabs-shell,
.asset-list-shell{position:relative;}
.asset-list-shell{margin-top:12px;}
.scroll-arrow{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(8,14,24,.88);color:#d8ecff;position:absolute;top:50%;transform:translateY(-50%);z-index:6;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.scroll-arrow.hidden{display:none !important;}
.scroll-arrow:hover{background:rgba(14,30,44,.98)}
.category-tabs-shell .scroll-arrow,.asset-list-shell .scroll-arrow{display:inline-flex;}
.category-tabs-shell .scroll-arrow:first-child,.asset-list-shell .scroll-arrow:first-child{left:-2px}
.category-tabs-shell .scroll-arrow:last-child,.asset-list-shell .scroll-arrow:last-child{right:-2px}
.category-tabs{padding:0 22px 12px !important; gap:10px !important; overflow-x:auto !important; scrollbar-width:none;}
.category-tabs::-webkit-scrollbar{display:none}
.category-tab{min-width:max-content;max-width:130px;overflow:hidden;text-overflow:ellipsis;}
.category-tab[data-category="commodities"]{max-width:122px;}
.asset-list{scrollbar-gutter:stable both-edges;}
.transactions-panel h2,.transactions-section h2,.section-title{margin:0 0 18px 0;padding:0 18px;}
.trade-row-clean .trade-main h3{margin-bottom:6px;}

@media (min-width:1101px){
  .trade-layout{grid-template-columns:var(--sidebar-width, 320px) 12px minmax(0,1fr) 352px !important;}
  .market-sidebar{width:var(--sidebar-width, 320px) !important;min-width:var(--sidebar-width, 320px) !important;max-width:var(--sidebar-width, 320px) !important;}
  .chart-section,.order-panel{min-width:0;}
  .asset-list-shell .scroll-arrow,.category-tabs-shell .scroll-arrow{display:none !important;}
}

@media (max-width:1100px){
  .market-sidebar{padding:12px 10px 14px !important;min-height:auto !important;max-height:none !important;overflow:visible !important;}
  .search-box{margin:0 4px 12px !important;height:48px !important;}
  .category-tabs-shell{margin:0 4px 12px !important;}
  .category-tabs{padding:0 26px 0 0 !important;gap:8px !important;}
  .category-tab{padding:10px 14px !important;font-size:15px !important;border-radius:14px !important;min-width:92px;text-align:center;}
  .category-tab.icon-only{min-width:54px !important;padding:10px 0 !important;}
  .asset-list-shell{margin:0 4px 14px !important;}
  .asset-list{display:flex !important;flex-direction:row !important;gap:10px !important;overflow-x:auto !important;overflow-y:hidden !important;padding:2px 26px 4px 0 !important;max-height:none !important;min-height:118px !important;scroll-snap-type:x proximity;scrollbar-width:none;}
  .asset-list::-webkit-scrollbar{display:none}
  .asset-card{flex:0 0 210px !important;min-height:102px !important;padding:16px 18px !important;scroll-snap-align:start;align-content:start;}
  .asset-price{font-size:1.02rem !important;max-width:none !important;white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important;}
  .asset-symbol{font-size:1rem !important;}
  .asset-name{margin-top:4px !important;}
  .asset-change{margin-top:8px !important;}
  .symbol-bar{padding-top:18px !important;}
  .chart-card{padding-top:18px !important;}
}

@media (max-width:520px){
  .category-tabs-shell,.asset-list-shell{overflow:visible !important;}
  .asset-list{min-height:114px !important;}
  .asset-card{flex-basis:224px !important;}
  .category-tab[data-category="commodities"]{max-width:86px !important;}
}


/* === fix31 desktop asset controls only + mobile revert === */
@media (min-width:1101px){
  .category-tabs-shell{margin:0 10px 14px !important;padding:0 16px 0 0 !important;}
  .asset-list-shell{margin:8px 10px 0 !important;padding:0 16px 0 0 !important;}
  .category-tabs-shell .scroll-arrow,.asset-list-shell .scroll-arrow{display:inline-flex !important;}
  .category-tabs{padding:0 26px 10px 0 !important;}
  .asset-list{padding:0 20px 8px 0 !important;overflow-y:auto !important;overflow-x:hidden !important;display:flex !important;flex-direction:column !important;gap:10px !important;min-height:0 !important;max-height:calc(100vh - 220px) !important;}
  .asset-card{width:100% !important;min-width:0 !important;max-width:none !important;}
  .trade-layout{grid-template-columns:var(--sidebar-width, 290px) 12px minmax(0,1fr) 352px !important;}
  .market-sidebar{width:var(--sidebar-width, 290px) !important;min-width:var(--sidebar-width, 290px) !important;max-width:var(--sidebar-width, 290px) !important;}
}

@media (max-width:1100px){
  .category-tabs-shell,.asset-list-shell{margin:0 8px 12px !important;padding:0 !important;overflow:visible !important;}
  .category-tabs-shell::after,.asset-list-shell::after{content:'';position:absolute;right:0;top:0;bottom:0;width:26px;pointer-events:none;background:linear-gradient(90deg, rgba(4,7,15,0), rgba(4,7,15,.94));border-radius:0 16px 16px 0;}
  .category-tabs-shell .scroll-arrow,.asset-list-shell .scroll-arrow{display:none !important;}
  .category-tabs{padding:0 !important;gap:8px !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;}
  .category-tabs::-webkit-scrollbar{display:none !important;}
  .category-tab{min-width:max-content !important;max-width:none !important;padding:10px 18px !important;border-radius:16px !important;font-size:15px !important;}
  .category-tab.icon-only{min-width:max-content !important;padding:10px 18px !important;}
  .asset-list{display:flex !important;flex-direction:row !important;gap:10px !important;overflow-x:auto !important;overflow-y:hidden !important;padding:0 0 6px 0 !important;min-height:106px !important;max-height:none !important;scrollbar-width:none !important;scroll-snap-type:x proximity !important;}
  .asset-list::-webkit-scrollbar{display:none !important;}
  .asset-card{flex:0 0 calc(100% - 18px) !important;max-width:calc(100% - 18px) !important;min-height:94px !important;max-height:none !important;padding:14px 16px !important;scroll-snap-align:start !important;}
  .asset-price{max-width:none !important;white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important;font-size:1.02rem !important;}
  .symbol-bar{padding-top:14px !important;margin-top:2px !important;}
  .chart-card{padding-top:14px !important;}
}

@media (max-width:520px){
  .market-sidebar{padding:10px 8px 12px !important;}
  .search-box{margin:0 4px 10px !important;height:44px !important;}
  .category-tabs-shell,.asset-list-shell{margin:0 4px 10px !important;}
  .category-tab{padding:9px 16px !important;font-size: 15px !important;}
  .asset-list{min-height:96px !important;}
  .asset-card{flex-basis:calc(100% - 12px) !important;max-width:calc(100% - 12px) !important;min-height:88px !important;padding:12px 14px !important;}
  .asset-symbol{font-size:1rem !important;}
  .asset-name{font-size:.92rem !important;margin-top:4px !important;}
  .asset-change{font-size:.95rem !important;margin-top:8px !important;}
}


/* === fix33 final asset panel behaviour === */
@media (min-width:1101px){
  .category-tabs-shell{margin:0 10px 16px !important;padding:0 20px 0 20px !important;}
  .asset-list-shell{margin:2px 10px 0 !important;padding:0 20px !important;}
  .category-tabs-shell .scroll-arrow,.asset-list-shell .scroll-arrow{display:inline-flex !important;}
  .category-tabs{padding:0 !important;}
  .asset-list{padding:0 0 10px 0 !important;}
}
@media (max-width:1100px){
  .category-tabs-shell{margin:0 8px 14px !important;padding:0 !important;}
  .asset-list-shell{margin:0 8px 16px !important;padding:0 !important;}
  .category-tabs-shell::after,.asset-list-shell::after{display:none !important;content:none !important;}
  .category-tabs{padding:0 4px 0 0 !important;gap:10px !important;}
  .asset-list{padding:0 !important;gap:0 !important;min-height:94px !important;max-height:94px !important;}
  .asset-card{flex:0 0 100% !important;max-width:100% !important;border-radius:18px !important;}
  .asset-list-shell .scroll-arrow,.category-tabs-shell .scroll-arrow{display:none !important;}
}
@media (max-width:520px){
  .market-sidebar{padding:10px 8px 14px !important;}
  .search-box{margin:0 4px 12px !important;}
  .category-tabs-shell{margin:0 4px 12px !important;}
  .asset-list-shell{margin:0 4px 14px !important;}
  .asset-list{min-height:90px !important;max-height:90px !important;}
  .asset-card{min-height:88px !important;padding:12px 14px !important;}
}

/* === fix34 asset controls + precision === */
.category-tab .tab-icon,
.category-tab .tab-label{display:inline-flex;align-items:center;justify-content:center;min-width:0}
.category-tab.icon-only{padding:0 !important; width:52px !important; min-width:52px !important; justify-content:center !important;}
.category-tab.icon-only .tab-icon{width:18px;height:18px;color:currentColor}
.category-tab.icon-only svg{width:18px;height:18px;display:block}
.category-tab:not(.icon-only) .tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.asset-price{max-width:calc(var(--sidebar-width, 290px) - 138px) !important; overflow:visible !important; text-overflow:clip !important;}
.asset-meta{min-width:0 !important;}
@media (min-width:1100px){
  .category-tabs-shell,.asset-list-shell{position:relative;}
  .category-tabs-shell{margin:8px 10px 12px !important;padding:0 18px !important;}
  .asset-list-shell{margin:12px 10px 0 !important;padding:0 18px !important;}
  .category-tabs-shell .scroll-arrow,.asset-list-shell .scroll-arrow{display:inline-flex !important; width:26px;height:26px;top:50%;transform:translateY(-50%);background:rgba(10,16,32,.94);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px rgba(0,0,0,.25)}
  .category-tabs-shell .scroll-arrow.hidden,.asset-list-shell .scroll-arrow.hidden{display:none !important;}
  .category-tabs-shell .scroll-arrow:first-child,.asset-list-shell .scroll-arrow:first-child{left:0 !important}
  .category-tabs-shell .scroll-arrow:last-child,.asset-list-shell .scroll-arrow:last-child{right:0 !important}
  .category-tabs{padding:0 !important; gap:10px !important; overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:none !important;}
  .category-tabs::-webkit-scrollbar{display:none !important}
  .asset-list{padding:0 0 8px 0 !important;}
}
@media (max-width:1099px){
  .category-tabs-shell,.asset-list-shell{position:relative;overflow:visible !important;margin:0 10px 12px !important;padding:0 22px !important;}
  .category-tabs-shell{margin-top:8px !important;}
  .category-tabs{display:flex !important;gap:10px !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;padding:0 !important;}
  .category-tabs::-webkit-scrollbar{display:none !important;}
  .category-tab{flex:0 0 auto !important;min-width:100px !important;justify-content:center !important;}
  .category-tabs-shell .scroll-arrow,.asset-list-shell .scroll-arrow{display:inline-flex !important; width:28px;height:28px; top:50%; transform:translateY(-50%); z-index:5; background:rgba(7,12,24,.96); border:1px solid rgba(255,255,255,.1); box-shadow:0 6px 18px rgba(0,0,0,.22);}
  .category-tabs-shell .scroll-arrow.hidden,.asset-list-shell .scroll-arrow.hidden{display:none !important;}
  .category-tabs-shell .scroll-arrow:first-child,.asset-list-shell .scroll-arrow:first-child{left:-2px !important}
  .category-tabs-shell .scroll-arrow:last-child,.asset-list-shell .scroll-arrow:last-child{right:-2px !important}
  .asset-list-shell{margin-top:10px !important; padding-bottom:2px !important;}
  .asset-list{display:flex !important; flex-direction:row !important; gap:12px !important; overflow-x:auto !important; overflow-y:hidden !important; padding:0 !important; min-height:104px !important; max-height:none !important; scrollbar-width:none !important; scroll-snap-type:x proximity !important;}
  .asset-list::-webkit-scrollbar{display:none !important;}
  .asset-card{flex:0 0 calc(100% - 14px) !important; max-width:calc(100% - 14px) !important; min-height:96px !important; padding:14px 16px !important; scroll-snap-align:start !important;}
  .asset-price{max-width:none !important; font-size:1.02rem !important; overflow:visible !important; text-overflow:clip !important;}
}
@media (max-width:520px){
  .market-sidebar{padding:10px 8px 14px !important;}
  .category-tabs-shell,.asset-list-shell{margin:0 8px 12px !important; padding:0 22px !important;}
  .category-tab{min-width:94px !important;}
  .asset-card{flex-basis:calc(100% - 10px) !important; max-width:calc(100% - 10px) !important;}
}


/* fix35 mobile asset spacing + compact search */
@media (max-width:1100px){
.market-filters{padding:0 14px 10px !important; gap:8px !important; overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:none !important;}
.market-filters::-webkit-scrollbar{display:none;}
.market-filter{flex:0 0 auto !important; min-width:92px !important;}
.asset-column{padding-bottom:12px !important;}
.asset-list{max-height:210px !important; min-height:170px !important; padding-top:8px !important;}
.asset-card.active{margin-bottom:0 !important; transform:none !important;}
.asset-card{min-height:88px !important;}
.asset-price{max-width:120px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important;}
.asset-meta{min-width:0 !important;}
.asset-symbol,.asset-name,.asset-change{overflow:visible !important; text-overflow:clip !important; white-space:nowrap !important;}
.asset-search{height:40px !important; padding:0 12px 0 40px !important; font-size:0.95rem !important;}
.asset-search-icon{left:14px !important;}
.horizontal-scroll-arrow{display:flex !important;}
}
@media (min-width:1101px){
.market-filter.icon-only .tab-label{display:none !important;}
.market-filter.icon-only .tab-icon{display:flex !important;}
}
.asset-price{justify-self:end !important;}
.asset-meta{max-width:calc(100% - 90px) !important;}
.recent-trades-header .view-all-link{margin-right:24px !important;}

/* === fix36 final asset panel, mobile card, and better compact icons === */
@media (min-width:1101px){
  .category-tab{min-width:104px !important;}
  .category-tab.icon-only{width:44px !important;min-width:44px !important;max-width:44px !important;padding:0 !important;border-radius:14px !important;}
  .category-tab.icon-only .tab-icon{width:17px !important;height:17px !important;}
  .category-tab.icon-only .tab-icon svg{width:17px !important;height:17px !important;opacity:.95;}
  .asset-card{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:8px !important;}
  .asset-meta{max-width:none !important;min-width:0 !important;}
  .asset-symbol,.asset-name,.asset-change{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .asset-price{max-width:112px !important;min-width:72px !important;overflow:hidden !important;text-overflow:clip !important;white-space:nowrap !important;justify-self:end !important;text-align:right !important;}
}

@media (max-width:1100px){
  .market-sidebar{overflow:hidden !important;}
  .search-box,.asset-search{height:38px !important;min-height:38px !important;border-radius:14px !important;}
  .asset-search{padding:0 12px 0 38px !important;line-height:38px !important;}
  .asset-search-icon{left:12px !important;top:50% !important;transform:translateY(-50%) !important;}
  .category-tabs-shell{margin-bottom:10px !important;}
  .asset-list-shell{margin-top:6px !important;margin-bottom:14px !important;overflow:hidden !important;}
  .asset-list{min-height:92px !important;max-height:92px !important;padding:0 !important;gap:10px !important;}
  .asset-card{flex:0 0 calc(100% - 6px) !important;max-width:calc(100% - 6px) !important;min-height:86px !important;max-height:86px !important;padding:12px 14px !important;margin:0 !important;transform:none !important;box-sizing:border-box !important;}
  .asset-card.active{margin:0 !important;transform:none !important;}
  .symbol-bar{margin-top:0 !important;padding-top:10px !important;border-top:1px solid var(--line) !important;}
  .chart-card{padding-top:12px !important;}
}

@media (max-width:520px){
  .market-sidebar{padding-bottom:10px !important;}
  .category-tabs-shell{padding:0 18px !important;}
  .asset-list-shell{padding:0 18px !important;}
  .asset-list-shell .scroll-arrow{top:50% !important;transform:translateY(-50%) !important;}
  .asset-card{flex-basis:calc(100% - 8px) !important;max-width:calc(100% - 8px) !important;min-height:84px !important;max-height:84px !important;padding:11px 14px !important;}
  .asset-symbol{font-size:1rem !important;}
  .asset-name{font-size:.88rem !important;margin-top:2px !important;}
  .asset-change{font-size:.86rem !important;margin-top:6px !important;}
  .asset-price{font-size:.95rem !important;max-width:114px !important;min-width:72px !important;}
}

/* fix38b targeted asset panel corrections */
.asset-card{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;column-gap:10px !important;}
.asset-meta{min-width:0 !important;overflow:visible !important;}
.asset-symbol,.asset-name{white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important;max-width:none !important;}
.asset-price{justify-self:end !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:96px !important;min-width:0 !important;direction:ltr !important;}
.market-sidebar{overflow:hidden !important;}
@media (min-width:1101px){
  .category-tab{min-width:max-content !important;}
  .category-tab .tab-label{white-space:nowrap !important;}
  .asset-price{max-width:88px !important;}
}
@media (max-width:1100px){
  .market-sidebar{min-height:228px !important;max-height:228px !important;height:228px !important;padding:10px 10px 12px !important;overflow:hidden !important;}
  .category-tabs-shell{margin:0 8px 8px !important;}
  .asset-list-shell{margin:8px 8px 16px !important;padding:0 18px !important;min-height:96px !important;overflow:visible !important;}
  .asset-list{display:flex !important;flex-direction:row !important;gap:10px !important;min-height:92px !important;max-height:92px !important;height:92px !important;overflow-x:auto !important;overflow-y:hidden !important;padding:0 !important;}
  .asset-card,.asset-card.active{flex:0 0 calc(100% - 8px) !important;max-width:calc(100% - 8px) !important;min-height:88px !important;max-height:88px !important;height:88px !important;margin:0 !important;transform:none !important;align-self:stretch !important;border-radius:18px !important;}
  .asset-price{max-width:118px !important;font-size:1rem !important;}
}
@media (max-width:640px){
  .market-sidebar{min-height:236px !important;max-height:236px !important;height:236px !important;}
  .asset-list-shell{margin:10px 10px 18px !important;}
  .asset-list{min-height:96px !important;max-height:96px !important;height:96px !important;}
  .asset-card,.asset-card.active{min-height:90px !important;max-height:90px !important;height:90px !important;}
}


/* === final fix42 desktop sidebar + list + axis === */
@media (min-width: 1101px){
  .trade-layout{
    --sidebar-width: 286px !important;
    grid-template-columns: 286px minmax(0,1fr) 320px !important;
  }
  .sidebar-resizer{display:none !important;}
  .market-sidebar{width:286px !important;min-width:286px !important;max-width:286px !important;padding:14px 10px !important;}
  .chart-section{min-width:0 !important;}
  .category-tabs{padding:0 6px 14px !important;gap:10px !important;overflow:hidden !important;}
  .category-tab{padding:12px 16px !important;white-space:nowrap !important;}
  .asset-list{padding:0 6px 8px !important;}
  .asset-card{grid-template-columns:minmax(0,1fr) auto !important;gap:12px !important;align-items:center !important;padding:16px 14px !important;}
  .asset-meta{min-width:0 !important;overflow:visible !important;}
  .asset-symbol,.asset-name{white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important;}
  .asset-price{max-width:none !important;min-width:92px !important;white-space:nowrap !important;text-align:right !important;overflow:hidden !important;text-overflow:clip !important;}
  .chart-wrap{grid-template-columns:92px minmax(0,1fr) !important;gap:10px !important;}
  .y-axis{font-size:.82rem !important;padding:18px 0 42px 4px !important;overflow:hidden !important;}
}
@media (max-width: 1100px){
  .market-sidebar{max-height: 236px !important; min-height: 236px !important; padding: 12px 10px !important;}
  .asset-list{max-height: 124px !important; min-height: 124px !important; padding:0 4px 8px !important;}
  .asset-card{min-height: 88px !important; max-height: 88px !important; display:grid !important; align-items:center !important; align-content:center !important; padding:14px 16px !important;}
  .asset-meta{display:flex !important; flex-direction:column !important; justify-content:center !important; min-height:100% !important;}
}

.chart-selection-summary{position:absolute;left:50%;top:12px;transform:translateX(-50%);display:flex;flex-direction:column;gap:4px;min-width: 290px;max-width:min(78%,560px);padding:12px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(8,11,20,.94);box-shadow:0 20px 60px rgba(0,0,0,.35);backdrop-filter:blur(14px);pointer-events:none;z-index:5;text-align:center}.chart-selection-summary strong{font-size:1rem;font-weight:700}.chart-selection-summary span{font-size:.82rem;color:#98a1b8}.chart-selection-summary.positive strong{color:#67f0a8}.chart-selection-summary.negative strong{color:#ff6b8a}.chart-selection-summary.hidden{display:none}.trade-chart{cursor:crosshair;}


/* === fix46 desktop category tabs restored + sidebar locked === */
@media (min-width: 1101px){
  .trade-layout{
    --sidebar-width: 360px !important;
    grid-template-columns: 360px minmax(0,1fr) 320px !important;
  }
  #marketSidebar.market-sidebar{
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    flex:0 0 360px !important;
    padding:14px 12px !important;
    resize:none !important;
  }
  #sidebarResizer.sidebar-resizer{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    pointer-events:none !important;
    opacity:0 !important;
  }
  .category-tabs-shell{
    margin:8px 6px 12px !important;
    padding:0 !important;
  }
  .category-tabs-shell .scroll-arrow{
    display:none !important;
  }
  .category-tabs{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .category-tab{
    min-width:0 !important;
    width:100% !important;
    justify-content:center !important;
    padding:12px 8px !important;
    font-size:13px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    border-radius:14px !important;
  }
  .category-tab[data-category="commodities"]{
    font-size:12px !important;
    letter-spacing:-0.01em !important;
  }
}


/* === fix47 desktop category arrows + locked sidebar only === */
@media (min-width: 1101px){
  .sidebar-resizer{
    display:none !important;
    pointer-events:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
  }
  .market-sidebar{
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    resize:none !important;
  }
  .category-tabs-shell{
    position:relative !important;
    overflow:hidden !important;
    margin:0 6px 14px !important;
    padding:0 22px !important;
  }
  .category-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    padding:0 0 14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    scroll-behavior:smooth !important;
  }
  .category-tabs::-webkit-scrollbar{
    display:none !important;
  }
  .category-tab{
    flex:0 0 auto !important;
    min-width:max-content !important;
    white-space:nowrap !important;
  }
  .category-tabs-shell .scroll-arrow{
    display:inline-flex !important;
    pointer-events:auto !important;
    width:26px !important;
    height:26px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:6 !important;
  }
  .category-tabs-shell .scroll-arrow.hidden{
    display:none !important;
  }
  .category-tabs-shell .scroll-arrow:first-child{
    left:0 !important;
  }
  .category-tabs-shell .scroll-arrow:last-child{
    right:0 !important;
  }
}


/* === fix48 desktop sidebar locked, category arrows kept, chart layout untouched === */
@media (min-width: 1101px){
  .trade-layout{
    --sidebar-width: 360px !important;
    grid-template-columns: 360px 10px minmax(420px,1fr) 460px !important;
  }
  #marketSidebar.market-sidebar,
  .market-sidebar{
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    flex:0 0 360px !important;
    resize:none !important;
    cursor:default !important;
  }
  #sidebarResizer.sidebar-resizer,
  .sidebar-resizer{
    display:block !important;
    width:10px !important;
    min-width:10px !important;
    max-width:10px !important;
    opacity:0 !important;
    pointer-events:none !important;
    cursor:default !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .sidebar-resizer::before,
  .sidebar-resizer::after{
    display:none !important;
    content:none !important;
  }
  .market-sidebar:hover + .sidebar-resizer::before,
  .sidebar-resizer:hover::before,
  body.resizing-sidebar .sidebar-resizer::before{
    display:none !important;
    background:transparent !important;
  }
  .category-tabs-shell{
    position:relative !important;
    overflow:visible !important;
    margin:8px 6px 14px !important;
    padding:0 28px !important;
  }
  .category-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    padding:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    scroll-behavior:smooth !important;
  }
  .category-tabs::-webkit-scrollbar{ display:none !important; }
  .category-tab{
    flex:0 0 auto !important;
    min-width:max-content !important;
    white-space:nowrap !important;
    width:auto !important;
    padding:12px 18px !important;
    font-size: 15px !important;
    line-height:1.1 !important;
    border-radius:16px !important;
  }
  .category-tabs-shell .scroll-arrow{
    display:inline-flex !important;
    pointer-events:auto !important;
    width:28px !important;
    height:28px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:6 !important;
  }
  .category-tabs-shell .scroll-arrow.hidden{ display:none !important; }
  .category-tabs-shell .scroll-arrow:first-child{ left:0 !important; }
  .category-tabs-shell .scroll-arrow:last-child{ right:0 !important; }
}


/* v32 mobile and dark-scrollbar hardening */
html, body { max-width:100%; }
html.dark, body, .trade-app { scrollbar-color:#2a3a52 #070d17; }
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#070d17}::-webkit-scrollbar-thumb{background:#2a3a52;border-radius:999px;border:2px solid #070d17}
@media (max-width: 760px){
  .trade-layout{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;overflow-x:hidden!important;}
  .market-sidebar,.chart-section,.order-panel{width:100%!important;max-width:100%!important;min-width:0!important;grid-column:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;}
  .market-sidebar{padding:12px 10px!important;}
  .asset-list{max-height:none!important;overflow:visible!important;display:grid!important;gap:10px!important;}
  .chart-section{border-top:1px solid var(--line)!important;}
  .symbol-bar{padding:14px 10px!important;display:grid!important;grid-template-columns:1fr auto auto!important;gap:8px!important;}
  .timeframe-tabs{padding:0 10px!important;gap:12px!important;overflow-x:auto!important;}
  .chart-card{padding:10px 8px 18px!important;overflow:hidden!important;width:100%!important;}
  .chart-wrap{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:4px!important;width:100%!important;min-width:0!important;}
  .chart-stage{width:100%!important;min-width:0!important;min-height:250px!important;overflow:hidden!important;border-radius:20px!important;}
  .trade-chart{width:100%!important;height:260px!important;min-width:0!important;display:block!important;}
  .y-axis{font-size:10px!important;overflow:hidden!important;}
  .x-axis{font-size:10px!important;overflow:hidden!important;}
  .positions-block{padding:16px 10px!important;}
  .order-panel{padding:16px 10px 24px!important;}
  .order-card{max-width:none!important;width:100%!important;}
  .profile-trigger{max-width:52px!important;overflow:hidden!important;}
}
@media (min-width: 761px) and (max-width: 1100px){
  .trade-layout{display:flex!important;flex-direction:column!important;}
  .chart-stage{min-height:360px!important}.trade-chart{height:360px!important}
}


/* === v34 leverage/mobile assets/devtools polish === */
.order-summary .summary-row{gap:14px!important}
.order-summary .summary-row span{white-space:normal!important}
.order-summary strong{white-space:nowrap!important}
.trade-card-main p{line-height:1.45!important}
@media(max-width:820px){
  .category-tabs,.asset-list{touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;pointer-events:auto!important;}
  .asset-list{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;gap:12px!important;padding:0 16px 8px 0!important;}
  .asset-card{flex:0 0 min(82vw,260px)!important;scroll-snap-align:start!important;}
  .asset-list-shell::after,.category-tabs-shell::after{pointer-events:none!important;}
}

/* v35 mobile asset strip and leverage summary */
@media(max-width:640px){
  .asset-list-shell{position:relative!important;overflow:visible!important;padding:0 26px!important;margin:8px 8px 16px!important;}
  .asset-list{display:flex!important;flex-direction:row!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;max-height:104px!important;min-height:104px!important;height:104px!important;padding:0!important;pointer-events:auto!important;}
  .asset-card{flex:0 0 min(260px,76vw)!important;scroll-snap-align:start!important;}
  .asset-list-shell .scroll-arrow{display:inline-flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:20!important;width:28px!important;height:28px!important;pointer-events:auto!important;}
  .asset-list-shell .scroll-arrow.hidden{display:none!important;}
  #assetPrevBtn{left:2px!important} #assetNextBtn{right:2px!important}
}

/* v36 UI fixes */
.transaction-amount-status{display:flex!important;align-items:center!important;gap:12px!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.trade-result.deducted-success strong{color:#f4f7fb!important}
.wallet-withdraw-blocked{color:#ff4d6d!important;font-weight:900!important;margin-left:8px!important}
.cap-verified-badge{display:inline-flex!important;align-items:center!important;justify-content:center;min-width:18px!important;width:18px!important;height:18px!important;border-radius:999px;background:#1677ff;color:#fff;font-size:12px;font-weight:900;margin-left:6px!important;flex:0 0 auto}
.profile-wrapper.is-verified .profile-trigger{min-width:92px!important;max-width:none!important;padding-right:12px!important}
#verificationModal .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
#verificationModal .modal-header h2{margin:0!important}
#verificationModal .modal-header .icon-button{position:static!important;margin-left:auto!important;flex:0 0 auto!important}
#withdrawStatusBox.placeholder-card{display:block!important;margin-top:8px!important}
@media(max-width:700px){.profile-wrapper.is-verified .profile-trigger{min-width:76px!important;width:76px!important;max-width:76px!important}.cap-verified-badge{min-width:18px!important;width:18px!important;height:18px!important}.verify-dashboard-button{min-height:46px!important}}

@media(max-width:700px){
  .asset-list{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;scroll-snap-type:x proximity!important;}
  .asset-card{flex:0 0 min(72vw,260px)!important;scroll-snap-align:start!important;}
  .asset-list-shell{overflow:visible!important;}
  .asset-list-shell .scroll-arrow{display:inline-flex!important;pointer-events:auto!important;z-index:20!important;}
}


/* v39 robust verification badge */
.cap-verified-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:999px!important;background:#1677ff!important;color:#fff!important;font-size:13px!important;font-weight:900!important;margin-left:8px!important;box-shadow:0 8px 22px rgba(22,119,255,.36)!important;}
.profile-wrapper.is-verified .profile-trigger{min-width:116px!important;max-width:none!important;gap:8px!important;}
@media(max-width:700px){.profile-wrapper.is-verified .profile-trigger{min-width:78px!important;width:78px!important;max-width:78px!important}.cap-verified-badge{flex-basis:20px!important;width:20px!important;height:20px!important;min-width:20px!important;margin-left:2px!important}}


/* v40 verification/wallet badge polish */
.dashboard-verified-badge,.hero-verified-badge,.wallet-verified-badge{display:none!important;}
.wallet-withdraw-blocked{color:#ff3f72!important;font-weight:900!important;margin-left:8px!important;white-space:nowrap!important;}
@media (max-width:700px){
  .profile-wrapper.is-verified .profile-trigger{width:78px!important;min-width:78px!important;max-width:78px!important;flex:0 0 78px!important;gap:6px!important;padding:0 8px!important;justify-content:center!important;}
  .profile-wrapper.is-verified .cap-verified-badge{position:static!important;display:inline-flex!important;width:20px!important;height:20px!important;min-width:20px!important;margin-left:2px!important;flex:0 0 20px!important;}
}


/* Test trading additions: candles, indicators, order book, mobile */
.chart-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.chart-toggle-group{display:flex;gap:6px}.chart-tool-btn,.chart-select{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:var(--text-primary,#f8fbff);border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer}.chart-tool-btn.active{background:rgba(20,221,255,.16);border-color:rgba(20,221,255,.42);color:#35e6ff}.chart-step-label{display:flex;align-items:center;gap:8px;color:var(--text-muted,#8f9bad);font-size:13px}.indicator-picker{position:relative}.indicator-menu{position:absolute;top:42px;right:0;z-index:30;min-width:160px;display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(11,15,24,.98);box-shadow:0 18px 45px rgba(0,0,0,.35)}.indicator-menu label{display:flex;gap:8px;align-items:center;color:#dce7f4;font-size:13px}.candle-wick{stroke-width:1.4;vector-effect:non-scaling-stroke}.candle-body{rx:1.8;vector-effect:non-scaling-stroke}.candle-up{fill:#0ecb81;stroke:#0ecb81}.candle-down{fill:#f6465d;stroke:#f6465d}.candle-override{fill:#f5c542!important;stroke:#f5c542!important;filter:drop-shadow(0 0 4px rgba(245,197,66,.45))}.indicator-line{fill:none;stroke-width:2.1;vector-effect:non-scaling-stroke;opacity:.9}.indicator-line.ma{stroke:#f5c542}.indicator-line.ema{stroke:#9b7cff}.indicator-line.bb{stroke:#7aa7ff;opacity:.62;stroke-dasharray:4 5}.indicator-panel-text{fill:#9ba8b8;font-size:12px}.market-closed-notice{margin-bottom:12px;padding:14px 12px;text-align:center;border:1px solid rgba(246,70,93,.48);border-radius:16px;background:rgba(246,70,93,.12);color:#ff7082;font-weight:900;font-size:18px;letter-spacing:.06em}.market-closed-notice.hidden{display:none}.submit-order:disabled{opacity:.52;cursor:not-allowed}.orderbook{margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.orderbook-title,.orderbook-head,.orderbook-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}.orderbook-title{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:800}.orderbook-head{color:var(--text-muted,#8f9bad);font-size:11px;text-transform:uppercase;margin-bottom:6px}.orderbook-side{display:grid;gap:3px}.orderbook-row{position:relative;overflow:hidden;border-radius:8px;padding:4px 6px;font-size:12px;font-variant-numeric:tabular-nums}.orderbook-row::before{content:'';position:absolute;top:0;bottom:0;right:0;width:var(--depth,20%);opacity:.16}.orderbook-row.ask{color:#ff7082}.orderbook-row.bid{color:#0ecb81}.orderbook-row.ask::before{background:#f6465d}.orderbook-row.bid::before{background:#0ecb81}.orderbook-row span{position:relative;z-index:1}.orderbook-mid{text-align:center;padding:8px 0;margin:4px 0;color:#f8fbff;font-weight:900;font-variant-numeric:tabular-nums}.test-env-ribbon{display:inline-flex;align-items:center;margin-left:10px;padding:4px 8px;border-radius:999px;background:rgba(245,197,66,.16);color:#f5c542;border:1px solid rgba(245,197,66,.4);font-size:11px;font-weight:900;letter-spacing:.05em}
@media (max-width: 760px){.chart-controls{gap:8px}.chart-toggle-group,.chart-step-label,.indicator-picker{width:100%}.chart-toggle-group .chart-tool-btn{flex:1}.chart-step-label{justify-content:space-between}.chart-select{flex:1}.indicator-picker>.chart-tool-btn{width:100%}.indicator-menu{left:0;right:auto;width:100%}.orderbook{padding:10px}.market-closed-notice{font-size:15px}.trade-chart{min-height:360px}}

.market-closed-notice small{display:block;margin-top:4px;font-size:11px;letter-spacing:.02em;color:#ffc1c9}


/* === NORMAL BUILD FIX: stable trade layout, chart closed state, order book placement === */
.chart-market-unavailable{
  position:absolute; inset:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  text-align:center; border:1px solid rgba(246,70,93,.48); border-radius:22px;
  background:linear-gradient(180deg,rgba(246,70,93,.16),rgba(246,70,93,.07)); color:#ff7082; z-index:5;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.chart-market-unavailable.hidden{display:none!important;}
.chart-market-unavailable strong{font-size:clamp(24px,3vw,44px);font-weight:900;letter-spacing:.06em;}
.chart-market-unavailable span{font-size:clamp(13px,1.1vw,18px);font-weight:800;color:#ffb6c1;}
.chart-stage-unavailable .chart-tooltip,.chart-stage-unavailable .chart-selection-summary{display:none!important;}
.mobile-chart-switch{display:none;gap:8px;margin:10px 0 12px;}
.mobile-chart-switch-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#f8fbff;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer;flex:1;}
.mobile-chart-switch-btn.active{background:rgba(20,221,255,.16);border-color:rgba(20,221,255,.42);color:#35e6ff;}
.mobile-orderbook-panel{display:none;}
.mobile-orderbook-panel.hidden{display:none!important;}
.orderbook-title span{white-space:normal;}

@media (min-width: 1280px){
  body{min-width:0!important;overflow-x:hidden!important;}
  .trade-app{width:100%!important;overflow-x:hidden!important;}
  .trade-layout{
    display:grid!important;
    grid-template-columns:286px minmax(0,1fr) minmax(520px,600px)!important;
    gap:0!important;width:100%!important;max-width:100vw!important;min-height:calc(100vh - 96px)!important;overflow:hidden!important;
  }
  .sidebar-resizer{display:none!important;}
  .market-sidebar{grid-column:1!important;width:286px!important;min-width:286px!important;max-width:286px!important;min-height:calc(100vh - 96px)!important;max-height:calc(100vh - 96px)!important;overflow:hidden!important;}
  .chart-section{grid-column:2!important;min-width:0!important;width:auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
  .order-panel{
    grid-column:3!important;min-width:0!important;width:auto!important;max-width:none!important;min-height:calc(100vh - 96px)!important;max-height:calc(100vh - 96px)!important;
    overflow:auto!important;padding:22px!important;display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(235px,285px)!important;gap:16px!important;align-content:start!important;align-items:start!important;
  }
  .order-panel > :not(.orderbook){grid-column:1!important;min-width:0!important;}
  .order-panel .orderbook{grid-column:2!important;grid-row:1 / span 20!important;margin-top:0!important;align-self:start!important;min-width:0!important;max-height:calc(100vh - 140px)!important;overflow:auto!important;}
  .symbol-bar,.chart-card,.positions-block,.chart-wrap,.chart-stage,.trade-chart{min-width:0!important;max-width:100%!important;}
  .chart-card{padding:18px 20px 22px!important;overflow:hidden!important;}
  .chart-wrap{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;}
  .chart-stage{min-height:500px!important;height:auto!important;padding:10px 16px 42px 8px!important;overflow:hidden!important;}
  .trade-chart{height:470px!important;width:100%!important;display:block!important;}
  .orderbook-row{font-size:11px!important;gap:6px!important;padding:4px 5px!important;}
}

@media (min-width: 1101px) and (max-width: 1279px){
  body{min-width:0!important;overflow-x:hidden!important;}
  .trade-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr) 340px!important;width:100%!important;overflow:hidden!important;}
  .sidebar-resizer{display:none!important;}
  .market-sidebar{grid-column:1!important;width:260px!important;min-width:260px!important;max-width:260px!important;}
  .chart-section{grid-column:2!important;min-width:0!important;overflow:hidden!important;}
  .order-panel{grid-column:3!important;min-width:0!important;max-width:none!important;width:auto!important;overflow:auto!important;padding:20px 16px!important;display:block!important;}
  .chart-wrap{grid-template-columns:58px minmax(0,1fr)!important;}
  .trade-chart{height:420px!important;}
  .chart-stage{min-height:450px!important;}
}

@media (max-width: 760px){
  body{min-width:0!important;overflow-x:hidden!important;}
  .trade-layout{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;}
  .market-sidebar,.chart-section,.order-panel{width:100%!important;max-width:100%!important;min-width:0!important;grid-column:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;}
  .mobile-chart-switch{display:flex!important;}
  body.mobile-book-mode .chart-wrap, body.mobile-book-mode .positions-block{display:none!important;}
  body.mobile-book-mode .mobile-orderbook-panel{display:block!important;margin-top:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);}
  body.mobile-book-mode .mobile-orderbook-panel.hidden{display:block!important;}
  .order-panel .orderbook{display:none!important;}
  .chart-market-unavailable{inset:8px;min-height:260px;}
  .chart-market-unavailable strong{font-size:26px;}
}


/* === hard layout repair: graph/orderbook stable desktop + mobile === */
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
.trade-app { width:100%; max-width:100vw; overflow-x:hidden !important; }
@media (min-width:1101px){
  .trade-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr) clamp(500px,30vw,600px)!important;grid-template-areas:"sidebar chart order"!important;gap:0!important;width:100%!important;max-width:100vw!important;min-height:calc(100vh - 96px)!important;overflow:hidden!important;align-items:stretch!important;}
  .sidebar-resizer{display:none!important;width:0!important;min-width:0!important;max-width:0!important;pointer-events:none!important;}
  .market-sidebar{grid-area:sidebar!important;width:280px!important;min-width:280px!important;max-width:280px!important;min-height:calc(100vh - 96px)!important;max-height:calc(100vh - 96px)!important;overflow:hidden!important;}
  .chart-section{grid-area:chart!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:calc(100vh - 96px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
  .order-panel{grid-area:order!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:calc(100vh - 96px)!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px 18px!important;display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(220px,270px)!important;gap:14px!important;align-content:start!important;align-items:start!important;}
  .order-panel > :not(.orderbook){grid-column:1!important;min-width:0!important;}
  .order-panel .orderbook{grid-column:2!important;grid-row:1 / span 30!important;margin-top:0!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:calc(100vh - 140px)!important;overflow:auto!important;}
  .symbol-bar,.chart-card,.positions-block,.chart-wrap,.chart-stage,.trade-chart{min-width:0!important;max-width:100%!important;}
  .chart-card{flex:0 0 auto!important;padding:18px 18px 20px!important;overflow:hidden!important;}
  .chart-wrap{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;width:100%!important;}
  .chart-stage{position:relative!important;width:100%!important;min-width:0!important;min-height:500px!important;height:500px!important;padding:10px 14px 42px 8px!important;overflow:hidden!important;}
  .trade-chart{width:100%!important;height:448px!important;min-width:0!important;display:block!important;}
  .positions-block{flex:1 1 auto!important;min-height:120px!important;overflow:auto!important;}
  .orderbook-title,.orderbook-head,.orderbook-row{gap:5px!important;}
  .orderbook-row{font-size:11px!important;padding:4px 5px!important;}
}
@media (min-width:1101px) and (max-width:1500px){
  .trade-layout{grid-template-columns:250px minmax(0,1fr) 430px!important;}
  .market-sidebar{width:250px!important;min-width:250px!important;max-width:250px!important;}
  .order-panel{display:block!important;padding:18px 14px!important;}
  .order-panel .orderbook{display:block!important;margin-top:18px!important;max-height:none!important;}
  .chart-stage{height:460px!important;min-height:460px!important;}
  .trade-chart{height:410px!important;}
}
@media (max-width:1100px){
  .trade-layout{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;overflow-x:hidden!important;}
  .market-sidebar,.chart-section,.order-panel{width:100%!important;max-width:100%!important;min-width:0!important;grid-column:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;}
  .sidebar-resizer{display:none!important;}
  .chart-section{border-top:1px solid var(--line)!important;}
  .chart-card{padding:10px 8px 16px!important;overflow:hidden!important;width:100%!important;}
  .chart-controls{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .chart-toggle-group{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .chart-step-label,.indicator-picker,.indicator-picker > .chart-tool-btn{width:100%!important;}
  .chart-select{width:100%!important;}
  .mobile-chart-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 12px!important;}
  .chart-wrap{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:6px!important;width:100%!important;min-width:0!important;}
  .chart-stage{position:relative!important;width:100%!important;min-width:0!important;height:360px!important;min-height:360px!important;padding:10px 10px 38px 6px!important;overflow:hidden!important;border-radius:20px!important;}
  .trade-chart{width:100%!important;height:310px!important;min-width:0!important;display:block!important;}
  body.mobile-book-mode .chart-wrap,body.mobile-book-mode .positions-block{display:none!important;}
  body.mobile-book-mode .mobile-orderbook-panel{display:block!important;margin-top:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);}
  body.mobile-book-mode .mobile-orderbook-panel.hidden{display:block!important;}
  .order-panel .orderbook{display:none!important;}
}
@media (max-width:520px){
  .chart-wrap{grid-template-columns:44px minmax(0,1fr)!important;}
  .chart-stage{height:330px!important;min-height:330px!important;}
  .trade-chart{height:286px!important;}
  .y-axis,.x-axis{font-size:10px!important;}
}

/* === FINAL HOTFIX: restore trade page layout, keep chart visible, mobile safe === */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
.trade-app {
  width: 100% !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}
@media (min-width: 901px) {
  .trade-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-height: calc(100vh - 96px) !important;
    height: calc(100vh - 96px) !important;
    overflow: hidden !important;
  }
  .sidebar-resizer {
    display: none !important;
    width: 0 !important;
    flex: 0 0 0 !important;
  }
  .market-sidebar {
    order: 1 !important;
    flex: 0 0 270px !important;
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    height: calc(100vh - 96px) !important;
    min-height: calc(100vh - 96px) !important;
    max-height: calc(100vh - 96px) !important;
    overflow: hidden !important;
  }
  .chart-section {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 360px !important;
    max-width: none !important;
    height: calc(100vh - 96px) !important;
    min-height: calc(100vh - 96px) !important;
    max-height: calc(100vh - 96px) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-area: auto !important;
  }
  .order-panel {
    order: 3 !important;
    flex: 0 0 clamp(500px, 32vw, 620px) !important;
    width: clamp(500px, 32vw, 620px) !important;
    min-width: 500px !important;
    max-width: 620px !important;
    height: calc(100vh - 96px) !important;
    min-height: calc(100vh - 96px) !important;
    max-height: calc(100vh - 96px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 22px 18px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(210px, 260px) !important;
    gap: 14px !important;
    align-content: start !important;
    align-items: start !important;
    grid-column: auto !important;
    grid-area: auto !important;
  }
  .order-panel > :not(.orderbook) {
    grid-column: 1 !important;
    min-width: 0 !important;
  }
  .order-panel .orderbook {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 / span 30 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    max-height: calc(100vh - 140px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .symbol-bar {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .chart-card {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 18px 18px !important;
    overflow: hidden !important;
  }
  .chart-wrap {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .chart-stage {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: min(52vh, 560px) !important;
    min-height: 420px !important;
    padding: 10px 14px 42px 8px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }
  .trade-chart {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: calc(100% - 42px) !important;
  }
  .trade-chart.hidden { display: none !important; }
  .positions-block {
    flex: 1 1 auto !important;
    min-height: 120px !important;
    overflow-y: auto !important;
  }
}
@media (min-width: 901px) and (max-width: 1450px) {
  .market-sidebar {
    flex-basis: 240px !important;
    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;
  }
  .order-panel {
    flex: 0 0 420px !important;
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
    display: block !important;
  }
  .order-panel .orderbook {
    margin-top: 18px !important;
    max-height: none !important;
  }
  .chart-stage {
    height: 460px !important;
    min-height: 460px !important;
  }
}
@media (max-width: 900px) {
  .trade-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .sidebar-resizer { display: none !important; }
  .market-sidebar,
  .chart-section,
  .order-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    grid-column: auto !important;
    grid-area: auto !important;
  }
  .market-sidebar { order: 1 !important; }
  .chart-section {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    border-top: 1px solid var(--line) !important;
  }
  .order-panel {
    order: 3 !important;
    display: block !important;
    padding: 14px 8px 24px !important;
  }
  .symbol-bar,
  .chart-card,
  .positions-block,
  .chart-wrap,
  .chart-stage,
  .trade-chart {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .chart-card {
    padding: 10px 8px 14px !important;
    overflow: hidden !important;
  }
  .chart-controls {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .chart-toggle-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }
  .chart-step-label,
  .indicator-picker,
  .indicator-picker > .chart-tool-btn,
  .chart-select {
    width: 100% !important;
  }
  .mobile-chart-switch {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 10px 0 12px !important;
  }
  .chart-wrap {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 6px !important;
  }
  .chart-stage {
    position: relative !important;
    display: block !important;
    height: 360px !important;
    min-height: 360px !important;
    padding: 10px 10px 38px 6px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }
  .trade-chart {
    display: block !important;
    height: 310px !important;
  }
  .trade-chart.hidden { display: none !important; }
  body.mobile-book-mode .chart-wrap,
  body.mobile-book-mode .positions-block {
    display: none !important;
  }
  body.mobile-book-mode .mobile-orderbook-panel {
    display: block !important;
    margin-top: 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.035) !important;
  }
  body.mobile-book-mode .mobile-orderbook-panel.hidden { display: block !important; }
  .order-panel .orderbook { display: none !important; }
}
@media (max-width: 520px) {
  .chart-wrap { grid-template-columns: 42px minmax(0,1fr) !important; }
  .chart-stage { height: 330px !important; min-height: 330px !important; }
  .trade-chart { height: 286px !important; }
  .mobile-chart-switch-btn { font-size: 0; }
  .mobile-chart-switch-btn[data-mobile-chart-view="chart"]::after { content: "График"; font-size: 13px; }
  .mobile-chart-switch-btn[data-mobile-chart-view="book"]::after { content: "Биржевой стакан"; font-size: 13px; }
}

/* === FINAL user fix: no line overlay in candles + full-width mobile chart === */
#tradeChart #chartLine.hidden,
#tradeChart #chartArea.hidden,
body.chart-candles #chartLine,
body.chart-candles #chartArea {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 900px) {
  .chart-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .chart-wrap .y-axis {
    display: none !important;
  }
  .chart-stage {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    height: 390px !important;
    min-height: 390px !important;
    padding: 8px 8px 36px 8px !important;
    overflow: hidden !important;
  }
  .trade-chart {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 342px !important;
    display: block !important;
  }
  .chart-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 520px) {
  .chart-stage {
    height: 360px !important;
    min-height: 360px !important;
  }
  .trade-chart {
    height: 314px !important;
  }
}


/* === final order panel swap: desktop orderbook first, order form second === */
@media (min-width: 1101px){
  .order-panel{grid-template-columns:minmax(220px,270px) minmax(240px,1fr)!important;}
  .order-panel .orderbook{grid-column:1!important;grid-row:1 / span 30!important;margin-top:0!important;}
  .order-panel > :not(.orderbook){grid-column:2!important;min-width:0!important;}
}
@media (max-width: 1100px){
  .order-panel > :not(.orderbook){grid-column:auto!important;}
}

/* v4 fixes: position rows and chart wrappers */
.trade-chart-section,
.chart-section,
.trading-main,
.chart-panel {
  min-height: 0;
  height: auto !important;
  overflow: visible !important;
}
.trade-card,
.position-card,
.open-position-card {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.trade-card-main {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* v5 chart visual layer: current price flag, grid, asset info */
.chart-grid-line{stroke:rgba(139,162,196,.16)!important;stroke-width:1!important;vector-effect:non-scaling-stroke;}
.chart-grid-line-vertical{stroke:rgba(139,162,196,.12)!important;}
.chart-price-line{stroke:rgba(210,220,235,.45);stroke-width:1;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;}
.chart-price-flag{fill:#f6465d;stroke:rgba(255,255,255,.18);stroke-width:1;filter:drop-shadow(0 0 8px rgba(246,70,93,.32));}
.chart-price-flag-text{fill:#fff;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;}
.chart-asset-title{fill:#fff;font-size:13px;font-weight:900;}
.chart-asset-stats{fill:#b8c6d8;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;}
.chart-stage{overflow:visible!important;}
.chart-wrap{overflow:visible!important;}
.trade-chart{overflow:visible!important;}
.orderbook-row{transition:background .18s ease, color .18s ease;}
.orderbook-mid{transition:color .18s ease;}


/* === v10 real chart/orderbook fixes === */
.chart-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 96px!important;gap:12px!important;align-items:stretch!important;overflow:visible!important;}
.chart-wrap .chart-stage{grid-column:1!important;grid-row:1!important;overflow:visible!important;padding:12px 18px 48px 8px!important;}
.chart-wrap .y-axis{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding: 30px 0 54px 0!important;text-align:left!important;overflow:visible!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;color:#8fa0bc!important;font-size:12px!important;line-height:1.1!important;}
.chart-wrap .x-axis{left:18px!important;right:18px!important;bottom:14px!important;display:flex!important;justify-content:space-between!important;gap:8px!important;color:#9aaac4!important;font-size:12px!important;font-variant-numeric:tabular-nums!important;overflow:visible!important;white-space:nowrap!important;}
.trade-chart{overflow:visible!important;}
.chart-price-line{stroke:rgba(190,205,228,.55)!important;stroke-width:1!important;stroke-dasharray:6 6!important;vector-effect:non-scaling-stroke!important;}
.chart-price-flag{stroke:rgba(255,255,255,.22)!important;stroke-width:1!important;filter:drop-shadow(0 0 9px rgba(246,70,93,.35))!important;}
.chart-price-flag.positive{fill:#0ecb81!important;filter:drop-shadow(0 0 9px rgba(14,203,129,.35))!important;}
.chart-price-flag.negative{fill:#f6465d!important;}
.chart-price-flag-text{fill:#fff!important;font-size:12px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;}
.chart-asset-title{fill:#fff!important;font-size:13px!important;font-weight:900!important;}
.chart-asset-stats{fill:#b8c6d8!important;font-size:11px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;}
.chart-asset-dot.positive{fill:#0ecb81!important;filter:drop-shadow(0 0 5px rgba(14,203,129,.55))!important;}
.chart-asset-dot.negative{fill:#f6465d!important;filter:drop-shadow(0 0 5px rgba(246,70,93,.55))!important;}
.orderbook{min-height:260px!important;}
.orderbook-side{display:grid!important;gap:3px!important;min-height:76px!important;}
.orderbook-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;position:relative!important;overflow:hidden!important;border-radius:7px!important;padding:4px 6px!important;font-size:12px!important;font-variant-numeric:tabular-nums!important;}
.orderbook-row::before{content:''!important;position:absolute!important;top:0!important;bottom:0!important;right:0!important;width:var(--depth,20%)!important;opacity:.22!important;}
.orderbook-row.ask{color:#ff5c74!important;}
.orderbook-row.bid{color:#0ee08a!important;}
.orderbook-row.ask::before{background:#f6465d!important;}
.orderbook-row.bid::before{background:#0ecb81!important;}
.orderbook-row span{position:relative!important;z-index:1!important;}
.orderbook-mid{display:block!important;color:#fff!important;font-weight:900!important;text-align:center!important;margin:7px 0!important;font-variant-numeric:tabular-nums!important;}
@media (max-width:900px){.chart-wrap{display:block!important;grid-template-columns:1fr!important}.chart-wrap .y-axis{display:none!important}}


/* === v11 chart label fixes === */
.chart-wrap .chart-stage{overflow:visible!important;}
.chart-wrap{overflow:visible!important;}
.trade-chart{overflow:visible!important;}
.chart-price-flag-text{font-size:9.5px!important;font-weight:800!important;letter-spacing:0!important;text-rendering:geometricPrecision!important;}
.chart-price-flag{filter:drop-shadow(0 0 5px rgba(14,203,129,.28))!important;}
.chart-asset-title{font-size:10.5px!important;font-weight:800!important;letter-spacing:.01em!important;text-rendering:geometricPrecision!important;}
.chart-asset-stats{font-size:8.5px!important;font-weight:650!important;letter-spacing:0!important;text-rendering:geometricPrecision!important;}
.chart-wrap .x-axis span{min-width:42px;text-align:center;}


/* === v13 actual fixes === */
.chart-price-flag-text{font-size:8px!important;font-weight:800!important;letter-spacing:-.01em!important;}
.chart-asset-title{font-size:9px!important;font-weight:850!important;letter-spacing:0!important;}
.chart-asset-stats{font-size:7.5px!important;font-weight:700!important;letter-spacing:0!important;}
@media (max-width:900px){.chart-wrap .chart-stage{overflow:hidden!important;padding-right:8px!important}.trade-chart{overflow:hidden!important;max-width:100%!important}.chart-price-flag-text{font-size:7px!important}}
.orderbook{min-height:300px!important;overflow:hidden!important}.orderbook-side{display:grid!important;grid-template-rows:repeat(8,minmax(16px,auto))!important;gap:3px!important;min-height:130px!important}.orderbook-row{min-height:16px!important;background:rgba(255,255,255,.018)!important}.orderbook-row.ask::before{background:linear-gradient(90deg,rgba(246,70,93,0),rgba(246,70,93,.75))!important;opacity:.34!important}.orderbook-row.bid::before{background:linear-gradient(90deg,rgba(14,203,129,0),rgba(14,203,129,.75))!important;opacity:.34!important}.orderbook-mid{min-height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* === targeted fix: compact platform chart overlays without SVG text stretching === */
.chart-stage{position:relative!important;overflow:hidden!important;}
.chart-price-flag-html{position:absolute;right:18px;transform:translateY(-50%);z-index:9;min-width:60px;max-width:82px;height:20px;padding:0 8px 0 10px;border-radius:8px 4px 4px 8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 8px rgba(0,0,0,.25);pointer-events:none;}
.chart-price-flag-html::before{content:'';position:absolute;left:-7px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid currentColor;color:inherit;filter:brightness(.95);}
.chart-price-flag-html.positive{background:#0ecb81;color:#fff}.chart-price-flag-html.positive::before{border-right-color:#0ecb81}.chart-price-flag-html.negative{background:#f6465d;color:#fff}.chart-price-flag-html.negative::before{border-right-color:#f6465d}
.chart-asset-info-html{position:absolute;left:34px;top:28px;z-index:8;display:flex;align-items:center;gap:8px;max-width:min(760px,calc(100% - 130px));overflow:hidden;white-space:nowrap;color:#dce7f4;font-size:10px;font-weight:800;line-height:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.chart-asset-info-html strong{font-size:12px;color:#fff;flex:0 0 auto}.chart-asset-info-html i{width:7px;height:7px;border-radius:999px;flex:0 0 auto}.chart-asset-info-html i.positive{background:#0ecb81}.chart-asset-info-html i.negative{background:#f6465d}.chart-asset-info-html span{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:112px;}
.chart-asset-title,.chart-asset-stats,.chart-price-flag,.chart-price-flag-text{display:none!important;}
@media (max-width:900px){.chart-price-flag-html{right:8px;max-width:68px;min-width:56px;height:18px;font-size:8.5px;padding:0 6px 0 8px}.chart-asset-info-html{left:14px;top:18px;max-width:calc(100% - 92px);gap:5px;font-size:8.5px}.chart-asset-info-html strong{font-size:10px}.chart-asset-info-html span{max-width:58px}}

/* v25: keep extreme scenario candles clipped inside the chart viewport */
.trade-chart{overflow:hidden !important;}
.trade-chart *{vector-effect:non-scaling-stroke;}

/* v29: chart must never draw outside of its card. */
.chart-stage{overflow:hidden!important;}
.trade-chart{overflow:hidden!important;}

/* v41: mobile trade cards keep desktop structure, no collapsing */
@media (max-width: 760px){
  .trade-cards{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:8px!important;
  }
  .trade-card{
    display:grid!important;
    grid-template-columns:auto minmax(260px,1fr) auto auto!important;
    align-items:center!important;
    gap:14px!important;
    min-width:720px!important;
    width:max-content!important;
    max-width:none!important;
    padding:16px 14px!important;
  }
  .trade-card-main{min-width:260px!important;max-width:440px!important;}
  .trade-card-main h3{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  .trade-card-main p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important;}
  .trade-profit{text-align:right!important;min-width:96px!important;}
  .close-btn{min-width:86px!important;white-space:nowrap!important;}
  .side-chip{min-width:74px!important;}
}

/* FIX chart header text scaling */
.chart-header, .tv-symbol-header, .symbol-header {
 font-size: clamp(10px, 1vw, 14px) !important;
 overflow: visible !important;
 text-overflow: unset !important;
 white-space: nowrap;
}

/* === v26 chart top info flex full-width/no ellipsis === */
.chart-asset-info-html{
  left:14px!important;
  right:86px!important;
  width:auto!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:clamp(2px,.9vw,8px)!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font-size:clamp(5.5px,1.65vw,10px)!important;
  line-height:1!important;
}
.chart-asset-info-html strong{
  flex:0 0 auto!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:clamp(7px,1.9vw,12px)!important;
}
.chart-asset-info-html i{
  flex:0 0 6px!important;
  width:6px!important;
  height:6px!important;
}
.chart-asset-info-html span{
  display:block!important;
  flex:0 1 min-content!important;
  min-width:min-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
@media (max-width:900px){
  .chart-asset-info-html{
    left:12px!important;
    right:76px!important;
    top:16px!important;
    gap:clamp(1px,.75vw,5px)!important;
    font-size:clamp(4.8px,1.55vw,8.5px)!important;
  }
  .chart-asset-info-html strong{font-size:clamp(6px,1.75vw,10px)!important;}
  .chart-asset-info-html i{flex-basis:5px!important;width:5px!important;height:5px!important;}
}

/* chart-header-fix */
.tv-symbol-header, .chart-header, .symbol-header {
 display: flex !important;
 flex-wrap: wrap !important;
 width: 100% !important;
 gap: 6px;
 font-size: clamp(10px, 1vw, 14px) !important;
 overflow: visible !important;
 text-overflow: unset !important;
}
.tv-symbol-header span, .chart-header span {
 min-width: min-content !important;
}

/* strict single-line scaling fix */
.tv-symbol-header, .chart-header, .symbol-header {
 display:flex !important;
 flex-wrap:nowrap !important;
 white-space:nowrap !important;
 font-size:0.85em !important;
}
@media (max-width: 1200px){
 .tv-symbol-header, .chart-header, .symbol-header { font-size:0.75em !important; }
}
@media (max-width: 768px){
 .tv-symbol-header, .chart-header, .symbol-header { font-size:0.65em !important; }
}


/* === SAFE FIX: chart top labels on medium width === */
.chart-asset-info-html,
.chart-asset-info-html strong,
.chart-asset-info-html span{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.chart-asset-info-html{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:.42em!important;
  max-width:calc(100% - 105px)!important;
  font-size:.72em!important;
  line-height:1!important;
}
.chart-asset-info-html strong{font-size:1em!important;flex:0 0 auto!important;min-width:max-content!important;}
.chart-asset-info-html span{font-size:.78em!important;flex:0 1 auto!important;min-width:0!important;max-width:none!important;}
.chart-asset-info-html i{width:.48em!important;height:.48em!important;flex:0 0 .48em!important;}
@media (min-width:761px) and (max-width:1250px){
  .chart-asset-info-html{font-size:.62em!important;gap:.3em!important;max-width:calc(100% - 90px)!important;}
  .chart-asset-info-html span{font-size:.72em!important;}
}
@media (min-width:761px) and (max-width:980px){
  .chart-asset-info-html{font-size:.54em!important;gap:.22em!important;max-width:calc(100% - 78px)!important;}
  .chart-asset-info-html span{font-size:.68em!important;}
}

/* Wider open/history trade blocks with horizontal scroll cap */
.positions-block{overflow-x:auto!important;overflow-y:visible!important;scrollbar-gutter:stable both-edges;}
.positions-block .trade-cards{min-width:min(1800px,600%)!important;width:max-content!important;max-width:600%!important;}
.positions-block .trade-card{min-width:min(1500px,calc(100vw - 72px))!important;width:min(1500px,calc(100vw - 72px))!important;grid-template-columns:auto minmax(420px,1fr) minmax(160px,auto) auto!important;}
@media (max-width:900px){.positions-block .trade-cards{min-width:100%!important;width:100%!important}.positions-block .trade-card{min-width:100%!important;width:100%!important;grid-template-columns:1fr!important;}}

/* === mobile chart info no-overlap fix === */
@media (max-width: 760px){
  .chart-stage .chart-asset-info-html{
    left:14px!important;
    right:78px!important;
    top:18px!important;
    max-width:calc(100% - 96px)!important;
    width:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:1.15!important;
  }
  .chart-stage .chart-asset-info-html strong{
    font-size:9px!important;
    flex:0 0 auto!important;
    max-width:64px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .chart-stage .chart-asset-info-html i{
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
  }
  .chart-stage .chart-asset-info-html span{
    min-width:0!important;
    max-width:74px!important;
    flex:0 1 auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
  }
  /* На телефоне оставляем только главное, чтобы OHLC не налезал сам на себя */
  .chart-stage .chart-asset-info-html span:nth-of-type(2),
  .chart-stage .chart-asset-info-html span:nth-of-type(3),
  .chart-stage .chart-asset-info-html span:nth-of-type(5){
    display:none!important;
  }
}
@media (max-width: 420px){
  .chart-stage .chart-asset-info-html{
    right:74px!important;
    gap:3px!important;
  }
  .chart-stage .chart-asset-info-html span{
    max-width:58px!important;
    font-size:7px!important;
  }
  .chart-stage .chart-asset-info-html strong{font-size:8px!important;max-width:56px!important;}
}

/* Mobile trading white-gap fix */
@media (max-width: 900px) {
  html,
  body,
  .trade-app {
    background: var(--bg, #070d17) !important;
    min-height: 100dvh !important;
  }
  body {
    padding-bottom: 0 !important;
    overscroll-behavior-y: none;
  }
  .trade-layout,
  .order-panel,
  .chart-section {
    background: var(--bg, #070d17) !important;
  }
  .order-panel {
    margin-bottom: 0 !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }
}

/* Desktop compact trade cards: fit without horizontal scrolling */
@media (min-width: 901px) {
  .positions-block { overflow-x: hidden !important; }
  .positions-block .trade-cards {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }
  .positions-block .trade-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    align-items: center !important;
  }
  .positions-block .trade-card-main { min-width: 0 !important; max-width: none !important; }
  .positions-block .trade-card-main h3 { margin-bottom: 2px !important; font-size: .95rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .positions-block .trade-card-main p { margin: 0 !important; font-size: .78rem !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .positions-block .trade-profit { min-width: 86px !important; font-size: .9rem !important; text-align: right !important; }
  .positions-block .trade-profit small { font-size: .72rem !important; }
  .positions-block .close-btn { padding: 8px 14px !important; min-width: 86px !important; }
}


/* Test trading compact market picker + instant layout fix */
.market-compact-controls{display:flex;gap:8px;align-items:center;padding:0 6px 10px}.market-select{height:42px;flex:1;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);padding:0 12px;font-weight:700}.search-toggle{width:42px;height:42px;border-radius:14px;background:rgba(17,216,255,.10);color:var(--accent);border:1px solid rgba(17,216,255,.22);font-size:20px}.search-box.collapsed{height:0;opacity:0;margin:0 6px;overflow:hidden;padding-top:0;padding-bottom:0;border-width:0}.legacy-category-tabs{display:none!important}.asset-card{padding:10px 12px!important;border-radius:14px!important;min-height:64px}.asset-symbol{font-size:.98rem!important}.asset-name{margin-top:2px!important;font-size:.82rem!important}.asset-change{margin-top:4px!important;font-size:.86rem!important}.asset-price{font-size:.92rem!important}.compact-select{height:42px!important;border-radius:14px!important;margin-bottom:8px;padding:0 12px!important}.lev-slider[disabled]{opacity:.55;pointer-events:none}.field-hint{color:var(--muted);font-size:.78rem;margin-top:7px}@media(max-width:760px){.market-sidebar{max-height:none!important;min-height:auto!important}.market-compact-controls{padding:0 0 8px}.asset-list{gap:7px}.asset-card{grid-template-columns:1fr auto!important;padding:8px 10px!important;min-height:54px}.asset-name{display:none}.asset-change{display:inline-block;margin-top:3px}.asset-price{font-size:.88rem}.search-box{height:42px;margin-bottom:10px}.chart-card{padding-top:16px}}


/* === clean order UI patch: readonly leverage + TP/SL buttons === */
.leverage-hidden-control,
.hidden-mode-select,
.lev-steps.hidden{
  display:none!important;
}
.leverage-readonly-field .field-label-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:12px!important;
}
.leverage-readonly-field .lev-value{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  line-height:1!important;
  text-align:center!important;
  color:var(--accent)!important;
  font-weight:900!important;
  font-size:18px!important;
}
.tp-sl-toggle{
  border:1px solid rgba(17,216,255,.42)!important;
  background:rgba(17,216,255,.10)!important;
  color:#eaf8ff!important;
  border-radius:14px!important;
  padding:8px 14px!important;
  font-size:13px!important;
  font-weight:800!important;
  min-width:96px!important;
  text-align:center!important;
}
.tp-sl-toggle.profit-mode{
  background:linear-gradient(135deg, rgba(17,216,255,.22), rgba(61,122,255,.16))!important;
  color:#20e0ff!important;
}
.tp-sl-toggle:active{transform:translateY(1px)!important;}
.order-feedback{min-height:22px!important;margin-top:10px!important;}

.leverage-readonly-field .field-hint{display:none!important;}


/* === mobile trading compact asset selector/search === */
.mobile-market-row{display:none;}
@media(max-width:640px){
  .market-sidebar{
    padding:10px 8px 8px!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .mobile-market-row{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:4px 12px 8px!important;
  }
  .mobile-market-select{
    flex:1!important;
    height:36px!important;
    border-radius:14px!important;
    border:1px solid rgba(17,216,255,.30)!important;
    background:rgba(7,15,30,.92)!important;
    color:#eef7ff!important;
    font-weight:800!important;
    padding:0 12px!important;
    outline:none!important;
  }
  .mobile-search-toggle{
    width:36px!important;
    height:36px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.045)!important;
    color:#aab8d4!important;
    font-size:19px!important;
    font-weight:900!important;
  }
  .category-tabs-shell{
    display:none!important;
  }
  .search-box{
    height:0!important;
    min-height:0!important;
    margin:0 12px!important;
    padding:0 12px!important;
    opacity:0!important;
    overflow:hidden!important;
    transform:translateY(-4px)!important;
    transition:height .18s ease, opacity .18s ease, margin .18s ease!important;
  }
  body.mobile-search-open .search-box{
    height:38px!important;
    opacity:1!important;
    margin:4px 12px 8px!important;
    transform:none!important;
  }
  .search-box svg,.search-box .icon{width:16px!important;height:16px!important;}
  .search-box input{font-size: 15px!important;}
  .asset-list-shell{
    padding:0 10px 8px!important;
    overflow:visible!important;
  }
  .asset-list{
    display:flex!important;
    flex-direction:row!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:8px!important;
    padding:0 4px 8px!important;
    scroll-snap-type:x proximity!important;
    max-height:none!important;
  }
  .asset-card{
    flex:0 0 142px!important;
    min-width:142px!important;
    max-width:142px!important;
    min-height:64px!important;
    padding:10px 12px!important;
    border-radius:16px!important;
    scroll-snap-align:start!important;
  }
  .asset-card strong,.asset-card h3,.asset-card .asset-symbol{
    font-size:15px!important;
    line-height:1.1!important;
  }
  .asset-card small,.asset-card p,.asset-card .asset-name{
    font-size:11px!important;
    line-height:1.1!important;
    max-height:14px!important;
    overflow:hidden!important;
  }
  .asset-card .asset-price,.asset-card .price{
    font-size:13px!important;
    line-height:1.1!important;
  }
  .asset-card .asset-change,.asset-card .change{
    font-size:11px!important;
  }
  .asset-prev,.asset-next,#assetPrevBtn,#assetNextBtn{
    display:none!important;
  }
  .trade-layout{
    min-height:auto!important;
  }
}


/* === fix39 requested mobile asset/search/dropdown styling === */
@media (min-width: 641px){
  .asset-list{max-height:calc(100vh - 170px) !important; min-height:0 !important; padding:0 8px 8px !important;}
  .asset-card{min-height:88px !important; padding:14px 16px !important; overflow:visible !important;}
  .asset-card.active{border-width:1px !important;}
  .asset-price{max-width:none !important; min-width:90px !important; overflow:visible !important; text-overflow:clip !important;}
}
@media (max-width: 640px){
  .market-sidebar.panel{
    position:relative !important;
    padding:10px 8px 10px !important;
    overflow:hidden !important;
  }
  .mobile-market-row{margin:0 8px 8px !important; gap:8px !important;}
  .mobile-search-toggle{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:36px !important; height:36px !important; min-width:36px !important;
    border-radius:14px !important; border:1px solid rgba(17,216,255,.28) !important;
    background:rgba(7,15,30,.92) !important; color:#aeb9d3 !important;
  }
  .mobile-search-toggle svg{width:16px !important; height:16px !important;}
  .mobile-market-select,
  .tp-sl-toggle{
    border:1px solid rgba(17,216,255,.34) !important;
    background:rgba(7,15,30,.92) !important;
    color:#eaf8ff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02) !important;
  }
  .mobile-market-select{height:36px !important; border-radius:14px !important; padding:0 14px !important;}
  .tp-sl-toggle{height:34px !important; min-width:96px !important; padding:0 14px !important; border-radius:14px !important;}
  .tp-sl-toggle.profit-mode{background:rgba(7,28,46,.96) !important; color:#20e0ff !important;}
  .search-box{
    position:absolute !important;
    z-index:30 !important;
    left:8px !important; right:8px !important; top:10px !important;
    display:flex !important; align-items:center !important;
    height:36px !important; min-height:36px !important;
    margin:0 !important; padding:0 42px 0 12px !important;
    opacity:0 !important; pointer-events:none !important;
    transform:translateX(-110%) !important;
    border:1px solid rgba(17,216,255,.34) !important;
    background:rgba(7,15,30,.98) !important;
    border-radius:14px !important;
    transition:transform .2s ease, opacity .2s ease !important;
  }
  body.mobile-search-open .search-box{opacity:1 !important; pointer-events:auto !important; transform:translateX(0) !important;}
  body.mobile-search-open .mobile-market-row{visibility:hidden !important;}
  .mobile-search-close{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    position:absolute !important; right:6px !important; top:50% !important; transform:translateY(-50%) !important;
    width:28px !important; height:28px !important; border:0 !important; border-radius:10px !important;
    background:transparent !important; color:#eaf8ff !important; font-size:22px !important; line-height:1 !important;
  }
  .asset-list-shell{margin:0 8px 0 !important; padding:0 !important; overflow:hidden !important;}
  .asset-list{
    gap:8px !important; padding:0 !important;
    min-height:82px !important; max-height:82px !important;
  }
  .asset-card{
    flex:0 0 100% !important; max-width:100% !important;
    min-height:82px !important; max-height:82px !important;
    padding:12px 14px !important; margin:0 !important;
    border-radius:16px !important; box-sizing:border-box !important;
  }
  .asset-card.active{margin:0 !important; transform:none !important;}
  .asset-name{margin-top:3px !important;}
  .asset-change{margin-top:6px !important;}
}

/* === fix40 requested mobile spacing/search/dropdown polish === */
@media (min-width: 641px){
  .market-sidebar.panel{padding-top:16px!important;}
  .market-sidebar > .search-box{
    margin:0 18px 16px!important;
    height:40px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
  }
  .market-sidebar > .search-box .mobile-search-close{display:none!important;}
  .category-tabs-shell{margin:0 18px 20px!important;}
  .asset-list-shell{margin:0 18px 0!important;padding:0 10px 0 0!important;}
  .asset-list{gap:12px!important;padding:0 6px 10px 0!important;}
}

@media (max-width:640px){
  .market-sidebar.panel{
    padding:10px 8px 8px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .mobile-market-row{
    margin:0 8px 10px!important;
    gap:8px!important;
    position:relative!important;
    z-index:3!important;
  }
  .mobile-search-toggle{
    width:36px!important;height:36px!important;min-width:36px!important;
    border-radius:14px!important;
    border:1px solid rgba(17,216,255,.34)!important;
    background:rgba(7,15,30,.96)!important;
    color:#9fb0ca!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  }
  .mobile-search-toggle svg{width:17px!important;height:17px!important;}
  .mobile-market-select{
    height:36px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:14px!important;
    border:1px solid rgba(17,216,255,.34)!important;
    background:rgba(7,15,30,.96)!important;
    color:#f3fbff!important;
    padding:0 14px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  .mobile-market-select option{background:#08101e!important;color:#f3fbff!important;font-size:13px!important;}

  .market-sidebar > .search-box{
    position:absolute!important;
    left:8px!important;right:8px!important;top:10px!important;
    z-index:50!important;
    height:36px!important;min-height:36px!important;
    margin:0!important;
    padding:0 38px 0 13px!important;
    display:flex!important;align-items:center!important;gap:9px!important;
    border-radius:14px!important;
    border:1px solid rgba(17,216,255,.38)!important;
    background:linear-gradient(180deg, rgba(9,20,38,.98), rgba(6,13,26,.98))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.035)!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(0,-10px,0) scale(.985)!important;
    transform-origin:top center!important;
    filter:blur(3px)!important;
    transition:opacity .34s cubic-bezier(.16,1,.3,1), transform .42s cubic-bezier(.16,1,.3,1), filter .34s ease!important;
    overflow:hidden!important;
  }
  body.mobile-search-open .market-sidebar > .search-box{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
    filter:blur(0)!important;
  }
  body.mobile-search-open .mobile-market-row{visibility:hidden!important;}
  .market-sidebar > .search-box svg{width:17px!important;height:17px!important;color:#9fb0ca!important;flex:0 0 17px!important;}
  .market-sidebar > .search-box input{font-size: 15px!important;line-height:1!important;}
  .mobile-search-close{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;
    width:26px!important;height:26px!important;border:0!important;border-radius:10px!important;
    background:transparent!important;color:#f4fbff!important;font-size:22px!important;line-height:1!important;
  }

  .asset-list-shell{
    margin:0 8px 10px!important;
    padding:0!important;
    min-height:74px!important;
    max-height:74px!important;
    overflow:hidden!important;
  }
  .asset-list{
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    gap:8px!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  .asset-list::-webkit-scrollbar{display:none!important;}
  .asset-card,.asset-card.active{
    flex:0 0 100%!important;max-width:100%!important;
    height:74px!important;min-height:74px!important;max-height:74px!important;
    padding:10px 14px!important;
    border-radius:16px!important;
    align-content:center!important;
    box-sizing:border-box!important;
    margin:0!important;
    transform:none!important;
  }
  .asset-symbol{font-size: 15px!important;line-height:1.05!important;}
  .asset-name{margin-top:2px!important;font-size:11px!important;line-height:1.05!important;}
  .asset-change{margin-top:4px!important;font-size:11px!important;line-height:1.05!important;}
  .asset-price{font-size:13px!important;line-height:1.05!important;}
  .chart-section.panel{margin-top:0!important;}
}


/* requested polish pass */
.search-box{padding:0 16px!important;gap:12px!important;}
.search-box input{min-width:0!important;padding:0 4px!important;}
.tp-sl-toggle{padding:0 16px!important;min-width:88px!important;}
.mobile-market-select{overflow:hidden!important;text-overflow:ellipsis!important;}
.trade-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px 14px;font-size:.82rem;line-height:1.25;color:var(--muted-2);}
.trade-meta-grid span{min-width:0;display:flex;gap:6px;align-items:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.trade-meta-grid b{color:#dce7ff;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.025em;}
.side-chip{padding:0 14px!important;min-width:82px!important;}
@media(max-width:900px){
  .positions-block .trade-card,.trade-card{grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;padding:14px!important;border-radius:18px!important;}
  .trade-card .trade-profit{grid-column:2;text-align:left!important;font-size:.95rem!important;}
  .trade-card .close-btn{grid-column:1 / -1;height:38px!important;}
  .trade-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;font-size:11px;}
  .trade-card-main h3{font-size:.95rem!important;margin-bottom:8px!important;}
  .side-chip{height:30px!important;min-width:0!important;padding:0 10px!important;font-size:12px!important;align-self:start!important;}
}
@media(max-width:640px){
  .market-sidebar.panel{padding:10px 8px 8px!important;}
  .market-sidebar > .search-box{left:8px!important;right:8px!important;top:10px!important;height:38px!important;padding:0 34px 0 13px!important;transform:translate3d(-112%,0,0) scale(.98)!important;opacity:0!important;filter:blur(0)!important;transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .28s ease,box-shadow .62s ease!important;box-shadow:0 20px 60px rgba(0,0,0,.42),0 0 0 1px rgba(17,216,255,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;}
  body.mobile-search-open .market-sidebar > .search-box{transform:translate3d(0,0,0) scale(1)!important;opacity:1!important;}
  body.mobile-search-open .market-sidebar:before{content:'';position:absolute;left:0;right:0;top:0;height:58px;background:linear-gradient(90deg,rgba(3,7,16,.98),rgba(8,17,31,.98));z-index:45;box-shadow:0 18px 42px rgba(0,0,0,.36);}
  .mobile-search-close{right:8px!important;width:24px!important;height:24px!important;font-size:20px!important;color:#f5fbff!important;}
  .mobile-market-row{overflow:visible!important;}
  .mobile-market-select{max-width:calc(100vw - 66px)!important;width:calc(100vw - 66px)!important;height:38px!important;padding:0 34px 0 14px!important;background-color:#07101e!important;}
  .mobile-market-select option{font-size:12px!important;line-height:1.2!important;background:#08101e!important;color:#f4fbff!important;}
  .asset-list-shell{min-height:74px!important;max-height:74px!important;margin:0 8px 10px!important;}
  .asset-list{height:74px!important;max-height:74px!important;}
  .asset-card,.asset-card.active{height:74px!important;min-height:74px!important;max-height:74px!important;padding:10px 14px!important;}
}

/* === compact trade cards + fixed desktop controls (requested) === */
.positions-block{
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}
.positions-block .subtabs{
  padding-left:28px!important;
  padding-right:28px!important;
}
.positions-block .trade-cards,
.trade-cards{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
.positions-block .trade-card,
.trade-card.trade-card-flat,
.trade-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  background:rgba(13,18,30,.05)!important;
  box-shadow:none!important;
  padding:12px 28px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:8px 14px!important;
  align-items:center!important;
}
.trade-row-head{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
}
.trade-head-left,.trade-head-right{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.trade-head-right{justify-content:flex-end!important;text-align:right!important;}
.trade-symbol{font-size:1rem!important;white-space:nowrap!important;}
.trade-profit-inline{font-weight:900!important;font-size:.98rem!important;white-space:nowrap!important;}
.trade-percent{font-size:.72rem!important;font-weight:900!important;white-space:nowrap!important;}
.side-chip{
  height:28px!important;
  min-width:0!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:.76rem!important;
  font-weight:900!important;
}
.trade-metric-row{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  min-width:0!important;
}
.trade-metric{
  min-width:0!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.025)!important;
  border-radius:0!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.trade-metric b,.trade-extra-row b{
  color:#e2e9fb!important;
  font-size:.66rem!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.trade-metric span{
  color:#aeb7c9!important;
  font-size:.73rem!important;
  font-weight:700!important;
  line-height:1.05!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.trade-extra-row{
  grid-column:1 / -1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 14px!important;
  color:#9fa8ba!important;
  font-size:.72rem!important;
  min-width:0!important;
}
.trade-card .close-btn{
  grid-column:1 / -1!important;
  justify-self:end!important;
  height:32px!important;
  border-radius:10px!important;
  padding:0 14px!important;
  font-size:.8rem!important;
}
.trade-card-main,.trade-profit,.trade-meta-grid{display:none!important;}

/* desktop: the order book and Buy/Sell buttons stay fixed in their columns, no inner scrolling */
@media (min-width: 961px){
  .order-panel{
    height:calc(100vh - 96px)!important;
    max-height:calc(100vh - 96px)!important;
    overflow:hidden!important;
    align-content:start!important;
  }
  .order-mode{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    margin-bottom:20px!important;
  }
  .order-panel .orderbook{
    max-height:none!important;
    overflow:hidden!important;
    min-height:0!important;
    height:auto!important;
  }
  .orderbook-side{min-height:0!important;}
}

/* leverage inline with Amount heading */
.order-panel .field-group:first-of-type{
  position:relative!important;
  margin-bottom:20px!important;
}
.order-panel .field-group:first-of-type > label{
  display:flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding-right:130px!important;
}
.leverage-readonly-field{
  margin-top:-78px!important;
  margin-bottom:50px!important;
  pointer-events:none!important;
}
.leverage-readonly-field .field-label-row{
  justify-content:flex-end!important;
  gap:10px!important;
  margin-bottom:0!important;
}
.leverage-readonly-field label{margin:0!important;}
.leverage-hidden-control,.lev-steps{display:none!important;}

@media (max-width: 900px){
  .positions-block{padding:12px 0 22px!important;}
  .positions-block .subtabs{padding-left:16px!important;padding-right:16px!important;margin-bottom:8px!important;}
  .positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{
    padding:11px 14px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .trade-row-head{gap:10px!important;}
  .trade-head-left,.trade-head-right{gap:7px!important;}
  .trade-symbol{font-size:.95rem!important;}
  .trade-profit-inline{font-size:.9rem!important;}
  .trade-metric-row{gap:6px!important;}
  .trade-metric{padding:6px 5px!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;}
  .trade-metric b{font-size:.56rem!important;}
  .trade-metric span{font-size:.66rem!important;max-width:100%!important;}
  .trade-extra-row{font-size:.66rem!important;gap:6px 10px!important;}
  .side-chip{height:26px!important;font-size:.7rem!important;padding:0 8px!important;}
  .leverage-readonly-field{margin-top:-74px!important;margin-bottom:48px!important;}
}


/* === final compact trade rows + restore history scroll === */
.positions-block{
  padding-left:0!important;
  padding-right:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:none!important;
  scrollbar-gutter:stable!important;
}
.positions-block .subtabs{padding-left:24px!important;padding-right:24px!important;}
.positions-block .trade-cards,.trade-cards{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:visible!important;
}
.positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 24px!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:rgba(12,18,30,.05)!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.trade-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;}
.trade-head-left,.trade-head-right{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.trade-head-right{margin-left:auto!important;text-align:right!important;justify-content:flex-end!important;}
.side-chip{height:24px!important;padding:0 9px!important;border-radius:7px!important;font-size:.72rem!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;}
.trade-percent{font-size:.68rem!important;font-weight:900!important;white-space:nowrap!important;}
.trade-symbol{font-size:.94rem!important;font-weight:900!important;white-space:nowrap!important;}
.trade-profit-inline{font-size:.88rem!important;font-weight:900!important;white-space:nowrap!important;}
.trade-metric-row,.trade-metric-row-six{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
}
.trade-metric{
  min-width:0!important;
  padding:0 8px 0 0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:block!important;
  overflow:hidden!important;
}
.trade-metric b{display:block!important;margin:0 0 2px!important;color:#dce5f8!important;font-size:.57rem!important;line-height:1.05!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.trade-metric span{display:block!important;color:#b8c1d4!important;font-size:.66rem!important;line-height:1.05!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.trade-extra-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important;text-align:center!important;font-size:.68rem!important;line-height:1.1!important;color:#aeb8ca!important;margin-top:1px!important;}
.trade-extra-row b{font-size:.66rem!important;color:#e5edff!important;font-weight:900!important;}
.trade-card .close-btn{justify-self:end!important;height:30px!important;padding:0 13px!important;border-radius:9px!important;font-size:.78rem!important;}
.trade-card-main,.trade-profit,.trade-meta-grid{display:none!important;}

@media (max-width:900px){
  .positions-block{padding:10px 0 18px!important;overflow-y:visible!important;}
  .positions-block .subtabs{padding-left:12px!important;padding-right:12px!important;margin-bottom:6px!important;}
  .positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{padding:9px 10px!important;gap:6px!important;}
  .side-chip{height:22px!important;padding:0 7px!important;font-size:.64rem!important;border-radius:6px!important;}
  .trade-percent{font-size:.61rem!important;}
  .trade-symbol{font-size:.78rem!important;}
  .trade-profit-inline{font-size:.72rem!important;}
  .trade-head-left,.trade-head-right{gap:5px!important;}
  .trade-row-head{gap:8px!important;}
  .trade-metric-row,.trade-metric-row-six{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  .trade-metric{padding-right:4px!important;}
  .trade-metric b{font-size:.43rem!important;letter-spacing:0!important;}
  .trade-metric span{font-size:.50rem!important;}
  .trade-extra-row{font-size:.58rem!important;gap:10px!important;}
  .trade-extra-row b{font-size:.56rem!important;}
  .trade-card .close-btn{height:28px!important;font-size:.7rem!important;}

  /* remove wasted lower space in the mobile selected asset strip */
  .asset-list-shell{min-height:54px!important;max-height:58px!important;height:58px!important;margin:0 8px 8px!important;padding:0!important;overflow:hidden!important;}
  .asset-list{height:58px!important;max-height:58px!important;gap:0!important;}
  .asset-card,.asset-card.active{min-height:54px!important;height:54px!important;max-height:54px!important;padding:7px 12px!important;align-content:center!important;}
  .asset-name{display:none!important;}
  .asset-change{margin-top:2px!important;line-height:1!important;}
  .asset-symbol{line-height:1!important;}
  .asset-price{line-height:1!important;}
}

/* desktop: make the trading page taller so history shows several rows */
@media (min-width:961px){
  .trade-shell,.trade-layout{min-height:calc(100vh + 220px)!important;height:auto!important;}
  .chart-section{min-height:calc(100vh + 220px)!important;max-height:none!important;overflow:visible!important;}
  .positions-block{min-height:260px!important;max-height:none!important;}
  .chart-card{min-height:520px!important;}
  .orderbook,.order-panel .orderbook{overflow:hidden!important;max-height:none!important;}
  .order-panel{overflow:hidden!important;}
  .order-mode{position:sticky!important;top:0!important;z-index:9!important;}
}

/* leverage label/value inline opposite Amount */
.order-panel .field-group:first-of-type{position:relative!important;}
.order-panel .field-group:first-of-type > label{display:inline-flex!important;align-items:center!important;min-height:26px!important;}
.leverage-readonly-field{margin:0!important;position:absolute!important;right:16px!important;top:125px!important;z-index:4!important;pointer-events:none!important;}
.leverage-readonly-field .field-label-row{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;}
.leverage-readonly-field label{margin:0!important;font-size:.98rem!important;}
.leverage-readonly-field .lev-value{font-weight:900!important;color:var(--accent)!important;}
.leverage-hidden-control,.lev-steps{display:none!important;}
@media (max-width:900px){.leverage-readonly-field{right:20px!important;top:0!important;}.order-panel .field-group:first-of-type{padding-top:0!important;}}

/* corrected leverage placement after HTML move */
.amount-leverage-group{position:relative!important;}
.amount-leverage-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important;}
.amount-leverage-row .leverage-readonly-field{position:static!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;pointer-events:none!important;}
.amount-leverage-row .leverage-readonly-field label{font-size:inherit!important;margin:0!important;}
.amount-leverage-row .lev-value{font-weight:900!important;color:var(--accent)!important;}

/* === FINAL requested history/open rows layout === */
.positions-block{
  padding-left:0!important;
  padding-right:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}
.positions-block .subtabs{padding-left:24px!important;padding-right:24px!important;}
.positions-block .trade-cards,.trade-cards{
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;gap:0!important;overflow:visible!important;
}
.positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;
  padding:10px 24px!important;border-radius:0!important;border-left:0!important;border-right:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:rgba(13,19,31,.05)!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;
}
.trade-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-width:0!important;}
.trade-head-left,.trade-head-right{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.trade-head-right{margin-left:auto!important;text-align:right!important;justify-content:flex-end!important;}
.side-chip{height:22px!important;padding:0 8px!important;border-radius:7px!important;font-size:.66rem!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;}
.trade-percent{font-size:.64rem!important;font-weight:900!important;white-space:nowrap!important;}
.trade-symbol{font-size:.88rem!important;font-weight:900!important;white-space:nowrap!important;}
.trade-profit-inline{font-size:.82rem!important;font-weight:900!important;white-space:nowrap!important;}
.trade-metric-row,.trade-metric-row-six{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:12px!important;row-gap:4px!important;width:100%!important;min-width:0!important;align-items:start!important;
}
.trade-metric{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;}
.trade-metric:nth-child(3n+1){text-align:left!important;}
.trade-metric:nth-child(3n+2){text-align:center!important;}
.trade-metric:nth-child(3n){text-align:right!important;}
.trade-metric b{display:inline!important;margin:0 4px 0 0!important;color:#8e99ad!important;font-size:.58rem!important;line-height:1.05!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.01em!important;white-space:nowrap!important;}
.trade-metric span{display:inline!important;color:#f2f6ff!important;font-size:.64rem!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important;}
.trade-extra-row{display:none!important;}
.trade-card-main,.trade-profit,.trade-meta-grid{display:none!important;}
.trade-card .close-btn{justify-self:end!important;height:28px!important;padding:0 12px!important;border-radius:8px!important;font-size:.74rem!important;}

@media (max-width:900px){
  .positions-block{padding:8px 0 14px!important;overflow-y:auto!important;max-height:54vh!important;}
  .positions-block .subtabs{padding-left:12px!important;padding-right:12px!important;margin-bottom:6px!important;}
  .positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{padding:8px 10px!important;gap:5px!important;}
  .trade-row-head{gap:8px!important;}
  .trade-head-left,.trade-head-right{gap:5px!important;}
  .side-chip{height:20px!important;padding:0 7px!important;font-size:.58rem!important;border-radius:6px!important;}
  .trade-percent{font-size:.56rem!important;}
  .trade-symbol{font-size:.70rem!important;}
  .trade-profit-inline{font-size:.66rem!important;}
  .trade-metric-row,.trade-metric-row-six{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:7px!important;row-gap:3px!important;}
  .trade-metric b{font-size:.42rem!important;letter-spacing:0!important;margin-right:2px!important;}
  .trade-metric span{font-size:.47rem!important;}
  .asset-list-shell{height:50px!important;min-height:50px!important;max-height:50px!important;margin:0 8px 6px!important;padding:0!important;overflow:hidden!important;}
  .asset-list{height:50px!important;max-height:50px!important;gap:0!important;}
  .asset-card,.asset-card.active{height:48px!important;min-height:48px!important;max-height:48px!important;padding:6px 12px!important;align-content:center!important;}
  .asset-card .asset-name,.asset-name{display:none!important;}
  .asset-symbol{line-height:1!important;font-size:.92rem!important;}
  .asset-price{line-height:1!important;font-size:.86rem!important;}
  .asset-change{line-height:1!important;margin-top:1px!important;font-size:.78rem!important;}
}

/* desktop: no fake page extension; give more height to history by reducing chart area */
@media (min-width:961px){
  .trade-shell,.trade-layout{height:calc(100vh - 0px)!important;min-height:0!important;overflow:hidden!important;}
  .chart-section{height:calc(100vh - 96px)!important;min-height:0!important;max-height:calc(100vh - 96px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
  .symbol-bar{flex:0 0 auto!important;}
  .chart-card{flex:0 0 52%!important;min-height:330px!important;max-height:52%!important;overflow:hidden!important;}
  .chart-wrap{height:100%!important;min-height:0!important;}
  .chart-stage{min-height:0!important;height:100%!important;}
  .trade-chart{height:100%!important;min-height:0!important;}
  .positions-block{flex:1 1 48%!important;min-height:300px!important;max-height:none!important;overflow-y:auto!important;}
  .orderbook,.order-panel .orderbook{overflow:hidden!important;max-height:none!important;}
  .order-panel{overflow:hidden!important;}
  .order-mode{position:sticky!important;top:0!important;z-index:9!important;}
}


/* === requested final compact history/order fixes === */
@media (min-width:961px){
  .trade-layout{height:calc(100vh - 86px)!important;overflow:hidden!important;}
  .chart-section{height:calc(100vh - 86px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  .chart-card{flex:0 0 45%!important;min-height:280px!important;max-height:45%!important;}
  .positions-block{flex:1 1 55%!important;min-height:360px!important;max-height:none!important;overflow-y:auto!important;}
}
/* remove bottom empty gap in page */
.trade-shell,.trade-layout,.chart-section{padding-bottom:0!important;margin-bottom:0!important;}
body{min-height:100vh!important;}

/* mobile asset card: no empty bottom area */
@media (max-width:900px){
  .asset-list-shell{height:50px!important;min-height:50px!important;max-height:50px!important;margin:0 8px 6px!important;padding:0!important;overflow:hidden!important;}
  .asset-list{height:50px!important;min-height:50px!important;max-height:50px!important;align-items:stretch!important;}
  .asset-card,.asset-card.active{height:48px!important;min-height:48px!important;max-height:48px!important;padding:5px 12px!important;border-radius:14px!important;align-content:center!important;align-items:center!important;}
  .asset-symbol{font-size:.92rem!important;line-height:1!important;}
  .asset-price{font-size:.86rem!important;line-height:1!important;}
  .asset-change{font-size:.78rem!important;line-height:1!important;margin-top:1px!important;}
  .asset-card .asset-name{display:none!important;}
}

/* history/open deal rows */
.positions-block{padding-left:0!important;padding-right:0!important;background:transparent!important;}
.positions-block .subtabs{padding-left:24px!important;padding-right:24px!important;margin-bottom:10px!important;}
.positions-block .trade-cards,.trade-cards{width:100%!important;max-width:100%!important;margin:0!important;padding:0 18px!important;gap:7px!important;display:flex!important;flex-direction:column!important;overflow:visible!important;box-sizing:border-box!important;}
.positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{
  width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;
  padding:9px 10px!important;border-radius:0!important;border-left:0!important;border-right:0!important;
  border-top:1px solid rgba(255,255,255,.075)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:rgba(13,19,31,.03)!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;box-sizing:border-box!important;
}
.trade-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;}
.trade-head-left,.trade-head-right{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.trade-head-right{margin-left:auto!important;text-align:right!important;}
.side-chip{height:22px!important;padding:0 8px!important;border-radius:7px!important;font-size:.66rem!important;font-weight:800!important;}
.trade-percent,.trade-symbol,.trade-profit-inline{white-space:nowrap!important;font-weight:900!important;}
.trade-percent{font-size:.66rem!important}.trade-symbol{font-size:.9rem!important}.trade-profit-inline{font-size:.84rem!important}
.trade-metric-row,.trade-metric-row-six{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:10px!important;row-gap:4px!important;width:100%!important;}
.trade-metric{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;}
.trade-metric:nth-child(3n+1){text-align:left!important}.trade-metric:nth-child(3n+2){text-align:center!important}.trade-metric:nth-child(3n){text-align:right!important}
.trade-metric b{display:inline!important;margin:0 3px 0 0!important;color:#8e99ad!important;font-size:.58rem!important;line-height:1.1!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:0!important;white-space:nowrap!important;}
.trade-metric span{display:inline!important;color:#f2f6ff!important;font-size:.65rem!important;line-height:1.1!important;font-weight:800!important;white-space:nowrap!important;}
.trade-card-main,.trade-profit,.trade-meta-grid,.trade-extra-row{display:none!important;}
.trade-card .close-btn{justify-self:end!important;height:28px!important;padding:0 12px!important;border-radius:8px!important;font-size:.74rem!important;}
@media (max-width:900px){
  .positions-block{max-height:58vh!important;overflow-y:auto!important;padding:8px 0 14px!important;}
  .positions-block .subtabs{padding-left:12px!important;padding-right:12px!important;margin-bottom:7px!important;}
  .positions-block .trade-cards{padding:0 8px!important;gap:6px!important;}
  .positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{padding:9px 7px!important;gap:6px!important;border-top-color:rgba(255,255,255,.065)!important;border-bottom-color:rgba(255,255,255,.065)!important;}
  .side-chip{height:20px!important;padding:0 7px!important;font-size:.62rem!important;}
  .trade-percent{font-size:.61rem!important}.trade-symbol{font-size:.76rem!important}.trade-profit-inline{font-size:.72rem!important}
  .trade-metric-row,.trade-metric-row-six{column-gap:5px!important;row-gap:4px!important;}
  .trade-metric b{font-size:.48rem!important;margin-right:2px!important;font-weight:500!important;}
  .trade-metric span{font-size:.54rem!important;font-weight:800!important;}
  .positions-collapse-toggle{display:flex!important;width:calc(100% - 24px)!important;margin:0 12px 8px!important;align-items:center!important;justify-content:space-between!important;height:38px!important;padding:0 12px!important;border-radius:14px!important;border:1px solid rgba(17,216,255,.25)!important;background:rgba(17,216,255,.07)!important;color:var(--text)!important;font-weight:900!important;}
  .positions-collapse-toggle b{color:var(--accent)!important;font-size:1rem!important;line-height:1!important;}
  .positions-block.collapsed .subtabs,.positions-block.collapsed .trade-cards{display:none!important;}
  .positions-block.collapsed{max-height:none!important;overflow:hidden!important;padding-bottom:8px!important;}
}
@media (min-width:901px){.positions-collapse-toggle{display:none!important;}}

/* Amount input: leverage inside the input, opposite typed amount */
.amount-leverage-row{margin-bottom:6px!important;}
.amount-leverage-row .leverage-readonly-field{position:absolute!important;right:18px!important;top:48px!important;height:56px!important;display:flex!important;align-items:center!important;gap:6px!important;z-index:5!important;pointer-events:none!important;}
.amount-leverage-row .leverage-readonly-field label{font-size:.76rem!important;color:#cbd4ea!important;font-weight:800!important;line-height:1!important;}
.amount-leverage-row .lev-value{font-size:.88rem!important;font-weight:900!important;color:var(--accent)!important;line-height:1!important;}
.amount-leverage-group .field-input{padding-right:88px!important;}
@media (max-width:900px){.amount-leverage-row .leverage-readonly-field{right:18px!important;top:45px!important;height:52px!important}.amount-leverage-row .leverage-readonly-field label{font-size:.7rem!important}.amount-leverage-row .lev-value{font-size:.82rem!important}}

/* Combined SL/TP control */
.tp-sl-combined{margin-top:18px!important;}
.tp-sl-tabs{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;padding:6px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;}
.tp-sl-side,.tp-sl-mode-center{height:34px!important;border:0!important;border-radius:12px!important;font-weight:900!important;cursor:pointer!important;transition:background .18s ease,color .18s ease,transform .18s ease!important;}
.tp-sl-side.sl{color:#ff456c!important;background:rgba(255,69,108,.08)!important;}
.tp-sl-side.tp{color:#18f090!important;background:rgba(24,240,144,.08)!important;}
.tp-sl-side.active.sl{background:rgba(255,69,108,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,69,108,.22)!important;}
.tp-sl-side.active.tp{background:rgba(24,240,144,.18)!important;box-shadow:inset 0 0 0 1px rgba(24,240,144,.22)!important;}
.tp-sl-mode-center{min-width:92px!important;padding:0 14px!important;background:rgba(225,238,255,.14)!important;color:#f4f7ff!important;border:1px solid rgba(255,255,255,.10)!important;}
.tp-sl-mode-center.profit-mode{background:rgba(6,11,22,.78)!important;color:#a9b4c7!important;}
.tp-sl-shared-input{width:100%!important;}
.hidden-tp-sl-input,.hidden-mode-select{display:none!important;}


/* === requested final polish patch === */
html,body{min-height:100%!important;}
@media (min-width:901px){
  .trade-page,.trade-layout{min-height:100vh!important;height:100vh!important;overflow:hidden!important;}
  .chart-section{min-height:0!important;display:flex!important;flex-direction:column!important;}
  .chart-card{min-height:0!important;flex:0 0 57%!important;max-height:57%!important;}
  .positions-block{flex:1 1 43%!important;min-height:250px!important;max-height:none!important;overflow:hidden!important;padding-bottom:0!important;}
  .positions-block .trade-cards{height:calc(100% - 58px)!important;overflow-y:auto!important;padding:0 16px 18px!important;}
}

/* mobile close/position close button: hard to bottom-right corner, square outer corner */
.trade-card{position:relative!important;}
.trade-card .close-btn{
  position:absolute!important;right:0!important;bottom:0!important;border-radius:10px 0 0 0!important;
  margin:0!important;min-width:74px!important;height:30px!important;padding:0 10px!important;
}

/* asset card mobile vertical centering and remove dead empty lower space */
@media (max-width:900px){
  .asset-list-shell{padding-bottom:0!important;margin-bottom:0!important;}
  .asset-card,.asset-card.active{
    min-height:58px!important;max-height:58px!important;height:58px!important;
    padding:8px 12px!important;display:grid!important;align-items:center!important;align-content:center!important;
    row-gap:0!important;box-sizing:border-box!important;
  }
  .asset-card > *{align-self:center!important;}
  .asset-info,.asset-main{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;line-height:1.08!important;}
  .asset-symbol{line-height:1.05!important;margin:0!important;}
  .asset-change{line-height:1.05!important;margin-top:2px!important;}
  .asset-price{align-self:center!important;line-height:1!important;}
}

/* positions collapse header: centered text + parallel chevron, no frame */
@media (max-width:900px){
  .positions-collapse-toggle{
    width:100%!important;margin:0!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;color:#f1f6ff!important;font-weight:900!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  }
  .positions-collapse-toggle span{font-size:1rem!important;line-height:1!important;}
  .positions-collapse-toggle b{font-size:.95rem!important;line-height:1!important;color:var(--accent)!important;display:inline-flex!important;align-items:center!important;transform:translateY(0)!important;}
  .positions-block{padding-top:4px!important;border-top:1px solid rgba(255,255,255,.08)!important;}
}

/* amount + leverage: leverage lives inside input and is exactly opposite the amount text */
.amount-leverage-group{position:relative!important;}
.amount-leverage-row{position:static!important;margin-bottom:8px!important;}
.amount-leverage-row .leverage-readonly-field{
  position:absolute!important;right:18px!important;top:44px!important;height:60px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;z-index:6!important;pointer-events:none!important;
  white-space:nowrap!important;
}
.amount-leverage-row .leverage-readonly-field label,.amount-leverage-row .lev-value{
  display:inline-flex!important;align-items:center!important;height:1em!important;line-height:1!important;margin:0!important;padding:0!important;
}
.amount-leverage-row .leverage-readonly-field label{font-size:.68rem!important;font-weight:800!important;color:#c3ccde!important;}
.amount-leverage-row .lev-value{font-size:.76rem!important;font-weight:900!important;color:var(--accent)!important;}
.amount-leverage-group .field-input{padding-right:92px!important;}
@media (max-width:900px){
  .amount-leverage-row .leverage-readonly-field{top:42px!important;right:18px!important;height:52px!important;gap:6px!important;}
  .amount-leverage-row .leverage-readonly-field label{font-size:.62rem!important;}
  .amount-leverage-row .lev-value{font-size:.72rem!important;}
}

/* SL / by price / TP: remove wrapper frame and mode pill background; only text in center */
.tp-sl-tabs{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;gap:8px!important;margin:10px 0 10px!important;}
.tp-sl-mode-center,.tp-sl-mode-center.profit-mode{
  background:transparent!important;border:0!important;box-shadow:none!important;min-width:84px!important;padding:0 4px!important;
  color:#f2f7ff!important;text-align:center!important;font-size:.82rem!important;font-weight:900!important;
}
.tp-sl-side{border-radius:10px!important;}

/* mobile search animation: draw from left to right over the search button + market selector area */
@media (max-width:900px){
  .market-sidebar{position:relative!important;}
  .mobile-market-row{position:relative!important;z-index:12!important;}
  .market-sidebar .search-box{
    position:absolute!important;left:12px!important;right:12px!important;top:78px!important;z-index:40!important;
    height:42px!important;margin:0!important;padding:0 42px 0 14px!important;display:flex!important;align-items:center!important;
    transform-origin:left center!important;clip-path:inset(0 100% 0 0 round 14px)!important;opacity:0!important;
    transition:clip-path .52s cubic-bezier(.16,1,.3,1),opacity .22s ease!important;
    will-change:clip-path,opacity!important;
  }
  body.mobile-search-open .market-sidebar .search-box{clip-path:inset(0 0 0 0 round 14px)!important;opacity:1!important;}
  .market-sidebar .search-box input{height:100%!important;}
  .mobile-search-close{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;border:0!important;background:transparent!important;color:#eef6ff!important;font-size:22px!important;line-height:1!important;}
}

/* trade history rows: subtle gaps, lighter labels, no edge collision, slightly larger on mobile */
.positions-block .trade-cards{gap:8px!important;padding-left:14px!important;padding-right:14px!important;}
.positions-block .trade-card,.trade-card.trade-card-flat{
  border-top:1px solid rgba(255,255,255,.045)!important;border-bottom:1px solid rgba(255,255,255,.045)!important;
  margin:0!important;background:rgba(13,19,31,.02)!important;
}
.trade-metric b{font-weight:400!important;color:#8e99ad!important;}
@media (max-width:900px){
  .positions-block .trade-cards{padding-left:10px!important;padding-right:10px!important;gap:8px!important;}
  .trade-metric b{font-size:.56rem!important;font-weight:400!important;}
  .trade-metric span{font-size:.62rem!important;}
  .trade-percent{font-size:.68rem!important}.trade-symbol{font-size:.82rem!important}.trade-profit-inline{font-size:.8rem!important}
}


/* === USER REQUEST PATCH: search replacement, rows, settings toggle, order controls === */
@media (min-width:901px){
  .trade-layout{height:100vh!important;min-height:100vh!important;overflow:hidden!important;}
  .chart-section{height:100vh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
  .chart-card{flex:0 0 50%!important;max-height:50%!important;min-height:300px!important;}
  .positions-block{flex:1 1 50%!important;min-height:0!important;overflow:hidden!important;padding:12px 0 0!important;}
  .positions-block .trade-cards{height:calc(100% - 54px)!important;overflow-y:auto!important;}
  .orderbook{overflow:hidden!important;}
  .order-mode{position:sticky!important;top:0!important;z-index:10!important;background:var(--panel)!important;}
}

/* Position/history cards: two real rows of three columns, no boxed fields, subtle separators */
.positions-block .trade-cards{padding:0 18px 14px!important;gap:7px!important;}
.positions-block .trade-card,.trade-card.trade-card-flat{
  padding:10px 12px!important;border-radius:0!important;background:transparent!important;
  border-top:1px solid rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.04)!important;
  box-shadow:none!important;gap:8px!important;margin:0!important;overflow:visible!important;
}
.trade-metric-row.trade-metric-row-six{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:'open close lev' 'invest qty wallet'!important;column-gap:14px!important;row-gap:8px!important;align-items:center!important;}
.trade-metric-open{grid-area:open!important}.trade-metric-close{grid-area:close!important}.trade-metric-lev{grid-area:lev!important}.trade-metric-invest{grid-area:invest!important}.trade-metric-qty{grid-area:qty!important}.trade-metric-wallet{grid-area:wallet!important}
.trade-metric{display:flex!important;align-items:baseline!important;gap:4px!important;min-width:0!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}
.trade-metric-open,.trade-metric-invest{justify-content:flex-start!important;text-align:left!important}.trade-metric-close,.trade-metric-qty{justify-content:center!important;text-align:center!important}.trade-metric-lev,.trade-metric-wallet{justify-content:flex-end!important;text-align:right!important}
.trade-metric b{font-weight:400!important;color:#8e99ad!important;text-transform:none!important;letter-spacing:0!important;font-size:.64rem!important;white-space:nowrap!important;margin:0!important;}
.trade-metric span{font-weight:900!important;color:#f4f7ff!important;font-size:.68rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.trade-card .close-btn{right:0!important;bottom:0!important;min-width:64px!important;width:64px!important;height:27px!important;border-radius:8px 0 0 0!important;background:#ff315f!important;color:#fff!important;opacity:1!important;z-index:3!important;}
.trade-card:has(.close-btn){padding-bottom:32px!important;}

@media (max-width:900px){
  .positions-block .trade-cards{padding:0 10px 12px!important;gap:8px!important;}
  .positions-block .trade-card,.trade-card.trade-card-flat{padding:10px 8px!important;gap:8px!important;}
  .trade-metric-row.trade-metric-row-six{column-gap:8px!important;row-gap:7px!important;}
  .trade-metric b{font-size:.62rem!important;}
  .trade-metric span{font-size:.68rem!important;}
  .trade-symbol{font-size:.88rem!important}.trade-profit-inline{font-size:.86rem!important}.trade-percent{font-size:.72rem!important}
  .trade-card .close-btn{width:62px!important;min-width:62px!important;height:26px!important;font-size:.64rem!important;}
}

/* mobile selected asset card content centered in blue frame */
@media (max-width:900px){
  .asset-list-shell{height:58px!important;min-height:58px!important;max-height:58px!important;margin:0 8px 8px!important;overflow:hidden!important;}
  .asset-card,.asset-card.active{height:56px!important;min-height:56px!important;max-height:56px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;align-content:center!important;padding:0 12px!important;}
  .asset-info,.asset-main{align-self:center!important;justify-content:center!important;display:flex!important;flex-direction:column!important;}
  .asset-price{align-self:center!important;}
}

/* mobile search must replace exactly the search button + market selector row */
@media (max-width:900px){
  .market-sidebar{position:relative!important;}
  .mobile-market-row{height:42px!important;margin:8px 12px 8px!important;display:grid!important;grid-template-columns:42px 1fr!important;gap:8px!important;position:relative!important;z-index:20!important;}
  .mobile-search-toggle{width:42px!important;height:42px!important;}
  .mobile-market-select{height:42px!important;}
  .market-sidebar .search-box{position:absolute!important;left:12px!important;right:12px!important;top:8px!important;height:42px!important;margin:0!important;z-index:60!important;padding:0 42px 0 14px!important;border-radius:14px!important;transform:none!important;clip-path:inset(0 100% 0 0 round 14px)!important;opacity:0!important;transition:clip-path .58s cubic-bezier(.16,1,.3,1),opacity .12s linear!important;}
  body.mobile-search-open .market-sidebar .search-box{clip-path:inset(0 0 0 0 round 14px)!important;opacity:1!important;}
  body.mobile-search-open .mobile-market-row{visibility:hidden!important;}
  .mobile-search-close{display:flex!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:0!important;}
}

/* positions collapsed header centered, real aligned chevron, no border */
@media (max-width:900px){
  .positions-collapse-toggle{height:42px!important;width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0!important;margin:0!important;color:#f1f6ff!important;}
  .positions-collapse-toggle span{line-height:1!important;font-size:1rem!important;font-weight:900!important;}
  .positions-collapse-toggle b{line-height:1!important;font-size:.82rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--accent)!important;transform:none!important;}
}

/* leverage inside amount input, compact and aligned opposite the amount */
.amount-leverage-group{position:relative!important;}
.amount-leverage-row{display:block!important;margin:0 0 8px!important;}
.amount-leverage-row .leverage-readonly-field{position:absolute!important;right:20px!important;top:48px!important;height:56px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;z-index:7!important;pointer-events:none!important;}
.amount-leverage-row .leverage-readonly-field label{font-size:.58rem!important;font-weight:800!important;color:#c5ccdc!important;line-height:1!important;}
.amount-leverage-row .lev-value{font-size:.72rem!important;font-weight:900!important;color:var(--accent)!important;line-height:1!important;}
.amount-leverage-group .field-input{padding-right:72px!important;}
@media (max-width:900px){.amount-leverage-row .leverage-readonly-field{right:18px!important;top:43px!important;height:52px!important;gap:4px!important}.amount-leverage-row .leverage-readonly-field label{font-size:.56rem!important}.amount-leverage-row .lev-value{font-size:.70rem!important}}

/* SL / mode / TP: no border/background around center */
.tp-sl-tabs{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;gap:8px!important;}
.tp-sl-mode-center,.tp-sl-mode-center.profit-mode{background:transparent!important;border:0!important;box-shadow:none!important;color:#f1f6ff!important;font-size:.82rem!important;min-width:74px!important;padding:0!important;}

/* Mobile chart settings toggle */
.mobile-settings-toggle{display:none;}
@media (max-width:900px){
  .chart-card .time-range{display:flex!important;align-items:center!important;gap:12px!important;}
  .mobile-settings-toggle{display:inline-flex!important;margin-left:auto!important;border:0!important;background:transparent!important;color:var(--accent)!important;font-weight:900!important;font-size:.86rem!important;line-height:1!important;padding:0 2px!important;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;}
  .mobile-settings-toggle.active{color:#f4f7ff!important;transform:translateX(-2px)!important;}
  .chart-controls{max-height:0!important;opacity:0!important;overflow:hidden!important;transform:translateY(-8px)!important;transition:max-height .48s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1)!important;margin:0!important;padding:0!important;}
  .chart-controls.mobile-open{max-height:260px!important;opacity:1!important;transform:translateY(0)!important;margin-top:10px!important;padding:0!important;}
}

/* === hotfix: close button edge + leverage alignment === */
.positions-block .trade-card,
.trade-card.trade-card-flat{
  position:relative!important;
  padding-right:92px!important;
}
.positions-block .trade-card .close-btn,
.trade-card.trade-card-flat .close-btn,
.trade-card .close-btn{
  right:0!important;
  bottom:0!important;
  width:72px!important;
  min-width:72px!important;
  height:32px!important;
  border-radius:10px 0 0 0!important;
  background:#ff315f!important;
  color:#fff!important;
  opacity:1!important;
  transform:none!important;
}

.amount-leverage-group{position:relative!important;}
.amount-leverage-row .leverage-readonly-field{
  position:absolute!important;
  right:24px!important;
  top:58px!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:5px!important;
  line-height:1!important;
  opacity:.86!important;
  z-index:8!important;
  pointer-events:none!important;
}
.amount-leverage-row .leverage-readonly-field label{
  font-size:.88rem!important;
  line-height:1!important;
  font-weight:700!important;
  color:#c8d0df!important;
  margin:0!important;
}
.amount-leverage-row .lev-value{
  font-size:.96rem!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--accent)!important;
  margin:0!important;
}
.amount-leverage-group .field-input{padding-right:104px!important;}

@media (max-width:900px){
  .positions-block .trade-card,.trade-card.trade-card-flat{padding-right:86px!important;}
  .positions-block .trade-card .close-btn,.trade-card.trade-card-flat .close-btn,.trade-card .close-btn{
    width:68px!important;min-width:68px!important;height:30px!important;border-radius:9px 0 0 0!important;
  }
  .amount-leverage-row .leverage-readonly-field{
    right:22px!important;
    top:57px!important;
    gap:5px!important;
    opacity:.86!important;
  }
  .amount-leverage-row .leverage-readonly-field label{font-size:.78rem!important;}
  .amount-leverage-row .lev-value{font-size:.88rem!important;}
  .amount-leverage-group .field-input{padding-right:94px!important;}
}

/* === final user hotfix: exact mobile search, leverage alignment, compact order panel, positions icon === */
.mobile-settings-toggle{color:#fff!important;}
.mobile-settings-toggle.active{color:#fff!important;}

@media (max-width:900px){
  .market-sidebar{position:relative!important;padding-top:0!important;}
  .mobile-market-row{
    position:relative!important;
    z-index:22!important;
    height:42px!important;
    margin:8px 12px 8px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .mobile-search-toggle,.mobile-market-select{height:42px!important;min-height:42px!important;max-height:42px!important;}
  .mobile-market-select{width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .market-sidebar .search-box{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:8px!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 42px 0 14px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:14px!important;
    z-index:70!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
    transform-origin:left center!important;
    clip-path:inset(0 100% 0 0 round 14px)!important;
    transition:clip-path .52s cubic-bezier(.19,1,.22,1), opacity .20s ease!important;
    will-change:clip-path,opacity!important;
  }
  body.mobile-search-open .market-sidebar .search-box{
    opacity:1!important;
    pointer-events:auto!important;
    clip-path:inset(0 0 0 0 round 14px)!important;
  }
  body.mobile-search-open .mobile-market-row{opacity:0!important;visibility:hidden!important;transition:opacity .18s ease, visibility 0s linear .18s!important;}
  body:not(.mobile-search-open) .mobile-market-row{opacity:1!important;visibility:visible!important;transition:opacity .22s ease .16s!important;}
  .market-sidebar .search-box input{height:100%!important;line-height:42px!important;}
  .mobile-search-close{display:flex!important;align-items:center!important;justify-content:center!important;right:8px!important;top:50%!important;width:28px!important;height:28px!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;color:#eef6ff!important;}
}

.positions-collapse-toggle{gap:6px!important;}
.positions-collapse-toggle b{display:none!important;}
.positions-collapse-toggle .positions-chevron{
  width:1em!important;height:1em!important;display:inline-block!important;flex:0 0 1em!important;background:var(--accent)!important;
  -webkit-mask:url('../chevron_down_filled_icon_202420.svg') center/contain no-repeat!important;
  mask:url('../chevron_down_filled_icon_202420.svg') center/contain no-repeat!important;
  transform:rotate(180deg)!important;transition:transform .22s ease!important;
}
.positions-block.collapsed .positions-collapse-toggle .positions-chevron{transform:rotate(0deg)!important;}
@media (max-width:900px){
  .positions-collapse-toggle{height:38px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;}
  .positions-collapse-toggle span{font-size:1rem!important;line-height:1!important;}
  .positions-collapse-toggle .positions-chevron{width:.92em!important;height:.92em!important;}
}

/* close button sits on the outside right edge of the row, not after inner metrics */
.positions-block .trade-card,.trade-card.trade-card-flat{width:100%!important;box-sizing:border-box!important;position:relative!important;padding-right:86px!important;}
.positions-block .trade-card .close-btn,.trade-card.trade-card-flat .close-btn,.trade-card .close-btn{
  position:absolute!important;right:0!important;bottom:0!important;top:auto!important;left:auto!important;margin:0!important;
  width:70px!important;min-width:70px!important;height:30px!important;border-radius:8px 0 0 0!important;
  background:#ff315f!important;color:#fff!important;opacity:1!important;transform:none!important;box-shadow:none!important;
}
@media (max-width:900px){
  .positions-block .trade-card,.trade-card.trade-card-flat{padding-right:74px!important;min-height:94px!important;}
  .positions-block .trade-card .close-btn,.trade-card.trade-card-flat .close-btn,.trade-card .close-btn{width:66px!important;min-width:66px!important;height:28px!important;font-size:.62rem!important;}
}

/* leverage label is vertically centered inside amount input opposite the typed amount */
.amount-leverage-group{position:relative!important;}
.amount-leverage-row .leverage-readonly-field{
  position:absolute!important;
  top:32px!important;
  right:18px!important;
  height:62px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  opacity:.72!important;
  pointer-events:none!important;
  z-index:8!important;
  line-height:1!important;
}
.amount-leverage-row .leverage-readonly-field label,
.amount-leverage-row .lev-value{display:inline-flex!important;align-items:center!important;line-height:1!important;margin:0!important;padding:0!important;}
.amount-leverage-row .leverage-readonly-field label{font-size:.88rem!important;font-weight:700!important;color:#c8d0df!important;}
.amount-leverage-row .lev-value{font-size:.94rem!important;font-weight:900!important;color:var(--accent)!important;}
.amount-leverage-group .field-input{padding-right:84px!important;}
.field-hint{display:none!important;}

@media (max-width:900px){
  .amount-leverage-row .leverage-readonly-field{top:32px!important;right:18px!important;height:62px!important;gap:3px!important;opacity:.72!important;}
  .amount-leverage-row .leverage-readonly-field label{font-size:.76rem!important;}
  .amount-leverage-row .lev-value{font-size:.84rem!important;}
  .amount-leverage-group .field-input{padding-right:82px!important;}
}

/* desktop order panel tighter vertical rhythm */
@media (min-width:901px){
  .order-panel{gap:10px!important;row-gap:10px!important;align-content:start!important;}
  .order-panel .field-group{margin-bottom:12px!important;}
  .order-panel .field-label-row{margin-bottom:8px!important;}
  .order-panel .field-input{height:56px!important;border-radius:18px!important;}
  .tp-sl-tabs{margin:6px 0 8px!important;}
  .order-summary{margin:14px 0 14px!important;}
  .submit-order{margin-top:10px!important;}
}

/* === targeted correction: leverage baseline, close button edge, exact mobile search replacement === */
.amount-leverage-group{position:relative!important;}
.amount-leverage-row{position:static!important;}
.amount-leverage-row .leverage-readonly-field{
  position:absolute!important;
  top:50px!important;
  right:24px!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  opacity:.62!important;
  line-height:1!important;
  pointer-events:none!important;
  z-index:9!important;
}
.amount-leverage-row .leverage-readonly-field label,
.amount-leverage-row .lev-value{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:1em!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  vertical-align:middle!important;
}
.amount-leverage-row .leverage-readonly-field label{font-size:.92rem!important;font-weight:700!important;color:#c5ccdc!important;}
.amount-leverage-row .lev-value{font-size:.96rem!important;font-weight:900!important;color:var(--accent,#14e5ff)!important;}
.amount-leverage-group .field-input{padding-right:90px!important;}

.positions-block .trade-card,
.trade-card.trade-card-flat,
.trade-card{
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.positions-block .trade-card:has(.close-btn),
.trade-card.trade-card-flat:has(.close-btn),
.trade-card:has(.close-btn){padding-right:82px!important;}
.positions-block .trade-card .close-btn,
.trade-card.trade-card-flat .close-btn,
.trade-card .close-btn{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  top:auto!important;
  margin:0!important;
  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border-radius:8px 0 0 0!important;
  background:#ff315f!important;
  color:#fff!important;
  opacity:1!important;
  transform:none!important;
  box-shadow:none!important;
  grid-column:auto!important;
  justify-self:auto!important;
}

@media (max-width:900px){
  .amount-leverage-row .leverage-readonly-field{
    top:45px!important;
    right:22px!important;
    height:56px!important;
    gap:2px!important;
    opacity:.62!important;
  }
  .amount-leverage-row .leverage-readonly-field label{font-size:.84rem!important;}
  .amount-leverage-row .lev-value{font-size:.88rem!important;}
  .amount-leverage-group .field-input{padding-right:82px!important;}

  .positions-block .trade-card:has(.close-btn),
  .trade-card.trade-card-flat:has(.close-btn),
  .trade-card:has(.close-btn){padding-right:72px!important;}
  .positions-block .trade-card .close-btn,
  .trade-card.trade-card-flat .close-btn,
  .trade-card .close-btn{
    right:0!important;
    bottom:0!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:28px!important;
    border-radius:7px 0 0 0!important;
    font-size:.62rem!important;
  }

  .market-sidebar{position:relative!important;}
  .mobile-market-row{
    position:relative!important;
    z-index:30!important;
    height:42px!important;
    margin:8px 12px 8px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .market-sidebar .search-box{
    position:absolute!important;
    z-index:80!important;
    left:12px!important;
    right:12px!important;
    top:8px!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 42px 0 14px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:14px!important;
    transform:none!important;
    transform-origin:left center!important;
    clip-path:inset(0 100% 0 0 round 14px)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:clip-path .46s cubic-bezier(.16,1,.3,1),opacity .12s linear!important;
  }
  body.mobile-search-open .market-sidebar .search-box{
    clip-path:inset(0 0 0 0 round 14px)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body:not(.mobile-search-open) .market-sidebar .search-box{
    clip-path:inset(0 100% 0 0 round 14px)!important;
    opacity:0!important;
    transition:clip-path .38s cubic-bezier(.7,0,.84,0),opacity .10s linear .28s!important;
  }
  body.mobile-search-open .mobile-market-row{opacity:0!important;visibility:hidden!important;transition:opacity .10s ease,visibility 0s linear .10s!important;}
  body:not(.mobile-search-open) .mobile-market-row{opacity:1!important;visibility:visible!important;transition:opacity .18s ease .18s!important;}
  .market-sidebar .search-box input{height:42px!important;line-height:42px!important;}
}


/* === final exact polish requested === */
@media (max-width:900px){
  /* leverage label is exactly centered on the amount input baseline */
  .amount-leverage-group{position:relative!important;}
  .amount-leverage-row .leverage-readonly-field{
    top:auto!important;right:22px!important;bottom:12px!important;height:24px!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;
    transform:none!important;opacity:.50!important;line-height:24px!important;
  }
  .amount-leverage-row .leverage-readonly-field label,
  .amount-leverage-row .lev-value{height:24px!important;line-height:24px!important;display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;}
  .amount-leverage-row .leverage-readonly-field label{font-size: 15px!important;font-weight:700!important;}
  .amount-leverage-row .lev-value{font-size:15px!important;font-weight:900!important;}
  .amount-leverage-group .field-input{padding-right:94px!important;}

  /* mobile search replaces controls at the exact same rectangle */
  .mobile-market-row{position:relative!important;margin:8px 12px 8px!important;height:42px!important;}
  .market-sidebar .search-box{
    left:12px!important;right:12px!important;top:8px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;
    border-radius:14px!important;transform:none!important;transform-origin:left center!important;
    clip-path:inset(0 100% 0 0 round 14px)!important;opacity:0!important;pointer-events:none!important;
    transition:clip-path .42s cubic-bezier(.22,1,.36,1), opacity .12s ease!important;
  }
  body.mobile-search-open .market-sidebar .search-box{clip-path:inset(0 0 0 0 round 14px)!important;opacity:1!important;pointer-events:auto!important;}
  body:not(.mobile-search-open) .market-sidebar .search-box{clip-path:inset(0 100% 0 0 round 14px)!important;opacity:0!important;transition:clip-path .42s cubic-bezier(.64,0,.78,0), opacity .12s ease .30s!important;}

  /* selected asset content vertically centered */
  .asset-card,.asset-card.active{align-items:center!important;align-content:center!important;min-height:46px!important;padding-top:8px!important;padding-bottom:8px!important;}
}

/* close button must sit on the outer row border edge */
.positions-block .trade-card,.trade-card.trade-card-flat,.trade-card{position:relative!important;box-sizing:border-box!important;}
.positions-block .trade-card:has(.close-btn),.trade-card.trade-card-flat:has(.close-btn),.trade-card:has(.close-btn){padding-right:72px!important;min-height:108px!important;}
.positions-block .trade-card .close-btn,.trade-card.trade-card-flat .close-btn,.trade-card .close-btn{
  position:absolute!important;right:0!important;bottom:0!important;top:auto!important;left:auto!important;margin:0!important;
  width:66px!important;min-width:66px!important;max-width:66px!important;height:30px!important;border-radius:8px 0 0 0!important;
  background:#ff315f!important;color:#fff!important;opacity:1!important;z-index:3!important;
}

/* trade history rows: same structure on desktop and mobile, right side pushed right */
.trade-card-flat{border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;background:rgba(255,255,255,.015)!important;margin:0 12px!important;padding:12px 0!important;}
.trade-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;}
.trade-head-left,.trade-head-right{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.trade-head-right{margin-left:auto!important;justify-content:flex-end!important;text-align:right!important;}
.trade-metric-row-six{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin-top:8px!important;}
.trade-metric{min-width:0!important;background:transparent!important;border:0!important;padding:0!important;}
.trade-metric b{display:inline!important;color:#8f9bad!important;font-weight:500!important;font-size:.72rem!important;letter-spacing:0!important;text-transform:none!important;margin:0 4px 0 0!important;}
.trade-metric span{display:inline!important;color:#fff!important;font-weight:800!important;font-size:.78rem!important;white-space:nowrap!important;}
@media(max-width:900px){
  .trade-card-flat{margin:0 10px!important;padding:12px 0!important;}
  .trade-metric-row-six{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:7px!important;column-gap:8px!important;}
  .trade-metric b{font-size:.70rem!important;display:block!important;margin:0!important;}
  .trade-metric span{font-size:.82rem!important;display:block!important;}
  .trade-head-right{margin-left:auto!important;}
}

/* === FINAL PATCH: exact amount leverage, mobile search rectangle, close button edge, settings layout === */
@media (max-width:900px){
  .mobile-market-row{margin:4px 12px 8px!important;height:42px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;position:relative!important;z-index:30!important;}
  .market-sidebar .search-box{position:absolute!important;left:12px!important;right:12px!important;top:4px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;box-sizing:border-box!important;border-radius:14px!important;z-index:90!important;transform-origin:left center!important;clip-path:inset(0 100% 0 0 round 14px)!important;opacity:0!important;pointer-events:none!important;transition:clip-path .52s cubic-bezier(.16,1,.3,1),opacity .16s ease!important;}
  body.mobile-search-open .market-sidebar .search-box{clip-path:inset(0 0 0 0 round 14px)!important;opacity:1!important;pointer-events:auto!important;}
  body:not(.mobile-search-open) .market-sidebar .search-box{clip-path:inset(0 100% 0 0 round 14px)!important;opacity:0!important;transition:clip-path .46s cubic-bezier(.55,0,.1,1),opacity .12s ease .32s!important;}
  body.mobile-search-open .mobile-market-row{opacity:0!important;visibility:hidden!important;transition:opacity .12s ease,visibility 0s linear .12s!important;}
  body:not(.mobile-search-open) .mobile-market-row{opacity:1!important;visibility:visible!important;transition:opacity .16s ease .18s!important;}
  .mobile-market-select{max-width:100%!important;width:100%!important;box-sizing:border-box!important;}
  .asset-card,.asset-card.active{height:46px!important;min-height:46px!important;max-height:46px!important;padding:0 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;align-content:center!important;}
}

.amount-leverage-group{position:relative!important;}
.amount-leverage-row{display:block!important;margin:0 0 8px!important;}
.amount-leverage-group .field-input{padding-right:118px!important;}
.amount-leverage-row .leverage-readonly-field{
  position:absolute!important;
  right:22px!important;
  top:calc(100% - 42px)!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  line-height:20px!important;
  opacity:.50!important;
  pointer-events:none!important;
  z-index:10!important;
}
.amount-leverage-row .leverage-readonly-field label,.amount-leverage-row .lev-value{height:20px!important;line-height:20px!important;display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;}
.amount-leverage-row .leverage-readonly-field label{font-size: 15px!important;font-weight:700!important;color:#c8d0df!important;}
.amount-leverage-row .lev-value{font-size:15px!important;font-weight:900!important;color:var(--accent)!important;}
@media (max-width:900px){
  .amount-leverage-group .field-input{padding-right:112px!important;}
  .amount-leverage-row .leverage-readonly-field{right:22px!important;top:54px!important;height:20px!important;gap:3px!important;line-height:20px!important;opacity:.50!important;}
  .amount-leverage-row .leverage-readonly-field label{font-size:13px!important;}
  .amount-leverage-row .lev-value{font-size: 15px!important;}
}

.positions-block .trade-card:has(.close-btn),.trade-card.trade-card-flat:has(.close-btn),.trade-card:has(.close-btn){padding-right:74px!important;min-height:102px!important;}
.positions-block .trade-card .close-btn,.trade-card.trade-card-flat .close-btn,.trade-card .close-btn{right:0!important;bottom:0!important;top:auto!important;left:auto!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:29px!important;border-radius:8px 0 0 0!important;background:#ff315f!important;color:#fff!important;opacity:1!important;z-index:20!important;}
@media (max-width:900px){.positions-block .trade-card:has(.close-btn),.trade-card.trade-card-flat:has(.close-btn),.trade-card:has(.close-btn){padding-right:66px!important;min-height:102px!important}.positions-block .trade-card .close-btn,.trade-card.trade-card-flat .close-btn,.trade-card .close-btn{width:60px!important;min-width:60px!important;max-width:60px!important;height:28px!important;}}

.mobile-settings-toggle{color:#fff!important;}
.mobile-settings-toggle.active{color:#fff!important;}
.chart-toolbar.settings-collapsed .indicator-picker,.chart-toolbar.settings-collapsed .chart-toggle-group,.chart-toolbar.settings-collapsed .chart-step-label{display:none!important;}
.chart-toolbar.settings-collapsed{display:flex!important;align-items:center!important;gap:10px!important;}
.chart-toolbar.settings-collapsed .timeframes{display:flex!important;align-items:center!important;gap:12px!important;flex:1 1 auto!important;min-width:0!important;}


/* === USER FIX 2026-05-20: leverage belongs to amount input, responsive chart/timeframe/wallets === */
.amount-leverage-group{position:relative!important;min-width:0!important;}
.amount-leverage-row{position:relative!important;display:block!important;margin:0!important;}
.amount-leverage-group .field-input{padding-right:126px!important;box-sizing:border-box!important;}
.amount-leverage-row .leverage-readonly-field{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  line-height:22px!important;
  opacity:.72!important;
  pointer-events:none!important;
  z-index:12!important;
  margin:0!important;
  white-space:nowrap!important;
}
.amount-leverage-row .leverage-readonly-field .field-label-row{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;}
.amount-leverage-row .leverage-readonly-field label,.amount-leverage-row .lev-value{height:22px!important;line-height:22px!important;display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;}
.amount-leverage-row .leverage-readonly-field label{font-size:13px!important;font-weight:700!important;color:#c8d0df!important;}
.amount-leverage-row .lev-value{font-size: 15px!important;font-weight:900!important;color:var(--accent)!important;}
.chart-card,.portfolio-card,.trading-panel,.order-panel,.chart-area,.chart-box,.chart-container{min-width:0!important;}
.chart-box,.chart-container{width:100%!important;overflow:hidden!important;contain:layout paint!important;}
.chart-svg,svg.chart-svg{width:100%!important;max-width:100%!important;}
.chart-toolbar,.timeframes,.wallet-cards,.wallets-grid,.wallets-list{min-width:0!important;flex-wrap:wrap!important;}
@media (max-width:1280px){
  .dashboard-grid,.trade-layout,.trade-layout-grid{grid-template-columns:minmax(0,1fr)!important;}
  .wallet-cards,.wallets-grid,.wallets-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;}
  .chart-toolbar{gap:10px!important;align-items:flex-start!important;}
  .timeframes{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;}
  .timeframes::-webkit-scrollbar{display:none!important;}
}
@media (max-width:900px){
  .amount-leverage-group .field-input{padding-right:112px!important;}
  .amount-leverage-row .leverage-readonly-field{right:16px!important;top:50%!important;transform:translateY(-50%)!important;opacity:.72!important;}
  .chart-box{min-height:260px!important;height:auto!important;}
  .chart-svg,svg.chart-svg{height:auto!important;min-height:210px!important;}
}

/* === USER REQUEST PATCH v2: amount label visual offset equals leverage right offset === */
.amount-leverage-row > label[for="orderAmount"]{padding-left:18px!important;box-sizing:border-box!important;}
@media(max-width:900px){.amount-leverage-row > label[for="orderAmount"]{padding-left:16px!important;}}

/* === PATCH v4: mobile trade/search/select/indicator/history fixes === */
@media(max-width:900px){
  .mobile-market-row{margin:0 12px 10px!important;height:42px!important;transform:translateY(-3px)!important;}
  .mobile-search-toggle,.mobile-market-select,.mobile-category-trigger{height:42px!important;min-height:42px!important;max-height:42px!important;}
  .market-sidebar .search-box{top:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
  body.mobile-search-open .mobile-market-row{opacity:0!important;visibility:hidden!important;transition:opacity .14s ease,visibility 0s linear .14s!important;}
  body:not(.mobile-search-open) .mobile-market-row{opacity:1!important;visibility:visible!important;transition:opacity .20s ease .42s,visibility 0s linear .42s!important;}
  .mobile-market-select{appearance:none!important;-webkit-appearance:none!important;border:1px solid rgba(35,206,255,.35)!important;background:#07101e!important;color:#f5fbff!important;border-radius:14px!important;font-weight:800!important;padding:0 40px 0 14px!important;line-height:42px!important;}
  .mobile-market-select-wrap{position:relative!important;min-width:0!important;}
  .mobile-market-select-wrap::after{content:'⌄';position:absolute;right:14px;top:50%;transform:translateY(-54%);color:#98abc6;font-weight:900;pointer-events:none;}
  .mobile-category-menu{position:absolute!important;left:0!important;right:0!important;top:48px!important;z-index:120!important;display:grid!important;gap:0!important;padding:6px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:#08101e!important;box-shadow:0 18px 45px rgba(0,0,0,.46)!important;overflow:hidden!important;}
  .mobile-category-menu.hidden{display:none!important;}
  .mobile-category-option{height:36px!important;display:flex!important;align-items:center!important;width:100%!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#f4fbff!important;padding:0 12px!important;text-align:left!important;font-weight:800!important;}
  .mobile-category-option.active{background:#8fc5ff!important;color:#06101e!important;}
  .chart-controls{overflow:visible!important;}
  .indicator-picker{position:relative!important;z-index:80!important;pointer-events:auto!important;}
  .indicator-picker>.chart-tool-btn,#indicatorToggle{pointer-events:auto!important;position:relative!important;z-index:82!important;}
  .indicator-menu{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;width:min(230px,calc(100vw - 32px))!important;z-index:180!important;pointer-events:auto!important;}
}

/* Modal trade rows: purchase/sale badge and compact right side. */
.all-trades-list .side-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:20px!important;min-height:20px!important;padding:0 9px!important;border-radius:7px!important;border:1px solid rgba(25,240,143,.22)!important;background:rgba(25,240,143,.14)!important;color:#19f08f!important;font-weight:900!important;font-size:.62rem!important;line-height:1!important;}
.all-trades-list .side-chip.short{border-color:rgba(255,69,108,.25)!important;background:rgba(255,69,108,.14)!important;color:#ff456c!important;}
.all-trades-list .trade-symbol{font-size:.88rem!important;}
.all-trades-list .trade-profit-inline{font-size:.86rem!important;}
@media(max-width:760px){.all-trades-list .trade-symbol{font-size:.76rem!important}.all-trades-list .trade-profit-inline{font-size:.78rem!important}}


/* === FINAL PATCH: mobile controls/select/indicators === */
@media(max-width:900px){
  .mobile-market-row{transform:translateY(-6px)!important;margin-top:0!important;align-items:center!important;}
  .mobile-search-toggle,.mobile-market-select,.mobile-category-trigger{height:40px!important;min-height:40px!important;}
  body:not(.mobile-search-open) .mobile-market-row{transition:opacity .18s ease .36s, visibility 0s linear .36s!important;}
  body.mobile-search-open .mobile-market-row{transition:opacity .12s ease, visibility 0s linear .12s!important;}
  .mobile-category-menu{left:0!important;right:0!important;top:46px!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important;border-radius:14px!important;background:#070f1d!important;border:1px solid rgba(33,197,245,.28)!important;box-shadow:0 18px 45px rgba(0,0,0,.5)!important;z-index:260!important;}
  .mobile-category-option{height:38px!important;border-radius:10px!important;font-size:13px!important;}
  .mobile-category-option.active{background:rgba(35,199,244,.2)!important;color:#23cff8!important;}
  .chart-wrap,.chart-panel,.chart-area,.chart-content,.chart-box,.chart-container{overflow:visible!important;}
  .indicator-picker{position:static!important;z-index:90!important;}
  .indicator-menu{position:static!important;display:grid!important;width:100%!important;margin:10px 0 0!important;padding:12px!important;border-radius:14px!important;background:#101725!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;z-index:1!important;}
  .indicator-menu.hidden{display:none!important;}
}


/* final trade ui fixes */
@media (max-width:768px){

  .market-select-trigger::after,
  .market-dropdown-trigger::after,
  .positions-select::after{
    transform:none !important;
    margin-top:1px !important;
  }

  .market-dropdown,
  .asset-dropdown{
    top:calc(100% + 1px) !important;
    transform:none !important;
    margin-top:0 !important;
  }

  .market-dropdown.closing,
  .asset-dropdown.closing{
    transform:none !important;
  }

  .trade-search-shell,
  .market-search-shell{
    margin-bottom:10px !important;
    padding-bottom:0 !important;
  }

  .trade-search-shell + *,
  .market-search-shell + *{
    margin-top:10px !important;
  }

  .indicator-dropdown,
  .indicators-dropdown{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    width:100% !important;
    margin-top:12px !important;
    z-index:5 !important;
  }

  .chart-section{
    overflow:visible !important;
  }

  .trade-history-modal .trade-badge,
  .all-trades-modal .trade-badge,
  .trade-badge{
    margin-right:10px !important;
  }

  .trade-history-modal .asset-symbol,
  .all-trades-modal .asset-symbol{
    font-size:26px !important;
  }

  .trade-history-modal .asset-profit,
  .all-trades-modal .asset-profit{
    font-size:18px !important;
  }

  .asset-toolbar,
  .market-toolbar{
    margin-top:8px !important;
    margin-bottom:8px !important;
  }
}

/* === v8 user exact fixes === */
@media (max-width:900px){
  /* no empty gap under selected asset card */
  .market-sidebar{padding-bottom:0!important;margin-bottom:0!important;border-bottom:1px solid var(--line)!important;}
  .asset-list-shell{margin-bottom:0!important;padding-bottom:0!important;}
  .asset-list{padding-bottom:0!important;margin-bottom:0!important;min-height:46px!important;max-height:46px!important;}
  .asset-card{margin-bottom:0!important;}
  .chart-section{padding-top:12px!important;}

  /* search overlay: 1-2px lower, no jump on hide */
  .market-sidebar .search-box{
    top:2px!important;
    transform:none!important;
    will-change:clip-path,opacity!important;
    transition:clip-path .44s cubic-bezier(.22,.61,.36,1),opacity .12s linear!important;
  }
  body.mobile-search-open .market-sidebar .search-box{top:2px!important;transform:none!important;clip-path:inset(0 0 0 0 round 14px)!important;opacity:1!important;}
  body:not(.mobile-search-open) .market-sidebar .search-box{top:2px!important;transform:none!important;clip-path:inset(0 100% 0 0 round 14px)!important;opacity:0!important;}
  .mobile-market-row{transform:none!important;margin:0 12px 8px!important;}
  body.mobile-search-open .mobile-market-row{opacity:0!important;visibility:hidden!important;transition:opacity .10s linear,visibility 0s linear .10s!important;}
  body:not(.mobile-search-open) .mobile-market-row{opacity:1!important;visibility:visible!important;transition:opacity .14s linear .44s,visibility 0s linear .44s!important;}

  /* category select arrow like Positions: clean cyan SVG, not native crooked arrow */
  .mobile-market-select-wrap{position:relative!important;display:block!important;min-width:0!important;width:100%!important;}
  .mobile-market-select{
    appearance:none!important;-webkit-appearance:none!important;background-image:none!important;
    padding-right:42px!important;height:42px!important;line-height:42px!important;
  }
  .mobile-market-select::-ms-expand{display:none!important;}
  .mobile-market-select-wrap::after{
    content:''!important;position:absolute!important;right:14px!important;top:50%!important;width:14px!important;height:14px!important;
    transform:translateY(-50%)!important;pointer-events:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important;
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.5L7 8.5L10 5.5' stroke='%2323CFF8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
  .mobile-category-menu{top:44px!important;transform:none!important;}
  .mobile-category-menu.hidden{display:none!important;}

  /* indicator menu under chart content controls, not floating over chart */
  .indicator-picker{position:static!important;display:block!important;width:100%!important;}
  .indicator-menu{position:static!important;width:100%!important;margin:10px 0 0!important;filter:none!important;backdrop-filter:none!important;}
}

/* Space between buy/sell pill and percent in all trades modal */
#allTradesModal .trade-head-left,.all-trades-list .trade-head-left{display:flex!important;align-items:center!important;gap:12px!important;}
#allTradesModal .side-chip,.all-trades-list .side-chip{margin-right:0!important;}
#allTradesModal .trade-percent,.all-trades-list .trade-percent{margin-left:0!important;}


/* === v11 active/hover split-border design === */
.auth-app-header .nav-link,
.trade-header .nav-link,
.nav-link,
.category-tab,
.asset-card,
.mobile-market-toggle,
.market-select-trigger,
.asset-select-trigger {
  position: relative !important;
  overflow: hidden !important;
  border-color: transparent !important;
}
.auth-app-header .nav-link::before,
.auth-app-header .nav-link::after,
.trade-header .nav-link::before,
.trade-header .nav-link::after,
.nav-link::before,
.nav-link::after,
.category-tab::before,
.category-tab::after,
.asset-card::before,
.asset-card::after,
.mobile-market-toggle::before,
.mobile-market-toggle::after,
.market-select-trigger::before,
.market-select-trigger::after,
.asset-select-trigger::before,
.asset-select-trigger::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 2px;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-50%);
  border-radius: 999px;
  background: currentColor;
  transition: width .28s ease, opacity .2s ease, background-color .2s ease;
}
.auth-app-header .nav-link::before,
.trade-header .nav-link::before,
.nav-link::before,
.category-tab::before,
.asset-card::before,
.mobile-market-toggle::before,
.market-select-trigger::before,
.asset-select-trigger::before { top: 9px; }
.auth-app-header .nav-link::after,
.trade-header .nav-link::after,
.nav-link::after,
.category-tab::after,
.asset-card::after,
.mobile-market-toggle::after,
.market-select-trigger::after,
.asset-select-trigger::after { bottom: 9px; }
.auth-app-header .nav-link:hover::before,
.auth-app-header .nav-link:hover::after,
.auth-app-header .nav-link.active::before,
.auth-app-header .nav-link.active::after,
.trade-header .nav-link:hover::before,
.trade-header .nav-link:hover::after,
.trade-header .nav-link.active::before,
.trade-header .nav-link.active::after,
.nav-link:hover::before,
.nav-link:hover::after,
.nav-link.active::before,
.nav-link.active::after,
.category-tab:hover::before,
.category-tab:hover::after,
.category-tab.active::before,
.category-tab.active::after,
.asset-card:hover::before,
.asset-card:hover::after,
.asset-card.active::before,
.asset-card.active::after,
.mobile-market-toggle:hover::before,
.mobile-market-toggle:hover::after,
.mobile-market-toggle.active::before,
.mobile-market-toggle.active::after,
.market-select-trigger:hover::before,
.market-select-trigger:hover::after,
.market-select-trigger.active::before,
.market-select-trigger.active::after,
.asset-select-trigger:hover::before,
.asset-select-trigger:hover::after,
.asset-select-trigger.active::before,
.asset-select-trigger.active::after { opacity: 1; }
.auth-app-header .nav-link:hover::before,
.trade-header .nav-link:hover::before,
.nav-link:hover::before,
.category-tab:hover::before,
.asset-card:hover::before,
.mobile-market-toggle:hover::before,
.market-select-trigger:hover::before,
.asset-select-trigger:hover::before { width: 54%; }
.auth-app-header .nav-link:hover::after,
.trade-header .nav-link:hover::after,
.nav-link:hover::after,
.category-tab:hover::after,
.asset-card:hover::after,
.mobile-market-toggle:hover::after,
.market-select-trigger:hover::after,
.asset-select-trigger:hover::after { width: 35%; }
.auth-app-header .nav-link.active::before,
.trade-header .nav-link.active::before,
.nav-link.active::before,
.category-tab.active::before,
.asset-card.active::before,
.mobile-market-toggle.active::before,
.market-select-trigger.active::before,
.asset-select-trigger.active::before { width: 54%; background:#19e1d2 !important; }
.auth-app-header .nav-link.active::after,
.trade-header .nav-link.active::after,
.nav-link.active::after,
.category-tab.active::after,
.asset-card.active::after,
.mobile-market-toggle.active::after,
.market-select-trigger.active::after,
.asset-select-trigger.active::after { width: 35%; background:#19e1d2 !important; }
.auth-app-header .nav-link.active,
.trade-header .nav-link.active,
.nav-link.active,
.category-tab.active,
.asset-card.active,
.mobile-market-toggle.active,
.market-select-trigger.active,
.asset-select-trigger.active { color:#19e1d2 !important; box-shadow:none !important; border-color:transparent !important; }
.category-tab.active { background: rgba(25,225,210,.10) !important; }
.asset-card.active { background: linear-gradient(180deg, rgba(25,225,210,.11), rgba(9,37,48,.55)) !important; }


/* === v12 mobile market spacing/search/active cleanup === */
@media (max-width:640px){
  .market-sidebar.panel{padding-bottom:0!important;}
  .mobile-market-row{margin:0 8px 6px!important;}
  .search-box{top:12px!important;transform:translateX(-110%) translateY(0)!important;will-change:transform,opacity!important;}
  body.mobile-search-open .search-box{transform:translateX(0) translateY(0)!important;}
  .asset-list-shell{margin:0 8px!important;padding:0!important;}
  .asset-list{min-height:64px!important;max-height:64px!important;padding:0!important;margin:0!important;}
  .asset-card{min-height:54px!important;max-height:54px!important;padding:9px 12px!important;background:rgba(9,24,38,.92)!important;border-color:rgba(34,199,243,.26)!important;}
  .asset-card.active{background:rgba(9,24,38,.92)!important;border-color:rgba(34,199,243,.26)!important;box-shadow:none!important;color:inherit!important;}
  .asset-card .asset-symbol{font-size: 15px!important;}
  .asset-card .asset-price{font-size:12px!important;}
}


/* v14 active/hover menu underline animation, no blue inactive fills */
.nav-link,.category-tab,.asset-type-tab,.market-tab,.asset-category-tab{position:relative!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.nav-link::after,.category-tab::after,.asset-type-tab::after,.market-tab::after,.asset-category-tab::after{content:"";position:absolute;left:50%;right:50%;bottom:7px;height:2px;border-radius:999px;background:#24c6f3;opacity:0;transition:left .22s ease,right .22s ease,opacity .18s ease;pointer-events:none;}
.nav-link:hover::after,.nav-link.active::after,.category-tab:hover::after,.category-tab.active::after,.asset-type-tab:hover::after,.asset-type-tab.active::after,.market-tab:hover::after,.market-tab.active::after,.asset-category-tab:hover::after,.asset-category-tab.active::after{left:28%;right:28%;opacity:1;}
.nav-link.active,.category-tab.active,.asset-type-tab.active,.market-tab.active,.asset-category-tab.active{color:#24c6f3!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.category-tab:not(.active),.asset-type-tab:not(.active),.market-tab:not(.active),.asset-category-tab:not(.active){background:transparent!important;border-color:transparent!important;}
.asset-card{background:transparent!important;}
.asset-card.active{background:transparent!important;border-color:rgba(36,198,243,.45)!important;box-shadow:none!important;}
.asset-card:hover{background:rgba(36,198,243,.04)!important;}
@media(max-width:760px){.category-tab,.asset-type-tab,.market-tab,.asset-category-tab{background:transparent!important}.asset-card:not(.active){background:transparent!important}.asset-card.active{background:transparent!important}}

/* === v15 trade underline-only menu/category design === */
.nav-link,.category-tab,.asset-type-tab,.market-tab,.asset-category-tab{
  position:relative!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
.nav-link:hover,.category-tab:hover,.asset-type-tab:hover,.market-tab:hover,.asset-category-tab:hover,
.nav-link.active,.category-tab.active,.asset-type-tab.active,.market-tab.active,.asset-category-tab.active{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#24c6f3!important;
}
.nav-link::before,.category-tab::before,.asset-type-tab::before,.market-tab::before,.asset-category-tab::before,
.nav-link::after,.category-tab::after,.asset-type-tab::after,.market-tab::after,.asset-category-tab::after{
  content:""!important;display:block!important;position:absolute!important;left:50%!important;right:50%!important;height:2px!important;border-radius:999px!important;background:#24c6f3!important;opacity:0!important;pointer-events:none!important;transition:left .24s ease,right .24s ease,opacity .18s ease!important;
}
.nav-link::after,.category-tab::after,.asset-type-tab::after,.market-tab::after,.asset-category-tab::after{bottom:7px!important;}
.nav-link::before,.category-tab::before,.asset-type-tab::before,.market-tab::before,.asset-category-tab::before{top:7px!important;}
.nav-link:hover::after,.category-tab:hover::after,.asset-type-tab:hover::after,.market-tab:hover::after,.asset-category-tab:hover::after,
.nav-link.active::after,.category-tab.active::after,.asset-type-tab.active::after,.market-tab.active::after,.asset-category-tab.active::after{left:22%!important;right:22%!important;opacity:1!important;}
.nav-link:hover::before,.category-tab:hover::before,.asset-type-tab:hover::before,.market-tab:hover::before,.asset-category-tab:hover::before,
.nav-link.active::before,.category-tab.active::before,.asset-type-tab.active::before,.market-tab.active::before,.asset-category-tab.active::before{left:36%!important;right:36%!important;opacity:1!important;}
.asset-card,.asset-card:hover,.asset-card.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}


/* === v19 trade layout/chart/orderbook cleanup === */
.help-button,#helpBtn{display:none!important;}
html,body,.trade-shell{min-height:100vh!important;}
@media (min-width:961px){
  .trade-shell,.trade-layout{height:calc(100vh - 88px)!important;min-height:0!important;max-height:calc(100vh - 88px)!important;overflow:hidden!important;}
  .chart-section{height:100%!important;max-height:100%!important;overflow:hidden!important;}
  .chart-card{flex:0 0 46%!important;min-height:300px!important;max-height:46%!important;padding-bottom:22px!important;}
  .chart-stage{min-height:0!important;height:100%!important;padding-bottom:58px!important;}
  .trade-chart{height:100%!important;min-height:0!important;}
  .x-axis{bottom:22px!important;}
  .positions-block{min-height:0!important;overflow-y:auto!important;}
  body{overflow:hidden!important;}
}
@media (max-height:820px) and (min-width:1101px){
  .chart-card{flex-basis:42%!important;max-height:42%!important;min-height:260px!important;}
  .chart-stage{padding:8px 12px 48px 6px!important;}
  .trade-chart{height:100%!important;}
  .order-panel{padding-top:16px!important;padding-bottom:16px!important;}
  .order-panel .orderbook{max-height:calc(100vh - 150px)!important;min-height:0!important;overflow:hidden!important;padding:10px!important;}
  .orderbook-side{min-height:0!important;gap:2px!important;}
  .orderbook-row{font-size:10px!important;line-height:1.05!important;padding:2px 4px!important;border-radius:6px!important;}
  .orderbook-mid{font-size: 17px!important;margin:4px 0!important;padding:4px 0!important;min-height:20px!important;}
  .orderbook-title{font-size: 15px!important;margin-bottom:6px!important;}
  .orderbook-head{font-size:9px!important;margin-bottom:4px!important;}
}
@media (min-width:1101px) and (max-width:1460px){
  .order-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,280px)!important;gap:14px!important;align-content:start!important;}
  .order-panel .orderbook{grid-column:1!important;grid-row:1 / span 20!important;width:100%!important;max-height:calc(100vh - 140px)!important;overflow:hidden!important;}
  .order-panel > :not(.orderbook){grid-column:2!important;min-width:0!important;}
}
@media (min-width:1101px) and (max-width:1460px) and (max-height:820px){
  .order-panel{grid-template-columns:minmax(0,1fr) minmax(170px,260px)!important;gap:10px!important;}
  .order-panel .orderbook{max-height:calc(100vh - 128px)!important;padding:8px!important;}
}

/* === v22: hide chart tool hit-area until mobile settings are opened === */
@media (max-width: 900px){
  #chartTypeControls:not(.mobile-open){
    pointer-events:none!important;
    visibility:hidden!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(0)!important;
  }
  #chartTypeControls.mobile-open{
    pointer-events:auto!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  #chartTypeControls:not(.mobile-open) *{
    pointer-events:none!important;
  }
}

/* === v22: order book below order form on narrower desktop, with platform scrollbar on the left === */
@media (min-width: 1101px) and (max-width: 1700px){
  .trade-layout{
    grid-template-columns:var(--sidebar-width, 280px) 12px minmax(0,1fr) clamp(320px,28vw,390px)!important;
  }
  .order-panel{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    align-content:stretch!important;
    max-height:calc(100vh - 96px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    direction:rtl!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(35,206,255,.55) rgba(9,17,30,.55)!important;
    padding-left:8px!important;
    padding-right:18px!important;
  }
  .order-panel > *{
    direction:ltr!important;
    width:100%!important;
    max-width:none!important;
    flex:0 0 auto!important;
    min-width:0!important;
  }
  .order-panel .orderbook{
    order:99!important;
    width:100%!important;
    max-height:min(46vh, 420px)!important;
    min-height:180px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    direction:rtl!important;
    margin-top:0!important;
    padding:12px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(35,206,255,.55) rgba(9,17,30,.55)!important;
  }
  .order-panel .orderbook > *{
    direction:ltr!important;
  }
  .order-panel::-webkit-scrollbar,
  .order-panel .orderbook::-webkit-scrollbar{width:8px!important;}
  .order-panel::-webkit-scrollbar-track,
  .order-panel .orderbook::-webkit-scrollbar-track{background:rgba(9,17,30,.55)!important;border-radius:999px!important;}
  .order-panel::-webkit-scrollbar-thumb,
  .order-panel .orderbook::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(35,206,255,.75),rgba(35,206,255,.28))!important;border-radius:999px!important;}
  .orderbook-side{gap:3px!important;}
  .orderbook-row{font-size:11px!important;line-height:1.12!important;padding:3px 5px!important;}
  .orderbook-mid{font-size:17px!important;padding:5px 0!important;margin:4px 0!important;}
}

@media (min-width: 1101px) and (max-width: 1700px) and (max-height: 820px){
  .order-panel{max-height:calc(100vh - 86px)!important;gap:10px!important;padding-top:12px!important;padding-bottom:12px!important;}
  .order-panel .orderbook{max-height:34vh!important;min-height:150px!important;padding:9px!important;}
  .orderbook-row{font-size:10px!important;padding:2px 4px!important;}
  .orderbook-head{font-size:9px!important;margin-bottom:3px!important;}
  .orderbook-title{font-size: 15px!important;margin-bottom:5px!important;}
}


/* === final notification indicator: separate glowing circle, always visible === */
.profile-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important;gap:10px!important;}
.profile-trigger{position:relative!important;}
.notification-counter.notification-pulse{
  position:absolute!important;
  right:44px!important;
  top:8px!important;
  z-index:12!important;
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
  padding:0!important;border:0!important;border-radius:999px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font:900 10px/1 Inter,Arial,sans-serif!important;
  color:#171100!important;background:#f7d318!important;
  box-shadow:0 0 0 2px rgba(20,14,0,.78),0 0 12px rgba(255,214,0,.95),0 0 24px rgba(255,214,0,.55)!important;
  cursor:pointer!important;
  animation:notificationPulse 1.25s ease-in-out infinite!important;
}
.notification-counter.notification-pulse.is-empty{color:transparent!important;background:#5d6674!important;box-shadow:0 0 0 2px rgba(5,8,16,.85),0 0 7px rgba(140,150,165,.45)!important;animation:none!important;}
.notification-counter.notification-pulse.has-unread{background:#f7d318!important;color:#171100!important;}
@keyframes notificationPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.18);filter:brightness(1.25)}}
@media(max-width:760px){.notification-counter.notification-pulse{right:38px!important;top:6px!important;width:17px!important;height:17px!important;min-width:17px!important;font-size:9px!important;}}


/* === FINAL: compact mobile trading blocks below positions/history WITHOUT overlap; SL/TP preserved === */
@media (max-width:900px){
  .order-panel{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 10px 14px!important;margin:0!important;border-radius:0!important;overflow:visible!important;}
  .order-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 6px!important;}
  .order-mode .mode-button{height:38px!important;min-height:38px!important;border-radius:12px!important;font-size: 15px!important;padding:0 10px!important;}
  .order-panel .field-group:not(.tp-sl-combined){margin:0!important;padding:0!important;gap:5px!important;}
  .order-panel .field-label-row{margin-bottom:3px!important;font-size:10px!important;line-height:1.1!important;}
  .order-panel .field-label-row label,.order-panel .field-hint,.order-panel .leverage-readonly-field label{font-size:10px!important;line-height:1.1!important;}
  .order-panel .field-input:not(.tp-sl-shared-input):not(.hidden-tp-sl-input),.order-panel input#orderAmount{height:34px!important;min-height:34px!important;border-radius:12px!important;padding:0 12px!important;font-size:13px!important;}
  .order-summary{padding:10px 12px!important;border-radius:14px!important;margin:4px 0!important;gap:5px!important;}
  .order-summary .summary-row{font-size:11px!important;line-height:1.15!important;margin:0!important;}
  .order-summary .summary-row strong{font-size:12px!important;}
  .place-order{height:42px!important;min-height:42px!important;border-radius:14px!important;font-size:13px!important;margin-top:6px!important;}
  .amount-leverage-row{align-items:end!important;}
  .leverage-readonly-field{gap:2px!important;}
  .lev-value{font-size:10px!important;}
  .tp-sl-combined{margin:6px 0!important;gap:8px!important;}
  .tp-sl-tabs{height:34px!important;min-height:34px!important;border-radius:12px!important;}
  .tp-sl-side,.tp-sl-mode-center{height:34px!important;min-height:34px!important;font-size:13px!important;border-radius:10px!important;}
  .tp-sl-shared-input{height:42px!important;min-height:42px!important;border-radius:14px!important;font-size: 15px!important;padding:0 14px!important;}
}


/* === USER FINAL FIX: separate notification button + verification badge === */
.profile-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important;gap:8px!important;overflow:visible!important;}
.profile-trigger{position:relative!important;overflow:visible!important;}
.notification-counter.notification-pulse{
  position:absolute!important;right:52px!important;top:50%!important;transform:translateY(-50%)!important;z-index:80!important;
  width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;padding:0!important;border:0!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;cursor:pointer!important;
  font:900 11px/1 Inter,Arial,sans-serif!important;color:#111!important;background:#ffd400!important;
  box-shadow:0 0 0 2px rgba(5,8,16,.94),0 0 12px rgba(255,212,0,.95),0 0 28px rgba(255,212,0,.75)!important;
  animation:notificationPulseUser 1.25s ease-in-out infinite!important;
}
.notification-counter.notification-pulse::before{content:none!important;}
.notification-counter.notification-pulse.is-empty{background:#5f6876!important;color:transparent!important;box-shadow:0 0 0 2px rgba(5,8,16,.94),0 0 8px rgba(140,150,165,.55)!important;animation:none!important;}
.notification-counter.notification-pulse.has-unread{background:#ffd400!important;color:#111!important;}
@keyframes notificationPulseUser{0%,100%{filter:brightness(1);box-shadow:0 0 0 2px rgba(5,8,16,.94),0 0 12px rgba(255,212,0,.95),0 0 28px rgba(255,212,0,.75)!important;}50%{filter:brightness(1.22);box-shadow:0 0 0 4px rgba(255,212,0,.24),0 0 20px rgba(255,212,0,1),0 0 38px rgba(255,212,0,.9)!important;}}
.header-notification-popover{position:absolute!important;right:44px!important;top:calc(100% + 10px)!important;z-index:1200!important;display:none!important;width:min(320px,86vw)!important;max-height:330px!important;overflow:auto!important;padding:10px!important;border-radius:16px!important;background:rgba(11,16,28,.98)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 48px rgba(0,0,0,.5)!important;}
.header-notification-popover.active{display:block!important;}
.header-notification-popover .notification-row{width:100%!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;color:#eaf2ff!important;text-align:left!important;padding:12px!important;margin:0 0 8px!important;cursor:pointer!important;}
.header-notification-popover .notification-row.is-unread{background:rgba(255,212,0,.11)!important;box-shadow:inset 3px 0 0 #ffd400!important;}
.header-notification-popover .notification-row strong{display:block!important;font-size:13px!important;margin-bottom:4px!important;}
.header-notification-popover .notification-row span{display:block!important;color:#9fb2d7!important;font-size:12px!important;line-height:1.35!important;}
.header-notification-popover .notification-empty{padding:12px!important;color:#9fb2d7!important;font-size:13px!important;}
.profile-wrapper.is-verified .cap-verified-badge,.cap-verified-badge{width:18.7px!important;height:18.7px!important;min-width:18.7px!important;font-size:10.2px!important;right:-6px!important;bottom:1px!important;left:auto!important;top:auto!important;position:absolute!important;}
@media(max-width:760px){
  .profile-wrapper{width:72px!important;min-width:72px!important;max-width:72px!important;justify-content:flex-end!important;}
  .notification-counter.notification-pulse{right:43px!important;top:8px!important;transform:none!important;width:20px!important;height:20px!important;min-width:20px!important;font-size:10px!important;}
  .header-notification-popover{right:0!important;top:calc(100% + 8px)!important;}
  .profile-wrapper.is-verified .cap-verified-badge,.cap-verified-badge{right:2px!important;bottom:3px!important;width:15px!important;height:15px!important;min-width:15px!important;font-size:8px!important;}
}


/* === USER FINAL FIX: mobile trading controls compact, no scale/overlap, SLTP preserved === */
@media(max-width:900px){
  .order-panel,.order-panel *{transform:none!important;}
  .order-panel{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 10px 14px!important;margin:0!important;border-radius:0!important;overflow:visible!important;}
  .order-mode{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 6px!important;width:100%!important;}
  .order-mode .mode-button{flex:0 0 44%!important;width:44%!important;max-width:164px!important;height:35px!important;min-height:35px!important;border-radius:12px!important;font-size:13px!important;padding:0 8px!important;}
  .order-panel .field-group:not(.tp-sl-combined){margin:0!important;padding:0!important;gap:4px!important;}
  .order-panel .field-label-row{margin-bottom:2px!important;font-size:10px!important;line-height:1.1!important;}
  .order-panel .field-label-row label,.order-panel .field-hint,.order-panel .leverage-readonly-field label{font-size:10px!important;line-height:1.1!important;}
  .order-panel input#orderAmount,.order-panel .field-input:not(.tp-sl-shared-input):not(.hidden-tp-sl-input){height:32px!important;min-height:32px!important;border-radius:11px!important;padding:0 12px!important;font-size:12px!important;}
  .order-summary{padding:9px 11px!important;border-radius:13px!important;margin:2px 0 0!important;gap:4px!important;}
  .order-summary .summary-row{font-size:10px!important;line-height:1.12!important;margin:0!important;}
  .order-summary .summary-row strong{font-size:11px!important;}
  .estimated-profit-row strong,#orderEstimatedProfit{color:#11f189!important;}
  .estimated-profit-row.hidden{display:none!important;}
  .submit-order{align-self:center!important;width:70%!important;max-width:280px!important;height:42px!important;min-height:42px!important;border-radius:14px!important;font-size: 15px!important;margin-top:4px!important;padding:0 14px!important;}
  .amount-leverage-row{align-items:end!important;}
  .leverage-readonly-field{gap:2px!important;}
  .lev-value{font-size:10px!important;}
  .tp-sl-combined{margin:6px 0!important;gap:8px!important;}
  .tp-sl-tabs{height:34px!important;min-height:34px!important;border-radius:12px!important;}
  .tp-sl-side,.tp-sl-mode-center{height:34px!important;min-height:34px!important;font-size:13px!important;border-radius:10px!important;}
  .tp-sl-shared-input{height:42px!important;min-height:42px!important;border-radius:14px!important;font-size: 15px!important;padding:0 14px!important;}
}

/* final mobile trading compact controls */
@media(max-width:760px){
  .trade-panel .mode-button,.order-mode .mode-button{height:34px!important;min-height:34px!important;border-radius:11px!important;font-size:12px!important;padding:0 10px!important;max-width:150px!important;}
  .order-mode,.mode-switch{gap:8px!important;}
  #placeOrderBtn,.place-order-button,.trade-panel .primary-button.order-submit{height:52px!important;min-height:52px!important;max-height:52px!important;border-radius:16px!important;font-size:15px!important;padding:0 16px!important;width:82%!important;max-width:320px!important;margin-left:auto!important;margin-right:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .order-summary{font-size:10px!important;padding:9px 10px!important;border-radius:12px!important;}
  .order-summary .summary-row{min-height:13px!important;line-height:1.05!important;}
  .order-summary .summary-row strong{font-size:11px!important;}
  #estimatedProfitRow strong,#orderEstimatedProfit{color:#00f08a!important;}
}
#estimatedProfitRow:not(.hidden) strong,#orderEstimatedProfit{color:#00f08a!important;}


/* === ACTUAL FIX V4: order form compact + profit visible === */
#orderEstimatedProfit.positive{color:#10f58b!important;}
#orderEstimatedProfit.negative{color:#ff3b6b!important;}
.estimated-profit-row:not(.hidden){display:flex!important;}
@media(max-width:760px){
  .order-actions,.order-side-toggle{gap:8px!important;}
  .order-actions .side-btn,.order-side-toggle .side-btn{max-width:138px!important;width:42%!important;height:32px!important;min-height:32px!important;border-radius:10px!important;font-size:12px!important;}
  .place-order-btn,#placeOrderBtn{width:76%!important;max-width:292px!important;height:52px!important;min-height:52px!important;margin:12px auto 0!important;border-radius:14px!important;font-size: 17px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
}


/* TradingView iframe chart mode */
.tv-chart-shell{position:absolute;inset:10px 18px 46px 8px;border-radius:18px;overflow:hidden;background:#0b1020;z-index:1;}
.tv-chart-container,.tv-chart-container iframe{width:100%;height:100%;border:0;display:block;background:#0b1020;}
.tv-chart-scenario-badge{position:absolute;left:16px;right:16px;bottom:14px;z-index:3;padding:10px 12px;border-radius:12px;background:rgba(8,11,20,.82);border:1px solid rgba(255,255,255,.12);color:#e6ecff;font-size:12px;line-height:1.35;box-shadow:0 12px 34px rgba(0,0,0,.28);pointer-events:none;}
.tv-chart-scenario-badge.hidden{display:none!important;}
body.tv-iframe-chart .trade-chart,body.tv-iframe-chart .x-axis,body.tv-iframe-chart .y-axis,body.tv-iframe-chart .chart-tooltip,body.tv-iframe-chart .chart-selection-summary{display:none!important;}
body.tv-iframe-chart .chart-loader{z-index:4;}
body.tv-iframe-chart .chart-market-unavailable{z-index:5;}
@media (max-width:760px){.tv-chart-shell{inset:10px 10px 38px 6px;border-radius:16px;}}


/* TradingView cached internal chart mode */
body:not(.tv-iframe-chart) .tv-chart-shell{display:none!important;}
.trade-chart{background:#0f131a;border-radius:14px;}
.chart-grid-line{stroke:rgba(120,144,180,.18);}
.chart-grid-line-vertical{stroke:rgba(120,144,180,.10);}
.chart-price-line{stroke-dasharray:4 4;opacity:.82;}
.chart-price-flag-html{box-shadow:0 8px 20px rgba(0,0,0,.28);}
.chart-asset-info-html{backdrop-filter:blur(10px);background:rgba(15,19,26,.72);border:1px solid rgba(120,144,180,.16);}


/* === market graph transparent/no-border final override === */
.chart-stage,
.chart-wrap,
.chart-card,
.trade-chart {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.chart-stage {
  border-radius: 0 !important;
}
.chart-loader {
  background: transparent !important;
}


/* === FINAL FIX: price flag outside plot, compact, no detached triangle === */
.chart-wrap{overflow:visible!important;}
.chart-wrap .chart-stage{overflow:visible!important;}
.chart-price-flag-html{
  right:-74px!important;
  z-index:12!important;
  min-width:62px!important;
  max-width:72px!important;
  height:22px!important;
  padding:0 7px 0 10px!important;
  border-radius:0 7px 7px 0!important;
  clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:22px!important;
  letter-spacing:-.01em!important;
  box-shadow:0 6px 14px rgba(0,0,0,.34)!important;
}
.chart-price-flag-html::before{display:none!important;content:none!important;}
@media (max-width:900px){
  .chart-price-flag-html{right:-54px!important;min-width:50px!important;max-width:58px!important;height:20px!important;line-height:20px!important;font-size:8px!important;padding:0 5px 0 9px!important;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%)!important;}
}


/* === FIX: visible integrated price flag on desktop and mobile === */
.chart-wrap{overflow:visible!important;}
.chart-wrap .chart-stage{overflow:visible!important;position:relative!important;}
.chart-price-flag-html{
  right:8px!important;
  z-index:30!important;
  min-width:56px!important;
  max-width:82px!important;
  height:22px!important;
  padding:0 8px 0 12px!important;
  border-radius:0 8px 8px 0!important;
  clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:22px!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  box-shadow:0 6px 14px rgba(0,0,0,.34)!important;
}
.chart-price-flag-html::before{display:none!important;content:none!important;}
@media (min-width:901px){
  .chart-price-flag-html{right:-58px!important;min-width:58px!important;max-width:76px!important;}
}
@media (max-width:900px){
  .chart-wrap .chart-stage{overflow:visible!important;padding-right:42px!important;}
  .chart-price-flag-html{right:4px!important;min-width:48px!important;max-width:58px!important;height:18px!important;line-height:18px!important;font-size:7.8px!important;padding:0 4px 0 9px!important;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%)!important;}
}
@media (max-width:430px){
  .chart-wrap .chart-stage{padding-right:38px!important;}
  .chart-price-flag-html{right:2px!important;max-width:54px!important;min-width:46px!important;font-size:7.2px!important;}
}


/* === REAL FIX: readable price flag, always visible on desktop/mobile === */
.chart-stage{position:relative!important;overflow:visible!important;padding-right:72px!important;}
.chart-price-flag-html{
  right:8px!important;left:auto!important;z-index:22!important;min-width:58px!important;max-width:72px!important;height:20px!important;line-height:20px!important;
  padding:0 7px!important;border-radius:5px!important;clip-path:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:9px!important;font-weight:900!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  box-shadow:0 4px 12px rgba(0,0,0,.28)!important;pointer-events:none!important;
}
.chart-price-flag-html::before,.chart-price-flag-html::after{display:none!important;content:none!important;border:0!important;}
.trade-chart{overflow:visible!important;}
.chart-card,.chart-wrap{overflow:visible!important;}
@media (max-width:900px){
  .chart-stage{overflow:visible!important;padding-right:58px!important;}
  .chart-price-flag-html{right:4px!important;min-width:48px!important;max-width:56px!important;height:18px!important;line-height:18px!important;font-size:7.8px!important;padding:0 4px!important;border-radius:4px!important;}
}


/* === final requested trade chart/positions spacing fix === */
.chart-section{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 96px)!important;overflow:visible!important;}
.chart-card{flex:0 0 auto!important;padding-bottom:18px!important;overflow:visible!important;}
.chart-wrap{margin-bottom:34px!important;}
.positions-block{position:relative!important;z-index:1!important;margin-top:28px!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.07)!important;background:transparent!important;clear:both!important;}
@media (min-width: 901px){
  .chart-stage{height:clamp(360px,43vh,560px)!important;min-height:360px!important;max-height:560px!important;padding-bottom:58px!important;}
  .trade-chart{height:100%!important;min-height:320px!important;}
  .positions-block{margin-left:28px!important;margin-right:28px!important;}
}
@media (max-width: 900px){
  .chart-wrap{margin-bottom:20px!important;}
  .positions-block{margin-top:16px!important;padding:14px 10px 0!important;}
}


/* final: session closed order state */
#placeOrderBtn.session-closed,
.place-order.session-closed,
.order-submit.session-closed {
  background: #3a3f4a !important;
  color: #ff4f6f !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,79,111,.35) !important;
}
.market-closed-notice,
.chart-market-unavailable { color: #ff4f6f !important; }


/* === 2026-05-26 round 3 fixes (trade) === */

/* "по цене / по прибыли" — same visual language as SL/TP pills (subtle bg, no thick border),
   with a small ⇅ glyph that hints it's a toggle. */
.tp-sl-mode-center,
.tp-sl-mode-center.profit-mode{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:96px!important;
  height:34px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.06)!important;
  color:#eaf2ff!important;
  font-weight:800!important;
  font-size:.82rem!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
  transition:background .18s ease, box-shadow .18s ease!important;
  position:relative!important;
}
.tp-sl-mode-center::after{
  content:"⇅";
  font-size:.84rem;
  line-height:1;
  opacity:.65;
  margin-left:2px;
}
.tp-sl-mode-center:hover{
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
}
.tp-sl-mode-center.profit-mode{
  background:rgba(24,240,144,.10)!important;
  color:#c8ffe1!important;
  box-shadow:inset 0 0 0 1px rgba(24,240,144,.22)!important;
}
.tp-sl-mode-center.profit-mode:hover{
  background:rgba(24,240,144,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(24,240,144,.34)!important;
}

/* Asset search: remove the desktop border so it sits clean in the sidebar */
@media (min-width:901px){
  .market-sidebar .search-box{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .market-sidebar .search-box:focus-within{
    background:transparent!important;
    box-shadow:none!important;
  }
}



/* === 2026-05-26 round 6 (trade) === */

/* Some users (mainly mobile + some trackpads) cannot scroll the page because the chart
   captures the gesture. Restoring vertical scrollability over the chart:
   - Allow vertical pan via touch
   - Don't let the chart steal the wheel */
@media (max-width:900px){
  body, html { overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; }
  .trade-app, .trade-shell, .trade-layout { overflow-y:visible!important; height:auto!important; min-height:0!important; max-height:none!important; }
  .chart-section, .chart-card, .chart-wrap, .chart-stage, .trade-chart { overflow:hidden!important; touch-action:pan-y!important; }
  #lwChartContainer { touch-action:none!important; }
  /* The order panel needs to scroll on mobile if it overflows. */
  .order-panel { overflow:visible!important; height:auto!important; min-height:0!important; max-height:none!important; }
}


/* v31: closed-market clean surface and compact info stripe */
.chart-stage.chart-stage-unavailable #tradeChart,
.chart-stage.chart-stage-unavailable #chartGrid,
.chart-stage.chart-stage-unavailable #chartCandles,
.chart-stage.chart-stage-unavailable #chartIndicators,
.chart-stage.chart-stage-unavailable #xAxis,
.chart-stage.chart-stage-unavailable #yAxis,
.chart-stage.chart-stage-unavailable .chart-price-flag-html,
.chart-stage.chart-stage-unavailable .chart-asset-info-html,
.chart-stage.chart-stage-unavailable .chart-tooltip,
.chart-stage.chart-stage-unavailable .chart-crosshair{display:none!important;visibility:hidden!important;opacity:0!important;}
.chart-stage.chart-stage-unavailable .chart-market-unavailable{display:flex!important;}
@media (max-width:1400px){.chart-asset-info-html.compact span:nth-of-type(n+3){display:none!important}.chart-asset-info-html.compact{max-width:min(360px,calc(100% - 24px));overflow:hidden}.chart-asset-info-html.compact span{white-space:nowrap}}

/* === HOTFIX requested: desktop verification check placement === */
@media (min-width: 761px) {
  .profile-wrapper.is-verified .cap-verified-badge,
  .profile-wrapper .cap-verified-badge,
  .auth-app-header .cap-verified-badge,
  .trade-header .cap-verified-badge,
  .cap-verified-badge {
    right: -7px !important;
  }
}


/* SAFE HOTFIX 2026-05-28: closed-market overlay must not block market/category switches */
.chart-market-unavailable,
.market-closed-notice{
  pointer-events: none !important;
}


/* FINAL_SAFE_UI_PATCH_START */
/* Verified badge: keep existing check shape, remove blue background everywhere */
.verified-badge,
.profile-verified,
.header-verified-badge,
.user-verified-badge,
.avatar-verified,
.avatar-check,
.profile-avatar-check,
.user-avatar-check,
.auth-user-check,
.auth-profile-check,
[class*="verified"][class*="badge"],
[class*="avatar"][class*="check"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Transaction history: restore two-column/card layout; only fix height and vertical centering */
.transactions-modal .transaction-item,
.transactions-modal .transaction-row,
.transactions-modal .transaction-card,
.transaction-history-modal .transaction-item,
.transaction-history-modal .transaction-row,
.transaction-history-modal .transaction-card,
#transactionsModal .transaction-item,
#transactionsModal .transaction-row,
#transactionsModal .transaction-card {
  min-height: 104px !important;
  height: auto !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.transactions-modal .transaction-card,
.transaction-history-modal .transaction-card,
#transactionsModal .transaction-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  column-gap: 24px !important;
}

.transactions-modal .transaction-item > *,
.transactions-modal .transaction-row > *,
.transactions-modal .transaction-card > *,
.transaction-history-modal .transaction-item > *,
.transaction-history-modal .transaction-row > *,
.transaction-history-modal .transaction-card > *,
#transactionsModal .transaction-item > *,
#transactionsModal .transaction-row > *,
#transactionsModal .transaction-card > * {
  align-self: center !important;
}

.transactions-modal .transaction-right,
.transactions-modal .transaction-meta,
.transactions-modal .transaction-amount-wrap,
.transaction-history-modal .transaction-right,
.transaction-history-modal .transaction-meta,
.transaction-history-modal .transaction-amount-wrap,
#transactionsModal .transaction-right,
#transactionsModal .transaction-meta,
#transactionsModal .transaction-amount-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  text-align: right !important;
  min-width: max-content !important;
}

.transactions-modal .transaction-left,
.transaction-history-modal .transaction-left,
#transactionsModal .transaction-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

@media (max-width: 768px) {
  .transactions-modal .transaction-item,
  .transactions-modal .transaction-row,
  .transactions-modal .transaction-card,
  .transaction-history-modal .transaction-item,
  .transaction-history-modal .transaction-row,
  .transaction-history-modal .transaction-card,
  #transactionsModal .transaction-item,
  #transactionsModal .transaction-row,
  #transactionsModal .transaction-card {
    min-height: 128px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .transactions-modal .transaction-card,
  .transaction-history-modal .transaction-card,
  #transactionsModal .transaction-card {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    column-gap: 14px !important;
  }

  .transactions-modal .transaction-right,
  .transactions-modal .transaction-meta,
  .transactions-modal .transaction-amount-wrap,
  .transaction-history-modal .transaction-right,
  .transaction-history-modal .transaction-meta,
  .transaction-history-modal .transaction-amount-wrap,
  #transactionsModal .transaction-right,
  #transactionsModal .transaction-meta,
  #transactionsModal .transaction-amount-wrap {
    align-items: flex-end !important;
    text-align: right !important;
  }
}

/* Portfolio chart mobile: keep chart inside card */
@media (max-width: 768px) {
  .portfolio-chart,
  .portfolio-chart-wrap,
  .portfolio-card-chart,
  .dashboard-portfolio-chart,
  .portfolio-card canvas,
  .portfolio-chart canvas {
    max-height: 260px !important;
  }

  .portfolio-card .chart-container,
  .portfolio-chart .chart-container,
  .dashboard-chart,
  .dashboard-chart canvas {
    height: 260px !important;
    min-height: 260px !important;
    overflow: hidden !important;
  }
}
/* FINAL_SAFE_UI_PATCH_END */

/* Mobile scroll fix — prevents body scroll lock on iOS/Android */
@media (max-width: 900px) {
  html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    height: auto !important;
  }
  body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    min-height: 100vh;
    height: auto !important;
  }
  .trade-app {
    overflow: visible !important;
    height: auto !important;
    min-height: 100vh !important;
  }
}

/* SCROLL FIX: unlock page scroll for tablets and large phones (901px–1439px).
   Rules at lines ~4182 and ~4284 set height:100vh + overflow:hidden on .trade-layout
   for min-width:901px — this is intentional for full-desktop terminals (≥1440px)
   but completely breaks scrolling on iPads, landscape phones, and small laptops. */
@media (min-width:901px) and (max-width:1439px){
  html, body {
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .trade-page, .trade-layout {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }
  .chart-section {
    height: auto !important;
    overflow: visible !important;
  }
}

/* PHONE SCROLL FIX (≤900px): several prior patches stack up to break touch scroll.
   Key issues at 430px:
   1. trade-layout gets overflow-x:hidden + overflow-y:visible → spec computes visible→auto,
      creating a separate scroll context so body never sees overflow.
   2. overscroll-behavior-y:none on body (line ~3287) blocks iOS swipe-to-scroll.
   3. chart-section overflow:hidden clips section but doesn't allow body to scroll.
   This block comes last and overrides everything. */
@media (max-width:900px){
  html {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
  }
  .trade-app {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }
  .trade-layout {
    /* Must be visible on BOTH axes so spec doesn't auto-promote to a scroll container */
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .chart-section {
    overflow: visible !important;
    height: auto !important;
  }
  .market-sidebar {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .order-panel {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* ══════════════════════════════════════════════
   LW Chart — финальный layout
   ══════════════════════════════════════════════ */

/* ── DESKTOP: три колонки, средняя скроллится ── */

.trade-app { background: transparent !important; overflow-x: hidden !important; }

/* layout: строго высота viewport, колонки растянуты */
.trade-layout {
  height: calc(100vh - 96px) !important;
  min-height: 0 !important;
  max-height: calc(100vh - 96px) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  width: 100% !important;
}

/* Боковые: 100% высоты, скролл внутри */
.market-sidebar {
  position: static !important;
  height: 100% !important; min-height: 0 !important; max-height: 100% !important;
  overflow: hidden !important; align-self: stretch !important;
  padding: 14px 8px 12px !important;
}
.order-panel {
  position: static !important;
  height: 100% !important; min-height: 0 !important; max-height: 100% !important;
  overflow-y: auto !important; align-self: stretch !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   СРЕДНЯЯ КОЛОНКА: flex-column + overflow-y:auto
   chart-card — явная высота 530px, не сжимается.
   positions-block — после card в потоке, z-index:0.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.trade-layout .chart-section {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  align-self: stretch !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(17,216,255,0.22) transparent !important;
}

/* chart-card: явная высота = controls(88) + stage(420) + padding(22).
   flex-shrink:0 — не сжимается. overflow:hidden — stage не вылезет. */
.trade-layout .chart-card {
  width: 100% !important;
  height: 530px !important;
  min-height: 530px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  overflow: hidden !important;
  padding: 14px 18px 8px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 0 !important;
}

/* chart-wrap: блок, вся ширина */
.chart-wrap { display: block !important; width: 100% !important; }

/* chart-stage: убиваем все старые min-height и padding */
.trade-layout .chart-stage {
  height: 420px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  position: relative !important;
}

/* positions-block: строго под chart-card в flex-потоке.
   z-index:0 убивает старый z-index:1 который рендерил его поверх графика. */
.trade-layout .positions-block {
  width: 100% !important;
  height: 380px !important;
  min-height: 0 !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  padding: 10px 22px 24px !important;
  overflow-y: auto !important;
  border-top: 1px solid var(--line) !important;
  position: relative !important;
  z-index: 0 !important;
  margin-top: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(17,216,255,0.25) transparent !important;
}

/* Сворачивание */
.trade-layout .positions-block.collapsed {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* LW Chart container */
#lwChartContainer {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
#lwChartContainer a[href*="tradingview"],
.chart-stage a[href*="tradingview"] { display: none !important; }

/* ── MOBILE: восстанавливаем нормальный поток ── */
@media (max-width: 900px) {
  .trade-app { background: transparent !important; }
  .trade-layout {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: start !important;
  }
  .market-sidebar {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-self: auto !important;
  }
  .order-panel {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-self: auto !important;
  }
  .trade-layout .chart-section {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-self: auto !important;
  }
  .trade-layout .positions-block {
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
  }
  .trade-layout .positions-block.collapsed {
    min-height: 0 !important;
  }
}

/* ── Search box clean + no mobile gap ── */
@media (min-width: 901px) {
  .market-sidebar .search-box {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none !important;
  }
  .market-sidebar .search-box:focus-within {
    background: transparent !important;
    box-shadow: none !important;
  }
}
@media (max-width: 900px) {
  .market-sidebar,
  .market-sidebar.panel {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .market-sidebar .search-box { margin-top: 0 !important; }
  .trade-layout { margin-top: 0 !important; padding-top: 0 !important; }
}


/* Mobile live price inline (shown only on narrow screens) */
.mobile-live-price-row {
  display: none;
}
@media (max-width: 760px) {
  .mobile-live-price-row {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
  }
  .mobile-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #15ef90;
    flex-shrink: 0;
    animation: mobileLivePulse 1.8s ease-in-out infinite;
  }
  #mobilePairPriceInline {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: nowrap;
  }
  /* Hide the standalone price row on mobile to avoid duplication */
  .symbol-price {
    display: none !important;
  }
}
@keyframes mobileLivePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}