/* ==========================================================================
   Aven Partner Console — vibrant theme layer
   Loaded only on become-partner.php / partner-login.php / partner-dashboard.php
   on top of genz-theme.css. Overrides the soft consumer pastel palette with
   a punchier, more saturated set for the "partner console" identity — same
   structural classes (.section/.tile/.lead-panel/.btn-primary etc.) so no
   page markup changes were needed, but nothing here looks like the old
   admin dark theme or the pastel consumer theme.
   ========================================================================== */

:root {
  --bg: #120C22;
  --bg-soft: #1B1338;
  --bg-card: #1E1740;
  --bg-card-hover: #251C4D;
  --line: rgba(255, 255, 255, 0.09);

  --pink: #A855F7;          /* electric violet — primary */
  --pink-light: #C89CFF;
  --pink-dim: rgba(168, 85, 247, 0.22);
  --lime: #00E5A0;          /* vibrant emerald */
  --lime-dim: rgba(0, 229, 160, 0.18);
  --amber: #FF3D9A;         /* hot pink accent */
  --amber-dim: rgba(255, 61, 154, 0.18);
  --teal: #22D3EE;          /* electric cyan */
  --teal-dim: rgba(34, 211, 238, 0.18);
  --sunny: #FFD23F;         /* vibrant yellow */

  --text: #F5F2FF;
  --text-dim: #B6ACDE;
  --text-faint: #7E75A8;

  --shadow-card: 0 2px 14px rgba(0,0,0,0.35), 0 24px 48px -20px rgba(168, 85, 247, 0.45);
}

body { background: radial-gradient(circle at 15% 0%, #241a4d 0%, var(--bg) 55%) fixed; }

/* Marketing/login screens (become-partner.php, partner-login.php) keep the
   normal site-header; restyle it to sit on the dark vibrant background. */
.site-header { background: rgba(18, 12, 34, 0.85); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.site-nav a, .brand-mark { color: var(--text); }
.brand-tag { color: var(--text-faint); }

.eyebrow { color: var(--teal); }
h1, h2, h3 { color: var(--text); }
.lede, .muted, p { color: var(--text-dim); }

.lead-panel, .sheet, .tile, .card {
  background: var(--bg-card);
  border: 1px solid var(--line);
}
.field input, .auth-field input, input[type="text"], input[type="email"], input[type="tel"], select, textarea {
  background: var(--bg-soft) !important;
  border: 2px solid var(--line) !important;
  color: var(--text) !important;
}
.field input::placeholder { color: var(--text-faint); }

.btn-primary {
  background: linear-gradient(135deg, var(--pink) 0%, #7C3AED 50%, var(--amber) 130%) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px -8px rgba(168, 85, 247, 0.65);
}
.btn-primary:hover, .btn-primary:visited, .btn-primary:active, .btn-primary:focus { color: #fff !important; }
.btn-outline { background: var(--bg-soft) !important; border-color: var(--line) !important; color: var(--text) !important; }

/* Partner-dashboard app-shell chrome, restyled dark + vibrant */
.app-bar { background: var(--bg-card); border-bottom: 1px solid var(--line); }
.app-bar-title { color: var(--text); }
.bottom-nav { background: var(--bg-card); border-top: 1px solid var(--line); }
.bottom-nav-item { color: var(--text-faint); }
.bottom-nav-item.active { color: var(--pink-light); }
.bottom-nav-item.active .nav-icon-badge { background: var(--pink-dim); }

.trait-chip { background: var(--teal-dim); color: var(--teal); }

.partner-link-row code {
  background: var(--bg-soft);
  border: 1px solid var(--line);
  color: var(--teal);
}

table { color: var(--text); }
th { color: var(--text-faint); }
td, th { border-color: var(--line) !important; }