/* Gate-style trading / cashflow / recharge / withdraw records */

html.gate-ui .cashflow,
html.gate-ui .record,
html.gate-ui .recordInfo {
  background: var(--background-primary, #171a26) !important;
  color: var(--content-primary, #eaecef) !important;
}

html.gate-ui .cashflow .cash-container .tab-box {
  background: var(--background-primary, #171a26) !important;
}

html.gate-ui .cashflow .cash-container .tab-box .selct-box {
  background: var(--background-secondary, #1f2430) !important;
  border-bottom: 1px solid var(--border-strength-100, #2b3140) !important;
}

html.gate-ui .cashflow .cash-container .tab-box .selct-box .tag,
html.gate-ui .record .scroll-view .list .scroll-tab .tag {
  background: var(--background-primary, #171a26) !important;
  color: var(--content-tertiary, #848e9c) !important;
  border: 1px solid var(--border-strength-100, #2b3140) !important;
  border-radius: 4px !important;
}

html.gate-ui .cashflow .cash-container .main-box .swiper uni-swiper-item .swiper-scroll .cell,
html.gate-ui .record .scroll-view .list .cell {
  padding: 14px 15px !important;
  margin-bottom: 0 !important;
  min-height: 64px !important;
  height: auto !important;
  border-bottom: 1px solid var(--border-strength-100, #2b3140) !important;
  box-sizing: border-box !important;
}

html.gate-ui .cashflow .cell .row,
html.gate-ui .record .cell .coin-info .row {
  width: 100% !important;
}

html.gate-ui .cashflow .cell .row:first-child uni-text,
html.gate-ui .cashflow .cell .row:first-child span,
html.gate-ui .record .cell .coin-info .row:first-child .font-14,
html.gate-ui .record .cell .coin-info .row:first-child .color-black {
  color: var(--content-primary, #eaecef) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

html.gate-ui .cashflow .cell .row:last-child uni-text,
html.gate-ui .cashflow .cell .row:last-child span,
html.gate-ui .record .cell .coin-info .row:last-child,
html.gate-ui .record .cell .coin-info .color-gray,
html.gate-ui .record .cell .coin-info .font-12 {
  color: var(--content-tertiary, #848e9c) !important;
  font-size: 12px !important;
}

/* Amount colors: + green / - red */
html.gate-ui .cashflow .cell .text-green,
html.gate-ui .cashflow .cell .color-green,
html.gate-ui .cashflow .cell .price_up,
html.gate-ui .record .cell .text-green,
html.gate-ui .record .cell .color-green,
html.gate-ui .record .cell .price_up {
  color: #17e6a1 !important;
  -webkit-text-fill-color: #17e6a1 !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}

html.gate-ui .cashflow .cell .text-red,
html.gate-ui .cashflow .cell .color-red,
html.gate-ui .cashflow .cell .price_down,
html.gate-ui .record .cell .text-red,
html.gate-ui .record .cell .color-red,
html.gate-ui .record .cell .price_down {
  color: #f6465d !important;
  -webkit-text-fill-color: #f6465d !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}

html.gate-ui .cashflow .popup-wrap,
html.gate-ui .cashflow .popup-wrap .list .cell {
  background: var(--background-secondary, #1f2430) !important;
  color: var(--content-primary, #eaecef) !important;
}

html.gate-ui .cashflow .popup-wrap .list .cell-active {
  background: rgba(35, 84, 230, 0.12) !important;
  color: #2354e6 !important;
}

html.gate-ui .recordInfo .record-container .top-box .price_num {
  color: var(--content-primary, #eaecef) !important;
  font-weight: 700 !important;
}

html.gate-ui .wallet .scroll-head .asset-val .asset-num,
html.gate-ui .wallet .scroll-head .asset-val .font-28,
html.gate-ui .wallet .scroll-head .asset-val .fb {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.2px;
  font-weight: 700 !important;
}

html.gate-ui .wallet .menu-box .menu-item .right uni-text,
html.gate-ui .wallet .menu-box .menu-item .right span {
  font-variant-numeric: tabular-nums;
}