/* OVIA HERO VISIBILITY MASTER FIX - Admin and affiliate hero sections.
   Purpose: every hero block uses a dark background and white/readable text. */
:root{
  --ovia-hero-dark-1:#061426;
  --ovia-hero-dark-2:#0b2f66;
  --ovia-hero-dark-3:#1d4ed8;
  --ovia-hero-white:#ffffff;
  --ovia-hero-soft:#eaf2ff;
  --ovia-hero-muted:rgba(255,255,255,.86);
  --ovia-hero-panel:rgba(7,20,38,.55);
  --ovia-hero-panel-2:rgba(15,35,65,.66);
  --ovia-hero-border:rgba(255,255,255,.22);
}

body .content .page-hero,
body .content .compact-hero,
body .content .dashboard-hero,
body .content .wallet-hero,
body .content .growth-hero,
body .content .affiliate-hero,
body .content .admin-hero,
body .content .ops-hero,
body .content .operations-hero,
body .content .readiness-hero,
body .content .launch-hero,
body .content .compliance-hero,
body .content .mission-hero,
body .content .rank-hero,
body .content .referral-hero,
body .content .audit-hero,
body .content .auto-hero,
body .content .cycle-hero,
body .content .fin-hero,
body .content .aff-hero,
body .content .ai-coach-hero,
body .content .admin-ai,
body .content .ovia-ops-hero,
body .content .ovia-ux-hero,
body .content .ovia-ux-hero-main,
body .content .lr-hero,
body .content .gen-hero,
body .content .glob-hero,
body .content .intel-hero,
body .content .global-hero,
body .content .hero,
body .content section[class*="hero"],
body .content div[class*="hero"]{
  background:linear-gradient(135deg,var(--ovia-hero-dark-1) 0%,var(--ovia-hero-dark-2) 55%,var(--ovia-hero-dark-3) 100%) !important;
  color:var(--ovia-hero-white) !important;
  border-color:var(--ovia-hero-border) !important;
  box-shadow:0 22px 54px rgba(2,8,23,.30) !important;
}

body .content [class*="hero"] h1,
body .content [class*="hero"] h2,
body .content [class*="hero"] h3,
body .content [class*="hero"] h4,
body .content [class*="hero"] h5,
body .content [class*="hero"] h6,
body .content [class*="hero"] strong,
body .content [class*="hero"] b,
body .content [class*="hero"] .title,
body .content [class*="hero"] [class*="title"],
body .content [class*="hero"] .heading,
body .content [class*="hero"] [class*="heading"],
body .content [class*="hero"] .kpi,
body .content [class*="hero"] .amount,
body .content [class*="hero"] [class*="amount"]{
  color:var(--ovia-hero-white) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}

body .content [class*="hero"] p,
body .content [class*="hero"] span,
body .content [class*="hero"] small,
body .content [class*="hero"] label,
body .content [class*="hero"] em,
body .content [class*="hero"] li,
body .content [class*="hero"] .subtitle,
body .content [class*="hero"] [class*="subtitle"],
body .content [class*="hero"] .subhero,
body .content [class*="hero"] .muted,
body .content [class*="hero"] [class*="muted"],
body .content [class*="hero"] .note,
body .content [class*="hero"] [class*="note"],
body .content [class*="hero"] .label,
body .content [class*="hero"] [class*="label"],
body .content [class*="hero"] .eyebrow,
body .content [class*="hero"] [class*="eyebrow"]{
  color:var(--ovia-hero-muted) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
}

body .content [class*="hero"] .eyebrow,
body .content [class*="hero"] [class*="eyebrow"],
body .content [class*="hero"] .pill,
body .content [class*="hero"] [class*="pill"],
body .content [class*="hero"] .badge,
body .content [class*="hero"] [class*="badge"]{
  background:rgba(255,255,255,.14) !important;
  color:var(--ovia-hero-white) !important;
  border-color:rgba(255,255,255,.28) !important;
}

body .content [class*="hero"] .card,
body .content [class*="hero"] [class*="card"],
body .content [class*="hero"] .panel,
body .content [class*="hero"] [class*="panel"],
body .content [class*="hero"] .summary,
body .content [class*="hero"] [class*="summary"],
body .content [class*="hero"] .score,
body .content [class*="hero"] [class*="score"],
body .content [class*="hero"] .metric,
body .content [class*="hero"] [class*="metric"],
body .content [class*="hero"] .stat,
body .content [class*="hero"] [class*="stat"],
body .content [class*="hero"] .tile,
body .content [class*="hero"] [class*="tile"]{
  background:linear-gradient(180deg,var(--ovia-hero-panel-2),var(--ovia-hero-panel)) !important;
  color:var(--ovia-hero-white) !important;
  border-color:var(--ovia-hero-border) !important;
  box-shadow:none !important;
}

body .content [class*="hero"] input,
body .content [class*="hero"] select,
body .content [class*="hero"] textarea{
  background:#fff !important;
  color:#061426 !important;
  border-color:rgba(255,255,255,.65) !important;
  text-shadow:none !important;
}

body .content [class*="hero"] input::placeholder,
body .content [class*="hero"] textarea::placeholder{
  color:#64748b !important;
  text-shadow:none !important;
}

body .content [class*="hero"] a,
body .content [class*="hero"] a:visited{
  color:#dbeafe !important;
}

body .content [class*="hero"] .btn,
body .content [class*="hero"] a[class*="btn"],
body .content [class*="hero"] button{
  background:#fff !important;
  color:#061426 !important;
  border-color:rgba(255,255,255,.80) !important;
  text-shadow:none !important;
  box-shadow:0 12px 26px rgba(2,8,23,.22) !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

body .content [class*="hero"] .btn *,
body .content [class*="hero"] a[class*="btn"] *,
body .content [class*="hero"] button *{
  color:inherit !important;
  text-shadow:none !important;
}

body .content [class*="hero"] .progress,
body .content [class*="hero"] [class*="progress"],
body .content [class*="hero"] .bar,
body .content [class*="hero"] [class*="bar"]{
  background:rgba(255,255,255,.18) !important;
}

body .content [class*="hero"] .progress span,
body .content [class*="hero"] [class*="progress"] span,
body .content [class*="hero"] .bar span,
body .content [class*="hero"] [class*="bar"] span{
  background:linear-gradient(90deg,#60a5fa,#22d3ee) !important;
}