/* ==========================================
   ZEXARA TEAM OBSIDIAN GOLD V1
   Visual only — Team page
   ========================================== */

html body:not(.admin-route) #root .tv4-page {
  color:#F5F1E9 !important;
  background-color:#101114 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-hero-stack {
  background:transparent !important;
}

/* MAIN CARDS */
html body:not(.admin-route) #root
.tv4-page :is(
  .tv4-hero,
  .tv4-commission,
  .tv4-levels,
  .tv4-referrals
) {
  background:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  background-image:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px rgba(255,255,255,.035)
    !important;
}

/* HERO */
html body:not(.admin-route) #root
.tv4-page .tv4-hero-copy > span {
  color:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-hero-copy h1 {
  color:#F8F6F0 !important;
  -webkit-text-fill-color:#F8F6F0 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-hero-copy p {
  color:#B8BDC6 !important;
}

/* REFERRAL LINK */
html body:not(.admin-route) #root
.tv4-page .tv4-invite {
  background:#11161C !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.25) !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-invite > svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-invite > span {
  color:#CCD0D8 !important;
  -webkit-text-fill-color:#CCD0D8 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-invite button {
  background:#282E37 !important;
  background-image:none !important;
  color:#E5C76E !important;
  border:1px solid rgba(212,175,55,.30) !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-code span {
  color:#AAB3C0 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-code strong {
  color:#D4AF37 !important;
}

/* THREE STATS CARDS */
html body:not(.admin-route) #root
.tv4-page .tv4-stats article {
  background:
    linear-gradient(160deg,#232831,#191E25)
    !important;
  border:1px solid rgba(212,175,55,.18) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)
    !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-stat-icon {
  background:#2C3035 !important;
  color:#D4AF37 !important;
  border:1px solid rgba(212,175,55,.18) !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-stat-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-stats article > strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-stats article > span {
  color:#B6BEC9 !important;
}

/* SECTION HEADERS */
html body:not(.admin-route) #root
.tv4-page .tv4-title-icon {
  background:#272D35 !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.24) !important;
  color:#D4AF37 !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-title-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-section-head span {
  color:#ACB5C2 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-section-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.tv4-page :is(
  .tv4-level-count,
  .tv4-referral-count,
  .tv4-live-pill
) {
  background:#252B33 !important;
  background-image:none !important;
  color:#D4AF37 !important;
  border-color:rgba(212,175,55,.24) !important;
}

/* COMMISSION OVERVIEW */
html body:not(.admin-route) #root
.tv4-page .tv4-commission-value span {
  color:#B7BFC9 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-commission-value strong {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level-summary article {
  background:#20252D !important;
  border-color:rgba(212,175,55,.19) !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level-summary span,
html body:not(.admin-route) #root
.tv4-page .tv4-level-summary small {
  color:#B5BEC9 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level-summary strong {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
}

/* PERFORMANCE LINE */
html body:not(.admin-route) #root
.tv4-page .tv4-performance-line {
  border-bottom-color:rgba(212,175,55,.14)
    !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-performance-line > span {
  background:linear-gradient(
    90deg,
    rgba(212,175,55,.12),
    #D4AF37,
    rgba(212,175,55,.50)
  ) !important;
  box-shadow:0 0 10px rgba(212,175,55,.12)
    !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-performance-line i {
  background:#D4AF37 !important;
}

/* REFERRAL NETWORK */
html body:not(.admin-route) #root
.tv4-page .tv4-level article {
  background:#20252D !important;
  border-color:rgba(212,175,55,.20) !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level article > span,
html body:not(.admin-route) #root
.tv4-page .tv4-level article > small {
  color:#AEB7C4 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level article > strong {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level-node {
  background:#262C35 !important;
  border-color:rgba(212,175,55,.35) !important;
  color:#AEB7C4 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level.unlocked .tv4-level-node {
  background:#272D35 !important;
  border-color:#D4AF37 !important;
  color:#D4AF37 !important;
  box-shadow:0 0 0 4px rgba(212,175,55,.08)
    !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level-line {
  background:repeating-linear-gradient(
    to bottom,
    rgba(212,175,55,.42) 0 5px,
    transparent 5px 10px
  ) !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level-meta span,
html body:not(.admin-route) #root
.tv4-page .tv4-level-note {
  color:#AEB7C4 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-level-meta strong {
  color:#E0E4EA !important;
}

/* TEAM MEMBERS FILTERS */
html body:not(.admin-route) #root
.tv4-page .tv4-filters > svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-filters button {
  background:#242932 !important;
  color:#BFC6D0 !important;
  border-color:rgba(212,175,55,.17) !important;
  box-shadow:none !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-filters button.active {
  background:#343025 !important;
  color:#D4AF37 !important;
  border-color:rgba(212,175,55,.42) !important;
}

/* MEMBER LIST */
html body:not(.admin-route) #root
.tv4-page .tv4-member-list article {
  background:#20252D !important;
  border-color:rgba(212,175,55,.16) !important;
  color:#F5F1E9 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-member-avatar {
  background:#2B3038 !important;
  color:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page :is(
  .tv4-member-info,
  .tv4-member-balance
) {
  color:#F5F1E9 !important;
}

/* EMPTY AND ERROR STATES */
html body:not(.admin-route) #root
.tv4-page :is(.tv4-empty,.tv4-error) {
  background:transparent !important;
  color:#B9C0CA !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-empty-orbit {
  border-color:rgba(212,175,55,.28) !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-empty svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body:not(.admin-route) #root
.tv4-page .tv4-error {
  color:#FFB8B8 !important;
}

/* Minimal entrance */
@keyframes zxTeamRevealV1 {
  from {opacity:0;transform:translateY(7px)}
  to {opacity:1;transform:translateY(0)}
}

html body:not(.admin-route) #root
.tv4-page :is(
  .tv4-hero,
  .tv4-stats,
  .tv4-commission,
  .tv4-levels,
  .tv4-referrals
) {
  animation:zxTeamRevealV1 .35s ease-out both;
}

@media (prefers-reduced-motion:reduce) {
  html body:not(.admin-route) #root
  .tv4-page :is(
    .tv4-hero,.tv4-stats,.tv4-commission,
    .tv4-levels,.tv4-referrals
  ) {
    animation:none !important;
  }
}

/* END ZEXARA TEAM OBSIDIAN GOLD V1 */

/* =======================================
   ZEXARA TEAM BACKGROUND FIX V2
   Only background layers behind Team cards
   ======================================= */

/* Main Team canvas */
html body:not(.admin-route) #root
.tv4-page {
  background:#101114 !important;
  background-image:none !important;
}

/* Hero and cards container */
html body:not(.admin-route) #root
.tv4-page .tv4-hero-stack {
  background:#101114 !important;
  background-image:none !important;
}

/* Gap areas between Team cards */
html body:not(.admin-route) #root
.tv4-page :is(
  .tv4-stats,
  .tv4-level-road,
  .tv4-levels,
  .tv4-referrals
) {
  background-color:#101114;
}

/* Section wrappers: only the outer surfaces */
html body:not(.admin-route) #root
.tv4-page > section:not(
  .tv4-hero,
  .tv4-commission,
  .tv4-levels,
  .tv4-referrals
) {
  background-color:#101114 !important;
}

/* Transparent layer behind the statistic cards */
html body:not(.admin-route) #root
.tv4-page .tv4-stats {
  background:#101114 !important;
  background-image:none !important;
}

/* END ZEXARA TEAM BACKGROUND FIX V2 */

/* =======================================
   ZEXARA TEAM ROAD BACKGROUND FIX V3
   Remove black inner panel in Referral Network
   ======================================= */

html body:not(.admin-route) #root
.tv4-page .tv4-level-road{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
}

/* keep inner area visually clean */
html body:not(.admin-route) #root
.tv4-page .tv4-levels{
  overflow:hidden;
}

/* END ZEXARA TEAM ROAD BACKGROUND FIX V3 */