/* =========================================================
   V133：只锁定盘口价格/数量双列
   左：价格 USDT
   右：数量 BTC
   数量永不隐藏
   ========================================================= */

.no_touch.appContent .deep-data{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* 标题双列 */
.no_touch.appContent .deep-data > .flex.justify-between.text-grey{
  display:grid!important;
  grid-template-columns:minmax(72px,1fr) minmax(68px,auto)!important;
  column-gap:20px!important;
  align-items:end!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

.no_touch.appContent .deep-data > .flex.justify-between.text-grey > *:first-child{
  justify-self:start!important;
  text-align:left!important;
  min-width:0!important;
  white-space:nowrap!important;
}

.no_touch.appContent .deep-data > .flex.justify-between.text-grey > *:last-child{
  justify-self:end!important;
  text-align:right!important;
  min-width:68px!important;
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  visibility:visible!important;
  opacity:1!important;
}

/* 每档价格 / 数量 */
.no_touch.appContent .deep-data .font-26{
  display:grid!important;
  grid-template-columns:minmax(72px,1fr) minmax(68px,auto)!important;
  column-gap:20px!important;
  align-items:center!important;

  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.no_touch.appContent .deep-data .font-26 > *:first-child{
  justify-self:start!important;
  text-align:left!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* 数量：强制完整显示 */
.no_touch.appContent .deep-data .font-26 > *:last-child{
  display:block!important;
  justify-self:end!important;
  text-align:right!important;

  min-width:68px!important;
  width:max-content!important;
  max-width:none!important;

  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;

  visibility:visible!important;
  opacity:1!important;
  clip:auto!important;
  clip-path:none!important;
  transform:none!important;
}

/* 不允许父级把数量裁掉 */
.no_touch.appContent .deep-data .price-content,
.no_touch.appContent .deep-data [class*="content"],
.no_touch.appContent .deep-data [class*="list"]{
  overflow:visible!important;
}

/* 小屏幕：缩字体/间距，但绝不隐藏数量 */
@media(max-width:390px){
  .no_touch.appContent .deep-data > .flex.justify-between.text-grey,
  .no_touch.appContent .deep-data .font-26{
    grid-template-columns:minmax(58px,1fr) minmax(56px,auto)!important;
    column-gap:12px!important;
  }

  .no_touch.appContent .deep-data > .flex.justify-between.text-grey > *:last-child,
  .no_touch.appContent .deep-data .font-26 > *:last-child{
    min-width:56px!important;
    width:max-content!important;
    display:block!important;
    visibility:visible!important;
    overflow:visible!important;
  }
}

@media(max-width:350px){
  .no_touch.appContent .deep-data > .flex.justify-between.text-grey,
  .no_touch.appContent .deep-data .font-26{
    grid-template-columns:minmax(54px,1fr) minmax(51px,auto)!important;
    column-gap:9px!important;
  }

  .no_touch.appContent .deep-data .font-26{
    font-size:9.5px!important;
  }

  .no_touch.appContent .deep-data > .flex.justify-between.text-grey > *:last-child,
  .no_touch.appContent .deep-data .font-26 > *:last-child{
    min-width:51px!important;
  }
}