/* ==================================================================
   TEAM REPORT TABLES — premium + responsive pass (2026-07-28)

   Scope: TeamPartner (.partner-rule-table), TeamReport
   (.TeamReport__C-body-item), MyInvitation
   (.myInvitation__container-content__item), MyCommission
   (.myCommission__container-content__item), Subordinate
   (.subordinate__container-content__item). Selectors + their
   data-v-XXXXXXXX scopes were confirmed against the actual compiled
   CSS/JS for each page (not guessed) so these overrides target real,
   present classes. Purely additive polish (color/border/shadow/
   spacing/overflow-safety) — no layout-mode properties are touched
   since the underlying display mode of each compiled component
   wasn't independently re-verified live; this keeps the change
   low-risk while still reading as one cohesive premium system across
   all five pages.

   One shared visual language, reused across all five:
     - card surface  #15171d (var(--bg_color_L2)), hairline border
       rgba(255,255,255,.07), soft shadow for depth
     - header/label bar tinted with the app's blue accent
     - .28rem radius, consistent padding rhythm
     - tap feedback via :active brightness dip
     - any potentially-wide row wrapped safely with horizontal
       scroll so it can never blow out the page on a narrow phone
   ================================================================== */

/* ---- TeamPartner: reward-tier table ---- */
.partner-rule-table[data-v-28c19aaa] {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-width: 100% !important;
  border-radius: .28rem !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.30) !important;
}
.partner-rule-table .head[data-v-28c19aaa] {
  background: linear-gradient(180deg, rgba(20,120,255,.22), rgba(20,120,255,.08)) !important;
  font-weight: 700 !important;
}
.partner-rule-table .item[data-v-28c19aaa] {
  transition: background-color .15s ease;
}
.partner-rule-table .item[data-v-28c19aaa]:nth-child(even) {
  background: rgba(255,255,255,.02) !important;
}
.partner-rule-table .item[data-v-28c19aaa]:active {
  background: rgba(20,120,255,.10) !important;
}
.partner-rule-table .item .right .line>div[data-v-28c19aaa]:last-of-type {
  font-weight: 700 !important;
  color: #ffd75e !important;
}

/* ---- TeamReport: per-member level breakdown cards ---- */
.TeamReport__C-body-item[data-v-10d1559c] {
  background: var(--bg_color_L2) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: .28rem !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
  transition: transform .1s ease, box-shadow .1s ease;
}
.TeamReport__C-body-item[data-v-10d1559c]:active {
  transform: translateY(1px);
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}
.TeamReport__C-body-item-head[data-v-10d1559c] {
  background: linear-gradient(90deg, rgba(20,120,255,.24), rgba(20,120,255,.06)) !important;
  font-weight: 700 !important;
}
.TeamReport__C-body-item-detail-commission[data-v-10d1559c] {
  color: #ffd75e !important;
  font-weight: 700 !important;
}

/* ---- MyInvitation: invitee cards ---- */
.myInvitation__container-content__item[data-v-4e84c70a] {
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.28) !important;
  border-radius: .28rem !important;
  transition: box-shadow .15s ease;
}
.myInvitation__container-content__item[data-v-4e84c70a]:active {
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}
.myInvitation__container-content__item-header span[data-v-4e84c70a] {
  background: linear-gradient(180deg, #1478ff, #0d5fd6) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ---- MyCommission: commission record cards ---- */
.myCommission__container-content__item[data-v-5659d99c] {
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
  transition: box-shadow .15s ease;
}
.myCommission__container-content__item[data-v-5659d99c]:active {
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}
.myCommission__container-content__item-header[data-v-5659d99c] {
  background: linear-gradient(90deg, #1478ff, #0d5fd6) !important;
  font-weight: 700 !important;
}
.myCommission__container-content__item-header .detail[data-v-5659d99c] {
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* ---- Subordinate: direct-referral list rows ---- */
.subordinate__container-content__item[data-v-221aa0df] {
  background: var(--bg_color_L2) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: .24rem !important;
  margin-bottom: .16rem !important;
  transition: background-color .15s ease;
}
.subordinate__container-content__item[data-v-221aa0df]:active {
  background: rgba(20,120,255,.10) !important;
}
.subordinate__container-header[data-v-221aa0df] {
  font-weight: 700 !important;
  color: var(--text_color_L1) !important;
}

/* ---- shared safety net: any of the five pages' outer content
   container gets a horizontal-scroll guard so a wider-than-expected
   row can never push the whole app sideways on a narrow phone ---- */
.TeamReport__C[data-v-10d1559c],
.myInvitation__container-content[data-v-4e84c70a],
.myCommission__container-content[data-v-5659d99c],
.subordinate__container-content[data-v-221aa0df] {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}