/* CoinASX V112 - 顶部交易导航居左紧凑 */

.cx105-trade-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:5px!important;

  width:100%!important;
  height:42px!important;
  min-height:42px!important;

  padding:4px 10px!important;
  margin:0!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;

  background:var(--v111-bg,#000)!important;
  border-bottom:1px solid var(--v111-border,#242424)!important;

  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

.cx105-trade-nav::-webkit-scrollbar{
  display:none!important;
}

/* 取消 V107 的 flex:1，按钮不再平均撑满 */
.cx105-trade-nav-btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:auto!important;

  height:30px!important;
  min-height:30px!important;

  padding:0 9px!important;
  margin:0!important;

  border:1px solid transparent!important;
  border-radius:7px!important;

  background:transparent!important;
  color:var(--v111-small,#a7abb2)!important;

  font-size:11.5px!important;
  line-height:28px!important;
  font-weight:650!important;
  text-align:center!important;
  letter-spacing:0!important;
}

.cx105-trade-nav-btn.active{
  background:var(--v111-panel2,#121212)!important;
  border-color:var(--v111-border,#242424)!important;
  color:var(--v111-title,#fff)!important;
}

.cx105-trade-nav-btn.active:after{
  width:12px!important;
  height:2px!important;
  bottom:0!important;
  background:var(--v111-title,#fff)!important;
}

/* 浅色模式仍使用 V111 自适应变量 */
html.cx-theme-light .cx105-trade-nav,
html[data-theme="light"] .cx105-trade-nav,
html[data-cx-theme="light"] .cx105-trade-nav{
  background:var(--v111-bg,#fff)!important;
  border-color:var(--v111-border,#e0e2e5)!important;
}

html.cx-theme-light .cx105-trade-nav-btn,
html[data-theme="light"] .cx105-trade-nav-btn,
html[data-cx-theme="light"] .cx105-trade-nav-btn{
  color:var(--v111-small,#737981)!important;
}

html.cx-theme-light .cx105-trade-nav-btn.active,
html[data-theme="light"] .cx105-trade-nav-btn.active,
html[data-cx-theme="light"] .cx105-trade-nav-btn.active{
  color:var(--v111-title,#111317)!important;
  background:var(--v111-panel2,#f4f5f6)!important;
  border-color:var(--v111-border,#e0e2e5)!important;
}

/* 小屏保持左对齐，可横向轻滑，不压缩文字 */
@media(max-width:360px){
  .cx105-trade-nav{
    gap:3px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .cx105-trade-nav-btn{
    height:29px!important;
    min-height:29px!important;
    padding:0 7px!important;
    font-size:11px!important;
    line-height:27px!important;
  }
}