/* Withdraw history receipt layout fix */
.rechargeh__container .navbar__content-title,
.rechargeh__container .navbar__content-center,
.rechargeh__container .van-nav-bar__title {
  width: calc(100% - 2rem) !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  text-align: center !important;
}

.rechargeh__container_header .van-tabs,
.rechargeh__container_header .van-tabs__wrap {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.rechargeh__container_header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  z-index: 2 !important;
}

.rechargeh__container_header .van-tabs__wrap::-webkit-scrollbar {
  display: none;
}

.rechargeh__container_header .van-tabs .van-tabs__nav--card {
  justify-content: flex-start !important;
  min-width: max-content !important;
  padding-bottom: .05333rem !important;
}

.rechargeh__container_header .van-tabs .van-tabs__nav--card .van-tab--card {
  flex: 0 0 auto !important;
  min-width: 2.4rem !important;
}

.rechargeh__container_header .van-tabs .van-tabs__nav--card .van-tab--card .tabDiv {
  flex-direction: row !important;
  justify-content: center !important;
  gap: .10667rem !important;
  padding: 0 .16rem !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.rechargeh__container_header .ar-searchbar {
  gap: .21333rem !important;
}

.rechargeh__container-content {
  margin-top: .32rem !important;
  padding-top: .32rem !important;
  overflow: visible !important;
}

.rechargeh__container-content.isC2c {
  margin-top: .32rem !important;
}

.rechargeh__container-content__item {
  padding: .32rem .26667rem !important;
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
}

.rechargeh__container-content__item:first-child {
  margin-top: .32rem !important;
}

.rechargeh__container-content__item-header,
.rechargeh__container-content__item-body,
.rechargeh__container-content__item-body > div {
  height: auto !important;
  min-height: .42667rem !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.rechargeh__container-content__item-header {
  min-height: .66667rem !important;
}

.rechargeh__container-content__item-header span {
  min-width: auto !important;
  flex: 0 1 auto !important;
}

.rechargeh__container-content__item-header span:first-of-type {
  min-width: 1.86667rem !important;
  margin-left: 0 !important;
}

.rechargeh__container-content__item-header span:nth-of-type(2) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.rechargeh__container-content__item-body > div {
  gap: .16rem !important;
  align-items: flex-start !important;
}

.rechargeh__container-content__item-body > div span {
  padding: 0 !important;
}

.rechargeh__container-content__item-body > div span:first-of-type {
  flex: 0 0 2.56rem !important;
  clip-path: none !important;
}

.rechargeh__container-content__item-body > div span:nth-of-type(2),
.rechargeh__container-content__item-body > div span:last-of-type {
  flex: 1 1 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  overflow: visible !important;
  text-align: right !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: break-all !important;
}

.rechargeh__container-content__item-body > div img,
.rechargeh__container-content__item-body > div svg {
  flex: 0 0 .4rem !important;
  margin-top: .04rem !important;
}

.rechargeh__container .textarea {
  width: 100% !important;
  min-height: 1.08rem !important;
  height: 1.08rem !important;
  overflow: visible !important;
}

@media screen and (max-width: 500px) {
  .rechargeh__container {
    padding-inline: .24rem !important;
  }

  .rechargeh__container_header {
    padding-inline: .24rem !important;
  }

  .rechargeh__container-content {
    margin-top: .32rem !important;
  }

  .rechargeh__container-content.isC2c {
    margin-top: .32rem !important;
  }

  .rechargeh__container-content__item-body > div span:first-of-type {
    flex-basis: 2.24rem !important;
  }
}

/* Wallet history status/filter premium readability */
.rechargeh__container .c2cType > div,
.rechargeh__container .state_box .state_item {
  color: #c7d5d8 !important;
  font-weight: 700 !important;
}

.rechargeh__container .c2cType > div.active,
.rechargeh__container .state_box .state_item_active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 .02rem .08rem rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 .04rem .2rem rgba(0, 201, 204, 0.28) !important;
  letter-spacing: 0 !important;
}

/* Shared status chip skeleton */
.rechargeh__container-content__item-header .recharge_right,
.rechargeh__container-content__item-header .success,
.rechargeh__container-content__item-header .timeout,
.rechargeh__container-content__item-header .check,
.rechargeh__container-content__item-header .representation,
.rechargeh__container-content__item-header .recharge,
.rechargeh__container-content__item-header .cancel,
.rechargeh__container-content__item-header .fail,
.rechargeh__container-content__item-header .stateG,
.rechargeh__container-content__item-header .stateR,
.rechargeh__container-content__item-header .stateReject {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: .56rem !important;
  padding: 0 .18rem !important;
  min-width: 1.95rem !important;
  max-width: 2.7rem !important;
  margin-left: auto !important;
  border-radius: .12rem !important;
  border: .01333rem solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(9, 19, 19, 0.92) !important;
  color: #eef9fb !important;
  -webkit-text-fill-color: #eef9fb !important;
  font-size: .3rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Complete / success */
.rechargeh__container-content__item-header .success,
.rechargeh__container-content__item-header .stateG {
  background: linear-gradient(135deg, #00dd9a 0%, #0ecf74 100%) !important;
  color: #032117 !important;
  -webkit-text-fill-color: #032117 !important;
  border-color: rgba(111, 255, 204, 0.72) !important;
  box-shadow: 0 .05333rem .2rem rgba(2, 199, 122, 0.35) !important;
}

/* To Be Paid / pending */
.rechargeh__container-content__item-header .timeout,
.rechargeh__container-content__item-header .representation,
.rechargeh__container-content__item-header .recharge,
.rechargeh__container-content__item-header .stateR {
  background: linear-gradient(135deg, #f3bd39 0%, #ff9a1f 100%) !important;
  color: #231300 !important;
  -webkit-text-fill-color: #231300 !important;
  border-color: rgba(255, 216, 146, 0.85) !important;
  box-shadow: 0 .05333rem .2rem rgba(255, 176, 45, 0.28) !important;
}

/* Failed / rejected / cancelled */
.rechargeh__container-content__item-header .check,
.rechargeh__container-content__item-header .fail,
.rechargeh__container-content__item-header .cancel,
.rechargeh__container-content__item-header .stateReject {
  background: linear-gradient(135deg, #ff6e84 0%, #ff3f62 100%) !important;
  color: #fff6f8 !important;
  -webkit-text-fill-color: #fff6f8 !important;
  border-color: rgba(255, 173, 190, 0.75) !important;
  box-shadow: 0 .05333rem .2rem rgba(255, 78, 118, 0.26) !important;
}