/* OVIA final hero visibility correction.
   Loaded at the very end of the document so admin/affiliate page-local styles cannot wash out hero text. */
:root{
  --ovia-hero-final-a:#071426;
  --ovia-hero-final-b:#0b2f66;
  --ovia-hero-final-c:#1d4ed8;
  --ovia-hero-final-text:#ffffff;
  --ovia-hero-final-muted:rgba(255,255,255,.88);
  --ovia-hero-final-panel:rgba(7,20,38,.42);
  --ovia-hero-final-panel-border:rgba(255,255,255,.22);
}

/* Main hero surfaces used across admin and affiliate pages. */
.page-hero,.compact-hero,.dashboard-hero,.wallet-hero,.growth-hero,.affiliate-hero,.admin-hero,
.ops-hero,.operations-hero,.readiness-hero,.launch-hero,.compliance-hero,.mission-hero,.rank-hero,
.referral-hero,.ovia-ops-hero,.ovia-ux-hero,.ovia-ux-hero-main,.lr-hero,.gen-hero,.glob-hero,
.intel-hero,.global-hero,.hero[class],section[class*="hero"],div[class*="hero"]{
  background:linear-gradient(135deg,var(--ovia-hero-final-a) 0%,var(--ovia-hero-final-b) 56%,var(--ovia-hero-final-c) 100%)!important;
  color:var(--ovia-hero-final-text)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 22px 54px rgba(2,8,23,.28)!important;
}

/* Preserve layout while making the two-column OVIA enterprise heroes read as one dark hero. */
.ovia-ux-hero{
  border-radius:28px!important;
  padding:0!important;
  overflow:hidden!important;
  gap:0!important;
  align-items:stretch!important;
}
.ovia-ux-hero > .ovia-ux-hero-main,
.ovia-ux-hero > .ovia-ux-card,
.ovia-ux-hero .ovia-ux-card,
.lr-hero > .lr-score-card,
.ovia-ops-hero > .ovia-ops-score,
[class*="hero"] > [class*="card"],
[class*="hero"] > [class*="panel"],
[class*="hero"] [class*="score-card"],
[class*="hero"] [class*="summary-card"],
[class*="hero"] [class*="metric-card"]{
  background:linear-gradient(180deg,rgba(15,35,65,.64),rgba(7,20,38,.48))!important;
  color:#fff!important;
  border-color:var(--ovia-hero-final-panel-border)!important;
  box-shadow:none!important;
}
.ovia-ux-hero > .ovia-ux-hero-main{border-radius:28px 0 0 28px!important;border-right:1px solid rgba(255,255,255,.14)!important;}
.ovia-ux-hero > .ovia-ux-card{border-radius:0 28px 28px 0!important;}

/* Text inside hero zones must remain bright. */
[class*="hero"] h1,[class*="hero"] h2,[class*="hero"] h3,[class*="hero"] h4,
[class*="hero"] h5,[class*="hero"] h6,[class*="hero"] strong,[class*="hero"] b,
[class*="hero"] .ovia-ux-title,[class*="hero"] .title,[class*="hero"] [class*="title"]{
  color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.25)!important;
}
[class*="hero"] p,[class*="hero"] small,[class*="hero"] .ovia-ux-subtitle,[class*="hero"] .subtitle,
[class*="hero"] [class*="subtitle"],[class*="hero"] [class*="muted"],[class*="hero"] .note,
[class*="hero"] [class*="note"],[class*="hero"] .label,[class*="hero"] [class*="label"]{
  color:var(--ovia-hero-final-muted)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}

/* Eyebrows/pills stay visible on the dark background. */
[class*="hero"] .eyebrow,[class*="hero"] [class*="eyebrow"],.ovia-ux-eyebrow,.ovia-ops-eyebrow,.lr-eyebrow,
[class*="hero"] .pill,[class*="hero"] [class*="pill"],.ovia-ux-pill,.ovia-ops-pill{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
}
[class*="hero"] .good,[class*="hero"] .ok,[class*="hero"] .success{
  background:rgba(34,197,94,.18)!important;
  color:#dcfce7!important;
  border-color:rgba(134,239,172,.40)!important;
}
[class*="hero"] .warn,[class*="hero"] .warning{
  background:rgba(245,158,11,.18)!important;
  color:#fef3c7!important;
  border-color:rgba(253,230,138,.44)!important;
}

/* Hero action buttons remain white cards with dark labels, matching the reference UI. */
[class*="hero"] .btn,[class*="hero"] a[class*="btn"],[class*="hero"] button,
.ovia-ux-hero .ovia-ux-btn,.ovia-ops-hero .ovia-ops-action,.lr-hero .btn,.lr-hero a[class*="btn"]{
  background:#fff!important;
  color:#071426!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:0 12px 26px rgba(2,8,23,.20)!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
[class*="hero"] .btn *,[class*="hero"] a[class*="btn"] *,[class*="hero"] button *,
.ovia-ux-hero .ovia-ux-btn *,.ovia-ops-hero .ovia-ops-action *{
  color:inherit!important;
  text-shadow:none!important;
}

/* Progress bars inside heroes. */
[class*="hero"] .ovia-ux-progress,[class*="hero"] .lr-score-bar,[class*="hero"] [class*="progress"]{
  background:rgba(255,255,255,.20)!important;
}
[class*="hero"] .ovia-ux-progress span,[class*="hero"] .lr-score-fill,[class*="hero"] [class*="progress"] span{
  background:linear-gradient(90deg,#60a5fa,#22d3ee)!important;
}

/* Prevent navigation/action labels from splitting into individual letters. */
.sidebar a,.sidebar button,.topbar a,.topbar button,.btn,.btn-primary,.btn-secondary,.btn-danger,
.ovia-ux-btn,.ovia-ops-action,.quick-actions a,.quick-actions button,.nav-pill,.menu-link{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media(max-width:900px){
  .ovia-ux-hero{grid-template-columns:1fr!important;border-radius:24px!important;}
  .ovia-ux-hero > .ovia-ux-hero-main,.ovia-ux-hero > .ovia-ux-card{border-radius:0!important;border-right:0!important;}
  .ovia-ux-hero > .ovia-ux-hero-main:first-child{border-radius:24px 24px 0 0!important;}
  .ovia-ux-hero > .ovia-ux-card:last-child{border-radius:0 0 24px 24px!important;}
}

/* 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;
}