/* =========================================================
   CoinASX V121
   交割合约 UI
   最终确认 K线尺寸：
   主K线 176px
   MACD 78px
   指标栏 46px
   ========================================================= */

html{
  --v121-bg:#000;
  --v121-panel:#0b0c0e;
  --v121-panel2:#15171b;
  --v121-border:#2a2e34;

  --v121-title:#fff;
  --v121-text:#eef0f2;
  --v121-small:#9ea3ab;
  --v121-muted:#70757e;

  --v121-green:#12c98a;
  --v121-red:#ff4d63;
  --v121-lime:#b7ff24;
}

html.cx-theme-light,
html[data-theme="light"],
html[data-cx-theme="light"]{
  --v121-bg:#fff;
  --v121-panel:#fff;
  --v121-panel2:#f3f5f7;
  --v121-border:#dfe3e8;

  --v121-title:#111317;
  --v121-text:#2d3136;
  --v121-small:#747a83;
  --v121-muted:#a0a6ae;

  --v121-green:#0ea772;
  --v121-red:#df4155;
  --v121-lime:#79c900;
}

body:has(.deliveryContract),
.deliveryContract{
  background:var(--v121-bg)!important;
  color:var(--v121-text)!important;
}

/* Header */
.deliveryContract .contract-header{
  background:var(--v121-bg)!important;
  border-bottom:1px solid var(--v121-border)!important;
}

.deliveryContract .contract-header .pt-45{
  min-height:64px!important;
  padding-top:14px!important;
  padding-bottom:9px!important;
}

.deliveryContract .contract-header .font-35{
  color:var(--v121-title)!important;
  font-size:17px!important;
  font-weight:850!important;
}

.deliveryContract .contract-header .ml-15{
  padding:3px 6px!important;
  border-radius:6px!important;
  background:var(--v121-panel2)!important;
  color:var(--v121-small)!important;
  font-size:9px!important;
}

.deliveryContract .contract-header .pl-30.w-160{
  color:var(--v121-green)!important;
  font-size:11px!important;
  font-weight:800!important;
}

/* Kline */
.cx116-chart{
  margin:6px 4px 0!important;
  border:1px solid var(--v121-border)!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:var(--v121-bg)!important;
}

/* V116/V119 主 K 线 */
.cx116-chart-canvas{
  height:176px!important;
  min-height:176px!important;
  max-height:176px!important;
  background:var(--v121-bg)!important;
}

/* MACD */
.cx119-macd-wrap{
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  border-top:1px solid var(--v121-border)!important;
  border-bottom:1px solid var(--v121-border)!important;
}

.cx119-macd{
  width:100%!important;
  height:100%!important;
}

/* 指标栏 */
.cx119-indicators{
  height:46px!important;
  grid-template-columns:repeat(7,1fr)!important;
}

.cx119-indicators button{
  color:var(--v121-small)!important;
  font-size:10px!important;
}

.cx119-indicators button.active{
  color:var(--v121-title)!important;
}

/* 清掉旧 Kline 标题工具占高度 */
.cx116-chart-tools,
.cx116-chart-meta,
.cx116-live{
  display:none!important;
}

/* 单栏交易区 */
.deliveryContract .Full-warehouse{
  padding:18px 4px 18px!important;
  background:var(--v121-bg)!important;
}

.deliveryContract .Full-warehouse-bottom-flex,
.deliveryContract .segmentation,
.deliveryContract .price{
  display:none!important;
}

.deliveryContract .Full-warehouse-list{
  display:block!important;
}

/* 时间周期 */
.deliveryContract .Delivery-time-title{
  margin-bottom:8px!important;
  color:var(--v121-small)!important;
  font-size:13px!important;
  font-weight:750!important;
}

.deliveryContract .Delivery-time-list{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-bottom:25px!important;
}

.deliveryContract .Delivery-time-item{
  display:none!important;
}

.deliveryContract .Delivery-time-item:nth-child(-n+4){
  display:block!important;
  border:1px solid var(--v121-border)!important;
  border-radius:9px!important;
  background:var(--v121-panel2)!important;
  overflow:hidden!important;
}

.deliveryContract .Delivery-time-item-time{
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:transparent!important;
  color:var(--v121-small)!important;

  font-size:14px!important;
  font-weight:850!important;
}

.deliveryContract .Delivery-time-item-percentage{
  display:none!important;
}

.deliveryContract .Delivery-time-item:first-child{
  border-color:var(--v121-lime)!important;
  background:transparent!important;
}

.deliveryContract .Delivery-time-item:first-child .Delivery-time-item-time{
  color:var(--v121-lime)!important;
}

/* Amount */
.cx119-amount-head{
  margin-bottom:9px!important;
}

.cx119-amount-head .l{
  color:var(--v121-small)!important;
  font-size:12px!important;
}

.cx119-amount-head .r{
  color:var(--v121-title)!important;
  font-size:12px!important;
}

.deliveryContract .Delivery-time-input .van-cell{
  min-height:57px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--v121-panel2)!important;
}

.deliveryContract .Delivery-time-input input{
  color:var(--v121-title)!important;
  font-size:14px!important;
}

.deliveryContract .Delivery-time-input input::placeholder{
  color:var(--v121-muted)!important;
}

/* slider */
.cx119-slider{
  height:38px!important;
}

.cx119-slider-line{
  background:var(--v121-border)!important;
}

/* payment */
.cx119-pay{
  margin:12px 0 14px!important;
}

.cx119-pay-col span{
  color:var(--v121-small)!important;
  font-size:11px!important;
}

.cx119-pay-col b{
  color:var(--v121-green)!important;
  font-size:11px!important;
}

.cx119-pay-col strong{
  color:var(--v121-text)!important;
  font-size:11px!important;
}

/* buttons */
.cx116-direction{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

.deliveryContract .Delivery-time-open-more{
  min-height:56px!important;
  margin:0!important;
  border-radius:28px!important;
  background:var(--v121-green)!important;
}

.deliveryContract .Delivery-time-open-more-red{
  background:var(--v121-red)!important;
}

.deliveryContract .Delivery-time-open-more-text{
  color:#fff!important;
  font-size:17px!important;
  font-weight:850!important;
}

.deliveryContract .Delivery-time-open-more-text2{
  display:none!important;
}

/* hidden legacy injected controls */
.cx118-ui-presets,
.cx118-ui-amount-label,
.cx116-buy-now,
.deliveryContract .handling-fee{
  display:none!important;
}

/* positions */
.deliveryContract .position{
  margin-top:24px!important;
  min-height:160px!important;
  border-top:1px solid var(--v121-border)!important;
  background:var(--v121-bg)!important;
}

.cx119-order-tabs{
  padding:15px 4px 0!important;
}

.cx119-order-tab{
  color:var(--v121-small)!important;
  font-size:15px!important;
}

.cx119-order-tab.active{
  color:var(--v121-title)!important;
}

.cx119-order-tab.active:after{
  background:var(--v121-green)!important;
}