/* Invite > My Data mobile polish. Keeps all values bound to the existing API. */
.mue_box .agent_level_summary {
  width: calc(100% - .48rem) !important;
  min-height: 0 !important;
  margin: .22rem auto .34rem !important;
  padding: .24rem .18rem .26rem !important;
  overflow: hidden;
  border: .01rem solid rgba(255, 213, 88, .46) !important;
  border-radius: .22rem !important;
  background:
    radial-gradient(circle at 8% 0, rgba(59, 135, 255, .17), transparent 31%),
    linear-gradient(180deg, #0b2048 0%, #061630 52%, #030c20 100%) !important;
  box-shadow: inset 0 0 .24rem rgba(82, 135, 235, .13), 0 .12rem .3rem rgba(0, 0, 0, .25) !important;
}

.mue_box .agent_level_summary > .visaoTitle {
  position: relative;
  display: flex !important;
  align-items: center;
  min-height: .52rem;
  margin: 0 0 .2rem !important;
  padding-left: .22rem;
  color: #fff4bd !important;
  font-size: .3rem !important;
  line-height: .4rem !important;
  letter-spacing: .01rem;
}

.mue_box .agent_level_summary > .visaoTitle::before {
  content: "";
  position: absolute;
  left: 0;
  width: .07rem;
  height: .34rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe582, #d99b1d);
  box-shadow: 0 0 .12rem rgba(255, 213, 88, .45);
}

.mue_box .agent_rebate_table {
  margin-top: 0 !important;
  padding: .12rem !important;
  overflow: visible !important;
  border-color: rgba(255, 213, 88, .34) !important;
  border-radius: .18rem !important;
  background: rgba(1, 9, 26, .54) !important;
  box-sizing: border-box;
}

.mue_box .agent_rebate_head {
  display: none !important;
}

.mue_box .agent_rebate_body {
  grid-template-columns: 1.12fr repeat(3, 1fr) !important;
  min-height: 1.36rem !important;
  margin-top: .12rem;
  overflow: hidden;
  border: .01rem solid rgba(255, 255, 255, .12) !important;
  border-radius: .14rem;
}

.mue_box .agent_rebate_body:first-of-type {
  margin-top: 0;
}

.mue_box .agent_rebate_row > div {
  min-height: 1.34rem;
  padding: .13rem .04rem !important;
  gap: .03rem !important;
  border-left-color: rgba(255, 255, 255, .13) !important;
}

.mue_box .agent_rebate_body::before {
  top: .12rem !important;
  bottom: .12rem !important;
}

.mue_box .agent_rebate_level {
  font-size: .21rem !important;
  line-height: .28rem !important;
}

.mue_box .level_badge {
  min-width: .58rem !important;
  height: .38rem !important;
  margin-bottom: .01rem;
  font-size: .18rem !important;
}

.mue_box .agent_rebate_level small {
  font-size: .15rem !important;
  line-height: .2rem !important;
}

.mue_box .agent_rebate_metric span {
  min-height: .38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(239, 245, 255, .72) !important;
  font-size: .16rem !important;
  line-height: .19rem !important;
}

.mue_box .agent_rebate_row strong {
  font-size: .33rem !important;
  line-height: .4rem !important;
}

.mue_box .reward_extra_panel {
  margin-top: .24rem !important;
  padding-top: .22rem !important;
}

.mue_box .reward_extra_title,
.mue_box .recharge_bonus_head uni-label {
  font-size: .27rem !important;
  line-height: .36rem !important;
}

.mue_box .reward_total_grid,
.mue_box .recharge_bonus_grid {
  gap: .12rem !important;
  margin-top: .16rem !important;
}

.mue_box .reward_total_grid > div,
.mue_box .recharge_bonus_card {
  min-width: 0;
  min-height: 1.28rem !important;
  padding: .16rem .06rem !important;
  border-radius: .13rem !important;
}

.mue_box .reward_total_grid span,
.mue_box .recharge_bonus_card span {
  min-height: .4rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: .17rem !important;
  line-height: .21rem !important;
}

.mue_box .reward_total_grid strong,
.mue_box .recharge_bonus_card strong {
  margin-top: .04rem !important;
  font-size: .34rem !important;
  line-height: .4rem !important;
}

.mue_box .recharge_bonus_panel {
  margin-top: .24rem !important;
  padding: .22rem .14rem .18rem !important;
  border-radius: .17rem !important;
}

.mue_box .recharge_bonus_head {
  align-items: center !important;
}

.mue_box .recharge_bonus_head span {
  max-width: 2.8rem !important;
  font-size: .15rem !important;
  line-height: .2rem !important;
}

.mue_box .recharge_bonus_reward em {
  right: .06rem !important;
  top: .05rem !important;
  max-width: .78rem;
  font-size: .12rem !important;
  line-height: .15rem !important;
}

.mue_box .agent_rebate_spacer {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
}

@media (max-width: 380px) {
  .mue_box .agent_level_summary {
    width: calc(100% - .32rem) !important;
    padding: .2rem .12rem .22rem !important;
  }
  .mue_box .agent_rebate_table {
    padding: .08rem !important;
  }
  .mue_box .agent_rebate_body {
    grid-template-columns: 1.08fr repeat(3, 1fr) !important;
  }
  .mue_box .agent_rebate_metric span,
  .mue_box .reward_total_grid span,
  .mue_box .recharge_bonus_card span {
    font-size: .145rem !important;
  }
}