/* VIEW EARN V6 — UI visibility & contrast fixes
   Purpose: keep the Emerald theme while making every legacy dark panel readable. */

/* ---------- Auth pages: Login + Signup ---------- */
.auth-page .auth-story,
.auth-page .auth-card{
  color:#F8FAFC !important;
  border-color:rgba(52,211,153,.24) !important;
  background:linear-gradient(145deg,#132238 0%,#263849 58%,#334554 100%) !important;
  box-shadow:0 28px 80px rgba(15,23,42,.18) !important;
}
.auth-page .auth-story h1,
.auth-page .auth-card h1,
.auth-page .auth-card h2,
.auth-page .auth-card h3,
.auth-page .auth-benefits strong{
  color:#F8FAFC !important;
}
.auth-page .auth-story__lead,
.auth-page .auth-card__header p,
.auth-page .auth-benefits span,
.auth-page .auth-trust,
.auth-page .form-field label,
.auth-page .checkbox-field,
.auth-page .auth-login-link,
.auth-page .auth-disclaimer,
.auth-page .field-hint,
.auth-page .password-help,
.auth-page .password-requirements,
.auth-page .auth-muted{
  color:#CBD5E1 !important;
}
.auth-page .auth-eyebrow{
  color:#A7F3D0 !important;
  border-color:rgba(52,211,153,.35) !important;
  background:rgba(16,185,129,.12) !important;
}
.auth-page .auth-benefits li{
  border-color:rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.065) !important;
}
.auth-page .auth-benefits__icon{
  background:rgba(16,185,129,.14) !important;
  color:#6EE7B7 !important;
}
.auth-page .form-control,
.auth-page input[type="text"],
.auth-page input[type="email"],
.auth-page input[type="password"],
.auth-page input[type="tel"],
.auth-page input[type="url"],
.auth-page select,
.auth-page textarea{
  border-color:rgba(148,163,184,.30) !important;
  background:#172538 !important;
  color:#F8FAFC !important;
}
.auth-page .form-control::placeholder,
.auth-page input::placeholder,
.auth-page textarea::placeholder{color:#94A3B8 !important;opacity:1 !important}
.auth-page .form-control:focus,
.auth-page input:focus,
.auth-page select:focus,
.auth-page textarea:focus{
  border-color:#34D399 !important;
  box-shadow:0 0 0 4px rgba(52,211,153,.14) !important;
}
.auth-page .forgot-link,
.auth-page .auth-login-link a,
.auth-page .text-link,
.auth-page a:not(.button){color:#6EE7B7 !important}
.auth-page .forgot-link:hover,
.auth-page .auth-login-link a:hover,
.auth-page a:not(.button):hover{color:#A7F3D0 !important}
.auth-page .auth-divider{color:#94A3B8 !important}
.auth-page .auth-divider::before,
.auth-page .auth-divider::after{background:rgba(203,213,225,.18) !important}
.auth-page .password-toggle{color:#94A3B8 !important}
.auth-page .password-toggle:hover{color:#F8FAFC !important;background:rgba(255,255,255,.08) !important}

/* ---------- Help Center ---------- */
.help-center-page .help-hero,
.help-center-page .help-sidebar,
.help-center-page .faq-panel,
.help-center-page .support-card{
  color:#F8FAFC !important;
}
.help-center-page .help-hero h1,
.help-center-page .help-hero h2,
.help-center-page .faq-summary h2,
.help-center-page .support-card h2,
.help-center-page .help-sidebar h2{
  color:#F8FAFC !important;
}
.help-center-page .help-hero p,
.help-center-page .support-card p,
.help-center-page .faq-summary span,
.help-center-page .empty-faq,
.help-center-page .faq-answer{
  color:#CBD5E1 !important;
}
.help-center-page .category-button{color:#CBD5E1 !important}
.help-center-page .category-button:hover,
.help-center-page .category-button.is-active{color:#FFFFFF !important}
.help-center-page .faq-question{color:#F8FAFC !important}
.help-center-page .help-search input{color:#F8FAFC !important}

/* ---------- Leaderboard ---------- */
.leaderboard-page .leaderboard-hero,
.leaderboard-page .leaderboard-hero-card,
.leaderboard-page .leaderboard-controls,
.leaderboard-page .summary-card,
.leaderboard-page .podium-wrap,
.leaderboard-page .podium-card,
.leaderboard-page .leaderboard-panel,
.leaderboard-page .rank-callout,
.leaderboard-page .leaderboard-note{
  color:#F8FAFC !important;
}
.leaderboard-page .leaderboard-copy h1,
.leaderboard-page .leaderboard-copy h2,
.leaderboard-page .leaderboard-hero-card strong,
.leaderboard-page .hero-mini strong,
.leaderboard-page .summary-card strong,
.leaderboard-page .section-heading-row h2,
.leaderboard-page .leaderboard-panel h2,
.leaderboard-page .empty-state h2,
.leaderboard-page .rank-callout h2,
.leaderboard-page .podium-name,
.leaderboard-page .podium-score,
.leaderboard-page .metric-cell strong,
.leaderboard-page .member-details strong{
  color:#F8FAFC !important;
}
.leaderboard-page .button--ghost{
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.07) !important;
  color:#F8FAFC !important;
}
.leaderboard-page .button--ghost:hover{background:rgba(255,255,255,.12) !important}

/* ---------- Public Discover ---------- */
.discover-page .discover-hero{
  color:#F8FAFC !important;
  min-height:0 !important;
}
.discover-page .discover-hero h1,
.discover-page .discover-main .card h2,
.discover-page .discover-main .note strong{
  color:#F8FAFC !important;
}
.discover-page .discover-main .muted,
.discover-page .discover-main .creator,
.discover-page .discover-main .empty{color:#B9C8DA !important}
.discover-page .discover-main .card{color:#F8FAFC !important}
.discover-page .discover-main .filters .btn{min-height:44px;align-items:center}

/* ---------- Discover & Earn ---------- */
.discover-earn-page .de-hero,
.discover-earn-page .summary > div,
.discover-earn-page .card,
.discover-earn-page .note{
  color:#F8FAFC !important;
}
.discover-earn-page .de-hero h1,
.discover-earn-page .summary strong,
.discover-earn-page .card h2,
.discover-earn-page .card strong,
.discover-earn-page .note strong{
  color:#F8FAFC !important;
}
.discover-earn-page .muted,
.discover-earn-page .status,
.discover-earn-page .empty{color:#B9C8DA !important}

/* ---------- Creator Mode ---------- */
.creator-page .creator-hero,
.creator-page .panel,
.creator-page .stat,
.creator-page .reward-split > div,
.creator-page .video,
.creator-page .checkout-card{
  color:#F8FAFC !important;
}
.creator-page .creator-main h1,
.creator-page .creator-main h2,
.creator-page .creator-main h3,
.creator-page .creator-main strong,
.creator-page .creator-main label{
  color:#F8FAFC !important;
}
.creator-page .creator-main .muted{color:#B9C8DA !important}
.creator-page .creator-main .form input,
.creator-page .creator-main .form select{
  color:#F8FAFC !important;
  background:#071323 !important;
}
.creator-page .creator-main .form input::placeholder{color:#94A3B8 !important}
.creator-page .creator-main a:not(.btn){color:#93C5FD !important}
.creator-page .creator-main .badge{color:#D6F7E9 !important}

/* ---------- Watch & Earn ---------- */
.watch-earn-page .watch-main .campaigns-heading,
.watch-earn-page .watch-main .section-title,
.watch-earn-page .watch-main > section:not(.watch-hero) > h2,
.watch-earn-page .watch-main > div > h2{
  color:#0F172A !important;
}

/* ---------- Wallet dark layout: ensure header links stay readable ---------- */
.wallet-page .site-header:not(.is-scrolled) .nav-link{color:#334155 !important}
.wallet-page .site-header:not(.is-scrolled) .nav-link:hover,
.wallet-page .site-header:not(.is-scrolled) .nav-link.is-active{color:#065F46 !important}

/* ---------- General active navigation ---------- */
.site-header .nav-link.is-active{
  color:#065F46 !important;
  background:rgba(16,185,129,.10) !important;
  box-shadow:inset 0 -2px 0 rgba(4,120,87,.55) !important;
}

@media(max-width:680px){
  .auth-page .auth-story,.auth-page .auth-card{border-radius:22px !important}
  .help-center-page .help-hero{padding:30px 22px !important}
  .discover-page .discover-main,.discover-earn-page .de-main,.creator-page .creator-main{padding-top:6.25rem !important}
}