/* CT theme readability fix: Wallet > Transaction history */
.transRecord__container[data-v-2565e76d] {
  min-height: 100vh;
  background: #000 !important;
  color: #f8ffff !important;
}

.transRecord__container[data-v-2565e76d] .van-nav-bar,
.transRecord__container[data-v-2565e76d] .van-nav-bar__content {
  background: #050b0b !important;
  border-bottom: 1px solid rgba(0, 201, 204, 0.35) !important;
}

.transRecord__container[data-v-2565e76d] .van-nav-bar__title,
.transRecord__container[data-v-2565e76d] .van-nav-bar .van-icon {
  color: #f8ffff !important;
  font-weight: 700 !important;
}

.transRecord__container[data-v-2565e76d] .ar {
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.92) 100%) !important;
  padding: 0.25rem 0.3rem 0.18rem !important;
}

.transRecord__container[data-v-2565e76d] .ar-searchbar__selector > div {
  background: rgba(4, 18, 18, 0.96) !important;
  border: 1px solid rgba(0, 201, 204, 0.28) !important;
  color: #f8ffff !important;
  box-shadow: 0 0 0.25rem rgba(0, 201, 204, 0.1);
}

.transRecord__container[data-v-2565e76d] .ar-searchbar__selector span,
.transRecord__container[data-v-2565e76d] .ar-searchbar__selector i {
  color: #f8ffff !important;
}

.transRecord__container-content__card[data-v-2565e76d] {
  background: rgba(2, 18, 18, 0.94) !important;
  border: 1px solid rgba(0, 201, 204, 0.22) !important;
  box-shadow: 0 0 0.35rem rgba(0, 201, 204, 0.12) !important;
}

.transRecord__container-content__card-top[data-v-2565e76d] {
  background: linear-gradient(135deg, #0bb6b2, #075d61) !important;
}

.transRecord__container-content__card h3[data-v-2565e76d],
.transRecord__container-content__card .left[data-v-2565e76d],
.transRecord__container-content__card .right[data-v-2565e76d],
.transRecord__container-content__card textarea[data-v-2565e76d] {
  color: #f8ffff !important;
}

.transRecord__container-content__card-mid .line[data-v-2565e76d] {
  background: rgba(0, 0, 0, 0.38) !important;
  border-bottom: 1px solid rgba(0, 201, 204, 0.08) !important;
}

.transRecord__container-content__card .right.green[data-v-2565e76d] {
  color: #20ff9f !important;
}

.transRecord__container-content__card .right.red[data-v-2565e76d] {
  color: #ff6b7f !important;
}

/* Vant bottom pickers are teleported outside the page container, so keep this global but limited to picker sheets. */
.van-popup.van-popup--bottom,
.van-popup--bottom .van-picker {
  background: #061010 !important;
  color: #f8ffff !important;
}

.van-popup--bottom .van-picker__toolbar {
  background: #071717 !important;
  border-bottom: 1px solid rgba(0, 201, 204, 0.28) !important;
}

.van-popup--bottom .van-picker__title,
.van-popup--bottom .van-picker-column__item,
.van-popup--bottom .van-picker-column__item span,
.van-popup--bottom .van-picker__cancel,
.van-popup--bottom .van-picker__confirm {
  color: #f8ffff !important;
  font-weight: 700 !important;
}

.van-popup--bottom .van-picker__confirm {
  color: #19f4ee !important;
}

.van-popup--bottom .van-picker-column__item--selected,
.van-popup--bottom .van-picker-column__item--selected span {
  color: #19f4ee !important;
  text-shadow: 0 0 0.22rem rgba(25, 244, 238, 0.45);
}

.van-popup--bottom .van-picker__mask {
  background-image: linear-gradient(180deg, rgba(6, 16, 16, 0.92), rgba(6, 16, 16, 0.35)), linear-gradient(0deg, rgba(6, 16, 16, 0.92), rgba(6, 16, 16, 0.35)) !important;
}
