/* ═══ $100B PREMIUM — RevShare (scoped to #revshare) ═══
   RevShare is HEAVILY gold-themed (dark navy-gold hero, 5 gold level
   badges, gold accent text throughout). This block converts the entire
   section to the ZOOM blue $100B palette while keeping all information
   hierarchy intact. Uses globally-defined @keyframes z100bCardGlow. */

/* ── HERO: dark navy-gold gradient → premium white glass with animated blue glow ── */
#revshare .ai-section > div[style*="linear-gradient(135deg, #0f0c00"],
#revshare .ai-section > div[style*="linear-gradient(135deg,#0f0c00"] {
  background: linear-gradient(145deg, rgba(255,255,255,0.94), rgba(0,101,241,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 14px 40px rgba(0,101,241,0.08) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
#revshare .ai-section > div[style*="linear-gradient(135deg, #0f0c00"]::before,
#revshare .ai-section > div[style*="linear-gradient(135deg,#0f0c00"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 2 !important;
}
/* Hero radial-glow decorations (gold halos) — re-tint to blue */
#revshare [style*="radial-gradient(circle,rgba(201,168,76"],
#revshare [style*="radial-gradient(circle, rgba(201,168,76"] {
  background: radial-gradient(circle, rgba(0,101,241,0.10) 0%, transparent 70%) !important;
}

/* ── 5 LEVEL BADGES ── */
/* Level 1 "Direct" — the featured badge with stronger gold gradient → premium ZOOM blue */
#revshare [style*="linear-gradient(135deg,rgba(201,168,76,0.25)"],
#revshare [style*="linear-gradient(135deg, rgba(201,168,76,0.25)"] {
  background: linear-gradient(135deg, rgba(0,101,241,0.18), rgba(0,101,241,0.06)) !important;
  border: 1px solid rgba(0,101,241,0.45) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,101,241,0.15) !important;
}
#revshare [style*="linear-gradient(135deg,rgba(201,168,76,0.25)"]::before,
#revshare [style*="linear-gradient(135deg, rgba(201,168,76,0.25)"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
/* Levels 2–5 smaller badges (gold tint 0.06) */
#revshare [style*="background:rgba(201,168,76,0.06)"],
#revshare [style*="background: rgba(201,168,76,0.06)"] {
  background: rgba(0,101,241,0.05) !important;
  border-color: rgba(0,101,241,0.22) !important;
}
#revshare [style*="border:1px solid rgba(201,168,76,0.2)"],
#revshare [style*="border: 1px solid rgba(201,168,76,0.2)"],
#revshare [style*="border:1px solid rgba(201,168,76,0.35)"],
#revshare [style*="border: 1px solid rgba(201,168,76,0.35)"],
#revshare [style*="border:1px solid rgba(201,168,76,0.4)"],
#revshare [style*="border: 1px solid rgba(201,168,76,0.4)"] {
  border-color: rgba(0,101,241,0.25) !important;
}
#revshare [style*="border:1px solid rgba(201,168,76,0.3)"],
#revshare [style*="border: 1px solid rgba(201,168,76,0.3)"] {
  border-color: rgba(0,101,241,0.28) !important;
}

/* ── Gold text tokens → ZOOM blue ── */
#revshare [style*="color:var(--gold)"], #revshare [style*="color: var(--gold)"],
#revshare [style*="color:var(--gold-light)"], #revshare [style*="color: var(--gold-light)"],
#revshare [style*="color:#c9a84c"], #revshare [style*="color: #c9a84c"],
#revshare [style*="color:#C9A84C"], #revshare [style*="color: #C9A84C"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* ── Text colors: forced dark on light ── */
#revshare [style*="color:var(--white)"], #revshare [style*="color: var(--white)"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
#revshare [style*="color:var(--white-dim"], #revshare [style*="color: var(--white-dim"],
#revshare [style*="color:var(--text-muted"], #revshare [style*="color: var(--text-muted"],
#revshare [style*="color:var(--muted"], #revshare [style*="color: var(--muted"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ── Tabs (.inner-tab, 9 tabs in RevShare) — premium active + inactive ── */
#revshare .inner-tab {
  background: rgba(255,255,255,0.72) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border: 0.5px solid rgba(0,101,241,0.10) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
#revshare .inner-tab:hover {
  background: rgba(0,101,241,0.06) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  border-color: rgba(0,101,241,0.22) !important;
}
#revshare .inner-tab.active {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 6s ease-in-out infinite !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
}
#revshare .inner-tab.active * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ── Hero 4 stat cards (.stat-card) — already global-styled, add glow ── */
#revshare .stat-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  border-radius: 14px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 20px rgba(0,101,241,0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#revshare .stat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
#revshare .stat-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.10), 0 12px 32px rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.22) !important;
}

/* ── Gold `.btn-gold` + gold gradient buttons → ZOOM blue ── */
#revshare .btn-gold,
#revshare button[style*="linear-gradient(135deg,rgba(201,168,76"],
#revshare button[style*="linear-gradient(135deg, rgba(201,168,76"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.24) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
#revshare .btn-gold:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(0,101,241,0.32) !important; }
#revshare .btn-gold * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* Alt-blue (#1A7FE8 / 26,127,232) accent → ZOOM blue (Career Path tab panel is alt-blue themed) */
#revshare [style*="color:#1A7FE8"], #revshare [style*="color: #1A7FE8"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#revshare [style*="border:1px solid rgba(26,127,232"],
#revshare [style*="border: 1px solid rgba(26,127,232"] {
  border-color: rgba(0,101,241,0.25) !important;
}

/* ── Dark #0 / #1 solid backgrounds inside panels (for elements the HTML
   patches below haven't touched yet / future JS-rendered content) ── */
#revshare div[style*="background:#0d0f14"],
#revshare div[style*="background: #0d0f14"],
#revshare div[style*="background:#080a0e"],
#revshare div[style*="background: #080a0e"],
#revshare div[style*="background:#151820"],
#revshare div[style*="background: #151820"] {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(0,101,241,0.14) !important;
  color: #111827 !important;
}

/* Inputs / selects / textareas */
#revshare input, #revshare select, #revshare textarea {
  background: rgba(255,255,255,0.96) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: rgba(0,101,241,0.18) !important;
}
#revshare input::placeholder, #revshare textarea::placeholder { color: #9ca3af !important; -webkit-text-fill-color: #9ca3af !important; }
#revshare input:focus, #revshare select:focus, #revshare textarea:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}

/* Dark hairline borders */
#revshare [style*="border:1px solid #1e2028"],
#revshare [style*="border: 1px solid #1e2028"],
#revshare [style*="border:1px solid #2a2d38"],
#revshare [style*="border: 1px solid #2a2d38"] {
  border-color: rgba(0,101,241,0.18) !important;
}

/* Milestone achieved state — "Not yet achieved" chips get subtle blue wash */
#revshare [id^="rs-mile-"] {
  background: rgba(0,101,241,0.04) !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
}

/* Downline Tree container — will render JS-generated nodes; make sure it
   reads on a light page */
#revshare #rs-tree-container { color: #111827 !important; }

/* Statement/Annual report output boxes — already lightish (#fafafa) — keep */
/* Just make sure the print-button dark bg is fixed */
#revshare [id="rs-stmt-print"], #revshare [id="rs-annual-print"] {
  background: rgba(0,101,241,0.06) !important;
  border: 0.5px solid rgba(0,101,241,0.28) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}
#revshare [id="rs-stmt-print"]:hover, #revshare [id="rs-annual-print"]:hover {
  background: rgba(0,101,241,0.10) !important;
  border-color: rgba(0,101,241,0.40) !important;
}

/* Lifestyle projection box (proj-lifestyle) */
#revshare #proj-lifestyle {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 8px 24px rgba(0,101,241,0.07) !important;
}
#revshare #proj-lifestyle::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}

/* Career Path panel — alt-blue tint container becomes premium blue glass */
#revshare div[style*="background:rgba(255,255,255,0.96)"][style*="border:1px solid rgba(26,127,232"] {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.20) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 28px rgba(0,101,241,0.07) !important;
}

/* ═══════════════════════════════════════════════════════════════
   ROUND 2 — Dan's 10 screenshots identified ghost white text.
   Root cause: #revshare is NOT in the global text-color override
   block at line 3477 (which covers #webinar/#empire/#templates).
   Force all text dark + fix .ai-panel-title and stat-values.
   ═══════════════════════════════════════════════════════════════ */

/* Base text color — force dark for every descendant (lowest-specificity
   text rule; accent-color rules above this win via higher specificity) */
#revshare, #revshare * {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── Section header titles (6 tabs use .ai-panel-title; was white+shadow) ── */
#revshare .ai-panel-title, #revshare .section-heading {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-shadow: none !important;
}
#revshare .ai-panel-subtitle, #revshare .section-sub {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ── 4 hero stat cards (.stat-value was ghost; force dark bold) ── */
#revshare .stat-value, #revshare .zoom-gci-value {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-weight: 900 !important;
}
#revshare .stat-label, #revshare .stat-change {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ── RE-APPLY accent color overrides (after the blanket dark rule above,
   these need to re-win for the gold→blue / muted→gray palette) ── */
#revshare [style*="color:var(--gold)"], #revshare [style*="color: var(--gold)"],
#revshare [style*="color:var(--gold-light)"], #revshare [style*="color: var(--gold-light)"],
#revshare [style*="color:#c9a84c"], #revshare [style*="color: #c9a84c"],
#revshare [style*="color:#C9A84C"], #revshare [style*="color: #C9A84C"] {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}
#revshare [style*="color:var(--white-dim"], #revshare [style*="color: var(--white-dim"],
#revshare [style*="color:var(--text-muted"], #revshare [style*="color: var(--text-muted"],
#revshare [style*="color:var(--muted"], #revshare [style*="color: var(--muted"],
#revshare [style*="color:var(--dim"], #revshare [style*="color: var(--dim"] {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ── color:#fff on inputs/selects/textareas/spans → dark (formula values etc.) ── */
#revshare input[style*="color:#fff"], #revshare input[style*="color: #fff"],
#revshare select[style*="color:#fff"], #revshare select[style*="color: #fff"],
#revshare textarea[style*="color:#fff"], #revshare textarea[style*="color: #fff"],
#revshare span[style*="color:#fff"], #revshare span[style*="color: #fff"],
#revshare div[style*="color:#fff"], #revshare div[style*="color: #fff"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
/* Career Path / ROI / Statement form fields with dark #080a0e bg */
#revshare input[style*="background:#080a0e"], #revshare input[style*="background: #080a0e"],
#revshare select[style*="background:#080a0e"], #revshare select[style*="background: #080a0e"],
#revshare textarea[style*="background:#080a0e"], #revshare textarea[style*="background: #080a0e"] {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(0,101,241,0.18) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── .ai-panel (tab panel containers) — premium glass + animated glow ── */
#revshare .ai-panel {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 28px rgba(0,101,241,0.07) !important;
  border-radius: 16px !important;
}
#revshare .ai-panel::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}

/* ── 4 Milestone cards (#rs-milestones-grid) — premium glass with glow + hover ── */
#revshare #rs-milestones-grid > div {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  border-radius: 14px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 6px 20px rgba(0,101,241,0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#revshare #rs-milestones-grid > div::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 4s ease-in-out infinite !important;
  z-index: 1 !important;
}
#revshare #rs-milestones-grid > div:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.10), 0 12px 32px rgba(0,101,241,0.08) !important;
}

/* ── FAQ list items (#faq-list — JS-rendered) ── */
#revshare #faq-list > div {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 4px 14px rgba(0,101,241,0.05) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
#revshare #faq-list > div:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(0,101,241,0.25) !important;
  box-shadow: 0 3px 12px rgba(0,101,241,0.10), 0 8px 20px rgba(0,101,241,0.07) !important;
}

/* ── Downline tree level circle badges (JS: border:2px solid lvl.color;
     background:linear-gradient(135deg,lvl.color33,lvl.color11);color:lvl.color).
     The lvl.color values come from RS_LEVELS and are typically gold-family.
     Force the 5 level circles to ZOOM blue. ── */
#revshare #rs-tree-container div[style*="border-radius:50%"] {
  border-color: #0065f1 !important;
  background: linear-gradient(135deg, rgba(0,101,241,0.20), rgba(0,101,241,0.06)) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  box-shadow: 0 2px 10px rgba(0,101,241,0.15) !important;
}
/* Downline agent cards — hover lift */
#revshare #rs-tree-container div[style*="var(--black-card)"] {
  background: rgba(255,255,255,0.98) !important;
  border-color: rgba(0,101,241,0.12) !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
#revshare #rs-tree-container div[style*="var(--black-card)"]:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0,101,241,0.28) !important;
  box-shadow: 0 4px 12px rgba(0,101,241,0.10), 0 10px 24px rgba(0,101,241,0.07) !important;
}

/* ── Form labels → ZOOM blue uppercase ── */
#revshare .form-group label, #revshare label {
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ── "Share Milestone" purple gradient button → ZOOM blue ── */
#revshare button[style*="linear-gradient(135deg,#7C4DFF"],
#revshare button[style*="linear-gradient(135deg, #7C4DFF"] {
  background: linear-gradient(135deg, #0055d4, #0065f1) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.24) !important;
}
#revshare button[style*="linear-gradient(135deg,#7C4DFF"] *,
#revshare button[style*="linear-gradient(135deg, #7C4DFF"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Hero hero title gradient fallback (H1 text was inheriting default white) */
#revshare .ai-section > div[style*="linear-gradient"] > div[style*="font-family:var(--font-display"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* Safety: "RevShare" emphasized span in hero (gold) already caught above,
   but `<strong style="color:var(--white)">` wraps key phrases — re-assert dark */
#revshare strong { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }