/*
 * Investment Suite — Luxury Overhaul v1.0
 * Complete site-wide premium design layer.
 * Loads last — safely overrides earlier layers.
 */

/* ═══════════════════════════════════════════
   1. GLOBAL TOKENS & RESETS
   ═══════════════════════════════════════════ */
:root {
  --lx-gold:        #ffb51b;
  --lx-gold-light:  #ffd36b;
  --lx-gold-pale:   #fff4cc;
  --lx-gold-dim:    rgba(255,181,27,.14);
  --lx-navy-0:      #010c17;
  --lx-navy-1:      #02101c;
  --lx-navy-2:      #041625;
  --lx-navy-3:      #071e31;
  --lx-navy-4:      #0c2d42;
  --lx-navy-5:      #133549;
  --lx-blue-rim:    rgba(126,183,214,.14);
  --lx-blue-rim-hi: rgba(126,183,214,.28);
  --lx-green:       #6fddaa;
  --lx-red:         #ff7e7e;
  --lx-text:        #edf3f7;
  --lx-muted:       #7f9aaa;
  --lx-dim:         #4d6e80;
  --lx-radius-sm:   10px;
  --lx-radius:      16px;
  --lx-radius-lg:   22px;
  --lx-radius-xl:   28px;
  --lx-shadow-sm:   0 4px 16px rgba(0,0,0,.22);
  --lx-shadow:      0 14px 40px rgba(0,0,0,.30);
  --lx-shadow-lg:   0 28px 72px rgba(0,0,0,.38);
  --lx-shadow-gold: 0 8px 28px rgba(255,181,27,.22);
  --lx-trans:       all .22s cubic-bezier(.22,.68,0,1.2);
  --lx-trans-fast:  all .15s ease;
}

/* Custom scrollbar — dark premium */
::-webkit-scrollbar                { width: 6px; height: 6px; }
::-webkit-scrollbar-track          { background: var(--lx-navy-1); }
::-webkit-scrollbar-thumb          { background: rgba(126,183,214,.22); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover    { background: rgba(255,181,27,.45); }

/* Text selection */
::selection { background: rgba(255,181,27,.22); color: #fff8e8; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* ═══════════════════════════════════════════
   1b. BRAND LOGO IMAGE — EVERY CONTEXT
   ═══════════════════════════════════════════ */

/* Sidebar & public sitebar brand mark */
.is-brand-mark {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 36px !important;
  height: 36px !important;
  flex: none !important;
}
.is-brand-logo {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: contain;
  /* remove black background — logo has transparency */
  mix-blend-mode: normal;
}

/* Brand name two-tone — "Dolphin" white, "Dive" gold */
.is-brand-word-1 {
  color: #f0f6fa;
  font-weight: 600;
}
.is-brand-word-2 {
  color: #f3bd3d;
  font-weight: 700;
}

/* In sidebar, logo is slightly smaller */
.is-portal-sidebar .is-brand-mark { width: 32px !important; height: 32px !important; }
.is-portal-sidebar .is-brand-logo  { width: 32px; height: 32px; }

/* Public sitebar — slightly larger */
.is-sitebar:not(.is-portal-sidebar .is-sitebar) .is-brand-mark { width: 38px !important; height: 38px !important; }
.is-sitebar:not(.is-portal-sidebar .is-sitebar) .is-brand-logo  { width: 38px; height: 38px; }

/* Footer brand mark */
.is-public-footer .is-brand-mark { width: 34px !important; height: 34px !important; }
.is-public-footer .is-brand-logo  { width: 34px; height: 34px; }

/* Admin WP heading mark — show logo */
.is-admin-mark {
  display: grid !important;
  place-items: center !important;
  width: 60px !important;
  height: 60px !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important; /* hide any fallback text */
}
.is-admin-logo-img {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: contain;
}

/* Admin mark responsive */
@media (max-width: 600px) {
  .is-admin-mark { width: 46px !important; height: 46px !important; }
  .is-admin-logo-img { width: 46px; height: 46px; }
}

/* Gateway / home page mark — use logo when present */
.is-home-gateway-mark {
  background: transparent !important;
  box-shadow: none !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 0 !important;
  font-size: 0 !important; /* hide any text inside */
}
.is-home-gateway-mark img,
.is-home-gateway-mark .is-brand-logo {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
@media (max-width: 520px) {
  .is-home-gateway-mark { width: 64px !important; height: 64px !important; }
  .is-home-gateway-mark img,
  .is-home-gateway-mark .is-brand-logo { width: 64px; height: 64px; }
}

/* ═══════════════════════════════════════════
   2. TYPOGRAPHY — SHARPER, MORE REFINED
   ═══════════════════════════════════════════ */
body.is-investment-app {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background: var(--lx-navy-1) !important;
}

.is-investment-app h1,
.is-investment-app h2,
.is-investment-app h3 {
  font-feature-settings: "ss01","cv11";
  text-wrap: balance;
}

/* Eyebrow labels — sharper, more uppercase */
.is-eyebrow {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--lx-gold) !important;
}

/* ═══════════════════════════════════════════
   3. BUTTONS — PREMIUM SHIMMER SYSTEM
   ═══════════════════════════════════════════ */
.is-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 11px 20px !important;
  border: none;
  border-radius: var(--lx-radius-sm) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .025em;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: var(--lx-trans) !important;
  overflow: hidden;
}

/* Primary gold button */
.is-button:not(.is-button-outline):not(.is-button-ghost) {
  background: linear-gradient(135deg, #ffc93a 0%, #e9960a 100%) !important;
  color: #1a1000 !important;
  box-shadow: var(--lx-shadow-gold) !important;
}

/* Shimmer sweep on hover */
.is-button:not(.is-button-outline):not(.is-button-ghost)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.22) 50%, transparent 65%);
  transform: translateX(-100%);
  transition: transform .55s ease;
}
.is-button:not(.is-button-outline):not(.is-button-ghost):hover::after {
  transform: translateX(100%);
}
.is-button:not(.is-button-outline):not(.is-button-ghost):hover {
  background: linear-gradient(135deg, #ffd35c 0%, #f0a820 100%) !important;
  box-shadow: 0 12px 36px rgba(255,181,27,.38), 0 0 0 1px rgba(255,220,80,.3) !important;
  transform: translateY(-2px);
}
.is-button:not(.is-button-outline):not(.is-button-ghost):active {
  transform: translateY(0);
  box-shadow: var(--lx-shadow-gold) !important;
}

/* Outline variant */
.is-button.is-button-outline {
  background: transparent !important;
  border: 1px solid rgba(255,181,27,.42) !important;
  color: var(--lx-gold) !important;
  box-shadow: none !important;
}
.is-button.is-button-outline:hover {
  background: rgba(255,181,27,.1) !important;
  border-color: rgba(255,181,27,.7) !important;
  transform: translateY(-1px);
}

/* Ghost / subtle variant */
.is-button.is-button-ghost {
  background: rgba(255,255,255,.05) !important;
  color: var(--lx-text) !important;
  box-shadow: none !important;
}
.is-button.is-button-ghost:hover {
  background: rgba(255,255,255,.09) !important;
}

/* ═══════════════════════════════════════════
   4. FORM INPUTS — CLEAN & FOCUSED
   ═══════════════════════════════════════════ */
.is-form input[type="text"],
.is-form input[type="email"],
.is-form input[type="number"],
.is-form input[type="password"],
.is-form input[type="tel"],
.is-form input[type="url"],
.is-form input[type="file"],
.is-form select,
.is-form textarea,
.is-admin-portal-settings input,
.is-admin-fee-form input,
.is-admin-fee-form select,
.is-admin-danger-portal input {
  width: 100%;
  padding: 12px 14px !important;
  background: rgba(2,10,20,.55) !important;
  border: 1px solid rgba(126,183,214,.18) !important;
  border-radius: var(--lx-radius-sm) !important;
  color: var(--lx-text) !important;
  font: inherit;
  font-size: 12px;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
  outline: none !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.18) !important;
}

.is-form input:focus,
.is-form select:focus,
.is-form textarea:focus,
.is-admin-portal-settings input:focus,
.is-admin-fee-form input:focus,
.is-admin-fee-form select:focus,
.is-admin-danger-portal input:focus {
  border-color: rgba(255,181,27,.55) !important;
  box-shadow: 0 0 0 3px rgba(255,181,27,.1), inset 0 2px 6px rgba(0,0,0,.12) !important;
  background: rgba(2,14,26,.7) !important;
}

.is-form input::placeholder,
.is-form textarea::placeholder {
  color: var(--lx-dim) !important;
}

/* Labels */
.is-field-label,
.is-admin-portal-settings label,
.is-admin-fee-form label,
.is-admin-danger-portal label {
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--lx-muted) !important;
  margin-bottom: 6px !important;
}

/* ═══════════════════════════════════════════
   5. CARDS — GLASSMORPHISM + DEPTH
   ═══════════════════════════════════════════ */
.is-card,
.is-form-card,
.is-active-investment,
.is-wallet-hero,
.is-history-hero {
  background: linear-gradient(145deg, rgba(15,46,66,.88), rgba(4,18,32,.94)) !important;
  border: 1px solid var(--lx-blue-rim) !important;
  border-radius: var(--lx-radius) !important;
  box-shadow: var(--lx-shadow) !important;
  transition: transform .25s cubic-bezier(.22,.68,0,1.1), border-color .2s, box-shadow .2s !important;
  backdrop-filter: blur(4px);
}

.is-card:hover,
.is-form-card:hover,
.is-active-investment:hover {
  border-color: rgba(255,181,27,.34) !important;
  box-shadow: var(--lx-shadow-lg), 0 0 0 1px rgba(255,181,27,.06) !important;
  transform: translateY(-3px) !important;
}

/* Card heading hierarchy */
.is-card-heading h2,
.is-card-heading h3 {
  letter-spacing: -.055em !important;
  line-height: .98 !important;
}
.is-card-heading p {
  color: var(--lx-muted) !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  margin: 6px 0 0 !important;
}
.is-card-link {
  font-size: 10px !important;
  font-weight: 750 !important;
  color: var(--lx-gold) !important;
  text-decoration: none !important;
  letter-spacing: .04em;
  transition: color .15s !important;
}
.is-card-link:hover { color: var(--lx-gold-pale) !important; }

/* ═══════════════════════════════════════════
   6. LANDING / GATEWAY PAGE
   ═══════════════════════════════════════════ */
.is-home-gateway {
  background:
    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(20,72,95,.65), transparent),
    radial-gradient(ellipse 40% 30% at 85% 90%, rgba(255,181,27,.06), transparent),
    linear-gradient(165deg, #010f1a 0%, #01101d 55%, #000c14 100%) !important;
}

/* Animated ambient orbs */
.is-home-gateway-glow {
  width: 600px !important;
  height: 600px !important;
  background: rgba(255,181,27,.07) !important;
  filter: blur(120px) !important;
  animation: lx-pulse 8s ease-in-out infinite;
}
@keyframes lx-pulse {
  0%, 100% { opacity: .7; transform: scale(1); }
  50%       { opacity: 1;  transform: scale(1.08); }
}

/* Second ambient orb */
.is-home-gateway::after {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(30,90,130,.12);
  filter: blur(90px);
  left: -120px;
  bottom: -80px;
  pointer-events: none;
  animation: lx-pulse 11s ease-in-out infinite reverse;
}

.is-home-gateway-card {
  padding: 54px 50px 48px !important;
  border-radius: var(--lx-radius-xl) !important;
  background: linear-gradient(160deg, rgba(14,46,66,.96) 0%, rgba(3,17,30,.98) 100%) !important;
  border: 1px solid rgba(126,183,214,.24) !important;
  box-shadow: var(--lx-shadow-lg), 0 0 0 1px rgba(255,181,27,.05), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(24px) !important;
}

.is-home-gateway-mark {
  width: 64px !important;
  height: 64px !important;
  border-radius: 20px 20px 20px 6px !important;
  background: linear-gradient(145deg, #ffe28b, #d99212) !important;
  font-size: 27px !important;
  box-shadow: 0 16px 40px rgba(255,181,27,.30), inset 0 1px 0 rgba(255,255,255,.3) !important;
  margin-bottom: 28px !important;
}

.is-home-gateway-card h1 {
  font-size: clamp(2.2rem, 5.5vw, 3.6rem) !important;
  line-height: .96 !important;
  letter-spacing: -.08em !important;
  margin: 20px auto 14px !important;
  color: #f8fbfd !important;
}

.is-home-gateway-card p {
  font-size: 13px !important;
  line-height: 1.75 !important;
  color: #a4bdc8 !important;
  max-width: 380px !important;
}

.is-home-gateway-actions {
  margin-top: 32px !important;
  gap: 11px !important;
}
.is-home-gateway-actions .is-button {
  min-width: 160px !important;
  min-height: 44px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
}

/* Trust badges row below gateway card */
.is-home-gateway-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin-top: 28px;
  flex-wrap: wrap;
}
.is-home-gateway-trust span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 700;
  color: var(--lx-dim);
  letter-spacing: .04em;
}

/* ═══════════════════════════════════════════
   7. PORTAL SIDEBAR — POLISHED RAIL
   ═══════════════════════════════════════════ */

/* Sidebar container */
.is-portal-sidebar {
  background: linear-gradient(180deg, #031423 0%, #020e1b 100%) !important;
  border-right: 1px solid rgba(126,183,214,.08) !important;
}

/* Sitebar (top header inside sidebar) */
.is-portal-sidebar .is-sitebar {
  background: transparent !important;
  border-bottom: 1px solid rgba(126,183,214,.08);
  height: 68px !important;
  padding: 0 18px !important;
}

/* Brand mark — logo only, no background */
.is-portal-sidebar .is-brand-mark {
  width: 34px !important;
  height: 34px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

/* Nav section labels */
.is-sidebar-section > span {
  font-size: 9px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #3e5c70 !important;
  padding: 18px 12px 6px !important;
  display: block;
}

/* Nav links */
.is-sidebar-section a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  margin: 1px 8px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6a8799 !important;
  text-decoration: none !important;
  transition: var(--lx-trans-fast) !important;
  border: 1px solid transparent !important;
  letter-spacing: -.005em;
}
.is-sidebar-section a:hover {
  background: rgba(126,183,214,.07) !important;
  color: #c4d8e4 !important;
  border-color: transparent !important;
}
.is-sidebar-section a.is-sidebar-active {
  background: rgba(8,42,65,.85) !important;
  color: #e8f2f7 !important;
  font-weight: 650 !important;
  border-color: rgba(126,183,214,.12) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.25) !important;
}

/* Gold left-edge indicator */
.is-sidebar-section a.is-sidebar-active::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 22%;
  bottom: 22%;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--lx-gold);
  box-shadow: 0 0 12px rgba(255,181,27,.55);
}

/* Sidebar icon wrap */
.is-sidebar-section a > .is-sidebar-icon,
.is-sidebar-section a > .is-inline-icon {
  flex: none !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: rgba(126,183,214,.05) !important;
  color: #5d7e91 !important;
  transition: background .15s, color .15s !important;
}
.is-sidebar-section a > .is-sidebar-icon .is-inline-icon,
.is-sidebar-section a > .is-inline-icon { width: 16px !important; height: 16px !important; }
.is-sidebar-section a:hover > .is-sidebar-icon,
.is-sidebar-section a:hover > .is-inline-icon {
  background: rgba(126,183,214,.11) !important;
  color: #9bbccb !important;
}
.is-sidebar-section a.is-sidebar-active > .is-sidebar-icon,
.is-sidebar-section a.is-sidebar-active > .is-inline-icon {
  background: rgba(255,181,27,.12) !important;
  color: var(--lx-gold) !important;
}

/* Danger link */
.is-sidebar-danger-link { color: #e06060 !important; }
.is-sidebar-danger-link > .is-sidebar-icon,
.is-sidebar-danger-link > .is-inline-icon {
  background: rgba(220,50,50,.07) !important;
  color: #e06060 !important;
}

/* Sidebar footer */
.is-sidebar-footer {
  padding: 14px 16px !important;
  border-top: 1px solid rgba(126,183,214,.07) !important;
  background: transparent !important;
}
.is-sidebar-email { font-size: 10px !important; color: #4d6675 !important; }

/* ═══════════════════════════════════════════
   8. PORTAL TOP-BAR (SITEBAR)
   ═══════════════════════════════════════════ */
.is-portal-layout .is-sitebar:not(.is-portal-sidebar .is-sitebar) {
  background: rgba(1,12,23,.88) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(126,183,214,.08) !important;
}

/* ═══════════════════════════════════════════
   9. STAT CARDS — DASHBOARD KPIs
   ═══════════════════════════════════════════ */
.is-stat-card {
  position: relative;
  background: linear-gradient(145deg, rgba(13,42,62,.92), rgba(3,16,32,.96)) !important;
  border: 1px solid rgba(126,183,214,.15) !important;
  border-radius: var(--lx-radius) !important;
  box-shadow: var(--lx-shadow) !important;
  transition: transform .25s cubic-bezier(.22,.68,0,1.1), border-color .2s, box-shadow .2s !important;
  overflow: hidden;
}
.is-stat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.025) 0%, transparent 60%);
  pointer-events: none;
}
.is-stat-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,181,27,.44) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.32), 0 0 0 1px rgba(255,181,27,.07) !important;
}
.is-stat-feature {
  border-color: rgba(255,181,27,.40) !important;
  background: linear-gradient(145deg, #173a52, #0b2540) !important;
  box-shadow: 0 16px 44px rgba(255,181,27,.10) !important;
}
.is-stat-feature > strong {
  color: var(--lx-gold-light) !important;
}
.is-stat-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #8aabbf !important;
}

/* Large KPI number */
.is-stat-card > strong {
  font-size: clamp(1.5rem, 2.8vw, 2rem) !important;
  font-weight: 750 !important;
  letter-spacing: -.06em !important;
  color: #eef4f8 !important;
  line-height: 1 !important;
  display: block;
}
.is-stat-card > small {
  font-size: 10px !important;
  color: var(--lx-muted) !important;
}

/* ═══════════════════════════════════════════
   10. ACTIVE INVESTMENT CARD
   ═══════════════════════════════════════════ */
.is-active-investment {
  background: linear-gradient(120deg, #082b40 0%, #0d2f38 100%) !important;
  border-color: rgba(126,183,214,.18) !important;
}
.is-active-heading h3 {
  font-size: clamp(2.2rem, 4.8vw, 3.2rem) !important;
  letter-spacing: -.075em !important;
  line-height: .97 !important;
}

/* Progress bar */
.is-progress {
  height: 6px !important;
  border-radius: 99px !important;
  background: rgba(126,183,214,.12) !important;
  overflow: hidden;
}
.is-progress-fill {
  height: 100% !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, #ffb51b, #ffd36b) !important;
  box-shadow: 0 0 12px rgba(255,181,27,.4) !important;
  transition: width .8s cubic-bezier(.22,.68,0,1.1) !important;
}

/* ═══════════════════════════════════════════
   11. ACTIVITY / HISTORY ROWS
   ═══════════════════════════════════════════ */
.is-activity-item,
.is-history-event {
  background: linear-gradient(135deg, rgba(15,44,62,.58), rgba(3,18,33,.68)) !important;
  border: 1px solid rgba(126,183,214,.1) !important;
  border-radius: 12px !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .18s, background .18s !important;
}
.is-activity-item:hover,
.is-history-event:hover {
  transform: translateX(4px) !important;
  border-color: rgba(255,181,27,.40) !important;
  background: linear-gradient(135deg, rgba(22,60,80,.78), rgba(5,22,38,.85)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
}
.is-activity-icon,
.is-history-event-icon {
  border-radius: 10px !important;
}

/* ═══════════════════════════════════════════
   12. REFERRAL CARD
   ═══════════════════════════════════════════ */
.is-referral-card {
  background: linear-gradient(145deg, #163e52, #092b40) !important;
  border-color: rgba(255,181,27,.34) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.25), 0 0 0 1px rgba(255,181,27,.06) !important;
}
.is-referral-code {
  border-color: rgba(255,205,94,.25) !important;
  background: rgba(1,10,20,.5) !important;
  font-family: ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, monospace !important;
  font-size: 11px !important;
  letter-spacing: .04em;
}
.is-copy-icon:hover {
  background: rgba(255,181,27,.28) !important;
  transform: scale(1.1) !important;
}

/* ═══════════════════════════════════════════
   13. TEAM / ORG CHART
   ═══════════════════════════════════════════ */
.is-team-member {
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(18,50,70,.9), rgba(6,22,38,.95)) !important;
  border-color: rgba(126,183,214,.14) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .18s, box-shadow .18s !important;
}
.is-team-member:hover,
.is-team-member:focus-within {
  transform: translateY(-3px) !important;
  border-color: rgba(255,181,27,.55) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}
.is-team-root-member {
  border-color: rgba(255,181,27,.50) !important;
  background: linear-gradient(145deg, #183f50, #0c2e3d) !important;
}
.is-team-avatar {
  background: linear-gradient(145deg, #ffd36b, #c98a0a) !important;
  color: #1a0e00 !important;
  font-weight: 850 !important;
  box-shadow: 0 4px 12px rgba(255,181,27,.24) !important;
}
.is-team-popover {
  background: #050f1c !important;
  border-color: rgba(255,181,27,.35) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.48) !important;
  border-radius: 13px !important;
}

/* ═══════════════════════════════════════════
   14. PAYMENT / DEPOSIT CARDS
   ═══════════════════════════════════════════ */
.is-payment-account {
  background: linear-gradient(145deg, rgba(14,40,58,.8), rgba(4,18,32,.85)) !important;
  border-color: rgba(126,183,214,.15) !important;
  border-radius: 13px !important;
  transition: transform .2s, border-color .2s, box-shadow .2s !important;
}
.is-payment-account:has(input:checked) {
  border-color: var(--lx-gold) !important;
  box-shadow: 0 0 0 1px rgba(255,181,27,.2), 0 14px 36px rgba(0,0,0,.18) !important;
  transform: translateY(-2px) !important;
  background: linear-gradient(145deg, rgba(32,70,80,.9), rgba(8,30,48,.95)) !important;
}
.is-payment-side {
  background: linear-gradient(145deg, #122f43, #08213a) !important;
  border-color: rgba(126,183,214,.18) !important;
  border-radius: 15px !important;
  box-shadow: var(--lx-shadow) !important;
}
.is-security-note {
  border-color: rgba(126,183,214,.12) !important;
  color: rgba(255,181,27,.85) !important;
  font-size: 10px !important;
}

/* ═══════════════════════════════════════════
   15. RANK PAGE
   ═══════════════════════════════════════════ */
.is-rank-hero {
  background: linear-gradient(140deg, #163e50, #092437) !important;
  border-color: rgba(255,181,27,.40) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.28), 0 0 0 1px rgba(255,181,27,.05) !important;
}
.is-rank-hero h2 {
  letter-spacing: -.08em !important;
}

/* ═══════════════════════════════════════════
   16. WALLET SECTION
   ═══════════════════════════════════════════ */
.is-transfer-hero {
  background: linear-gradient(135deg, #0a3148, #062038) !important;
  border-color: rgba(126,183,214,.18) !important;
  box-shadow: var(--lx-shadow) !important;
}
.is-wallet-card-deposit,
.is-wallet-card-transfer {
  border-color: rgba(255,181,27,.28) !important;
  background: linear-gradient(145deg, #163a46, #0a2a38) !important;
}

/* ═══════════════════════════════════════════
   17. ADMIN WORKSPACE — CONTROL ROOM
   ═══════════════════════════════════════════ */

/* Overview hero banner */
.is-admin-workspace-view .is-admin-portal-heading {
  background: linear-gradient(135deg, #0f3e53 0%, #082538 55%, #041928 100%) !important;
  border-color: rgba(255,181,27,.30) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.28), 0 0 0 1px rgba(255,181,27,.04) !important;
}

/* Metric stat cards */
.is-admin-workspace-view .is-admin-overview-stat {
  background: linear-gradient(145deg, #0c3347, #061f32) !important;
  border-color: rgba(126,183,214,.16) !important;
  box-shadow: var(--lx-shadow) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .2s, box-shadow .2s !important;
}
.is-admin-workspace-view .is-admin-overview-stat:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,181,27,.38) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.30) !important;
}
.is-admin-workspace-view .is-admin-stat-accent {
  border-color: rgba(255,181,27,.32) !important;
  background: linear-gradient(145deg, #0e3f4e, #062a3d) !important;
  box-shadow: 0 14px 38px rgba(255,181,27,.10) !important;
}

/* Queue cards */
.is-admin-workspace-view .is-admin-queue-card {
  background: linear-gradient(145deg, #072d42, #03192c) !important;
  border-color: rgba(126,183,214,.17) !important;
  box-shadow: var(--lx-shadow) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .2s !important;
}
.is-admin-workspace-view .is-admin-queue-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255,181,27,.32) !important;
}

/* Queue action button */
.is-admin-workspace-view .is-admin-queue-button {
  background: linear-gradient(135deg, #ffc93a, #e9960a) !important;
  box-shadow: var(--lx-shadow-gold) !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  position: relative;
  overflow: hidden;
}
.is-admin-workspace-view .is-admin-queue-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.22) 50%, transparent 65%);
  transform: translateX(-100%);
  transition: transform .55s ease;
}
.is-admin-workspace-view .is-admin-queue-button:hover::after {
  transform: translateX(100%);
}
.is-admin-workspace-view .is-admin-queue-button:hover {
  background: linear-gradient(135deg, #ffd35c, #f0a820) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(255,181,27,.35) !important;
}

/* Lower activity cards */
.is-admin-workspace-view .is-admin-lower-card {
  background: linear-gradient(145deg, #072d42, #03192c) !important;
  border-color: rgba(126,183,214,.15) !important;
  box-shadow: var(--lx-shadow) !important;
}

/* Activity list items */
.is-admin-workspace-view .is-admin-activity-list li {
  border-color: rgba(126,183,214,.09) !important;
  transition: background .18s !important;
  padding: 9px 0 !important;
}
.is-admin-workspace-view .is-admin-activity-list li:hover {
  background: rgba(126,183,214,.04) !important;
  border-radius: 8px;
  padding: 9px 8px !important;
  margin: 0 -8px !important;
}

/* ═══════════════════════════════════════════
   18. ADMIN PORTAL TABS
   ═══════════════════════════════════════════ */
.is-admin-portal-tabs {
  background: rgba(2,10,22,.80) !important;
  border-color: rgba(126,183,214,.12) !important;
  border-radius: 15px !important;
  backdrop-filter: blur(12px) !important;
  gap: 4px !important;
  padding: 6px !important;
}
.is-admin-portal-tabs a {
  border-radius: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
  transition: var(--lx-trans-fast) !important;
  padding: 10px 14px !important;
}
.is-admin-portal-tabs a:hover {
  background: rgba(126,183,214,.08) !important;
  color: #c4d8e4 !important;
}
.is-admin-portal-tabs a.is-admin-tab-active {
  background: linear-gradient(135deg, #ffc93a, #e9960a) !important;
  color: #1a1000 !important;
  box-shadow: var(--lx-shadow-gold) !important;
}

/* ═══════════════════════════════════════════
   19. ADMIN PORTAL — HEADING & QUICK GRID
   ═══════════════════════════════════════════ */
.is-admin-portal-heading {
  background: linear-gradient(135deg, #133a4c, #082536) !important;
  border-color: rgba(255,181,27,.28) !important;
  box-shadow: var(--lx-shadow) !important;
  border-radius: var(--lx-radius) !important;
}
.is-admin-portal-heading h2 {
  letter-spacing: -.075em !important;
}

.is-admin-quick-grid > a {
  background: linear-gradient(145deg, rgba(12,40,58,.9), rgba(3,18,32,.96)) !important;
  border-color: rgba(126,183,214,.13) !important;
  border-radius: 15px !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .18s, box-shadow .18s !important;
}
.is-admin-quick-grid > a:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,181,27,.45) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.25) !important;
}
.is-admin-quick-grid > a > span {
  background: rgba(255,181,27,.1) !important;
  border-radius: 10px !important;
  color: var(--lx-gold) !important;
}

/* ═══════════════════════════════════════════
   20. TABLES — PREMIUM ROWS
   ═══════════════════════════════════════════ */
.widefat,
.is-admin-portal-table table {
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 3px !important;
}
.widefat thead th,
.is-admin-portal-table thead th {
  background: rgba(2,14,26,.9) !important;
  color: #5d7e91 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 11px 14px !important;
}
.widefat tbody tr,
.is-admin-portal-table tbody tr {
  background: linear-gradient(135deg, rgba(12,38,55,.7), rgba(3,15,26,.75)) !important;
  transition: background .15s !important;
}
.widefat tbody tr:hover,
.is-admin-portal-table tbody tr:hover {
  background: linear-gradient(135deg, rgba(18,55,76,.85), rgba(5,22,36,.88)) !important;
}
.widefat tbody td,
.is-admin-portal-table tbody td {
  border: none !important;
  border-top: 1px solid rgba(126,183,214,.07) !important;
  padding: 13px 14px !important;
  color: #cde0e9 !important;
  font-size: 12px !important;
  vertical-align: middle !important;
}

/* Status badges in tables */
.is-status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 9px !important;
  border-radius: 99px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* ═══════════════════════════════════════════
   21. NOTIFICATION CENTER
   ═══════════════════════════════════════════ */
.is-notification-center {
  box-shadow: var(--lx-shadow-lg) !important;
  border-color: rgba(126,183,214,.16) !important;
  background: linear-gradient(145deg, #0a2538, #05172a) !important;
  border-radius: var(--lx-radius) !important;
  backdrop-filter: blur(20px) !important;
}
.is-notification-toast {
  background: linear-gradient(135deg, #143547, #082438) !important;
  border-color: rgba(255,181,27,.32) !important;
  box-shadow: var(--lx-shadow-lg) !important;
  border-radius: 13px !important;
}

/* ═══════════════════════════════════════════
   22. NOTICES / ALERTS
   ═══════════════════════════════════════════ */
.is-notice {
  border-radius: 12px !important;
  border-width: 1px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  padding: 14px 16px !important;
}

/* ═══════════════════════════════════════════
   23. PLAN / PACKAGE CARDS
   ═══════════════════════════════════════════ */
.is-plan-card,
.is-rate-card,
.is-rank-list > li,
.is-rate-list > li {
  background: linear-gradient(145deg, rgba(12,38,58,.88), rgba(3,16,30,.94)) !important;
  border-color: rgba(126,183,214,.15) !important;
  border-radius: 16px !important;
  box-shadow: var(--lx-shadow) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .2s, box-shadow .2s !important;
}
.is-plan-card:hover,
.is-rate-card:hover,
.is-rank-list > li:hover,
.is-rate-list > li:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,181,27,.38) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.30) !important;
}

/* How-it-works steps */
.is-how-steps > div {
  background: linear-gradient(145deg, rgba(12,40,60,.88), rgba(3,18,32,.94)) !important;
  border-color: rgba(126,183,214,.14) !important;
  border-radius: 16px !important;
  box-shadow: var(--lx-shadow) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .18s !important;
}
.is-how-steps > div:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,181,27,.35) !important;
}

/* ═══════════════════════════════════════════
   24. PUBLIC FOOTER
   ═══════════════════════════════════════════ */
.is-public-footer {
  border-color: rgba(126,183,214,.1) !important;
  color: var(--lx-muted) !important;
}
.is-public-footer nav a:hover { color: var(--lx-gold) !important; }
.is-public-footer .is-brand { font-weight: 800; letter-spacing: -.02em; }

/* ═══════════════════════════════════════════
   RANKS & REWARDS — PORTAL UI POLISH
   Visual-only layer. Keeps the existing markup,
   links, data and interaction behavior unchanged.
   ═══════════════════════════════════════════ */
.is-portal-page .is-portal-main > .is-rank-hero {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 30px !important;
  padding: 31px 32px 27px !important;
  overflow: hidden;
  border: 1px solid rgba(255,181,27,.42) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(255,194,67,.17), transparent 25%),
    radial-gradient(circle at 5% 115%, rgba(74,170,187,.13), transparent 34%),
    linear-gradient(135deg, #163f51 0%, #0d2d42 48%, #061c30 100%) !important;
  box-shadow:
    0 25px 60px rgba(0,0,0,.27),
    0 0 0 1px rgba(255,181,27,.04),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.is-portal-page .is-portal-main > .is-rank-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 260px;
  height: 260px;
  right: -94px;
  bottom: -142px;
  border: 1px solid rgba(255,211,107,.18);
  border-radius: 50%;
  box-shadow:
    0 0 0 20px rgba(255,181,27,.025),
    0 0 0 42px rgba(255,181,27,.018);
  pointer-events: none;
}
.is-portal-page .is-rank-hero-top {
  align-items: center;
  gap: 18px;
  min-width: 0;
}
.is-portal-page .is-rank-hero-top > div {
  min-width: 0;
}
.is-portal-page .is-rank-hero-icon {
  width: 62px;
  height: 62px;
  flex: none;
  border: 1px solid rgba(255,246,207,.42);
  border-radius: 18px;
  background: linear-gradient(145deg, #ffe49a 0%, #f7bc35 48%, #d48b0a 100%);
  color: #352100;
  box-shadow:
    0 14px 28px rgba(255,181,27,.21),
    inset 0 1px 0 rgba(255,255,255,.48);
}
.is-portal-page .is-rank-hero-icon .is-inline-icon {
  width: 31px;
  height: 31px;
  stroke-width: 1.8;
}
.is-portal-page .is-rank-hero .is-eyebrow {
  color: #f6c85d;
  font-size: 9px;
  letter-spacing: .14em;
}
.is-portal-page .is-rank-hero h2 {
  max-width: 560px;
  margin: 10px 0 8px !important;
  color: #fbfdff;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  line-height: .98;
  letter-spacing: -.075em !important;
  text-wrap: balance;
}
.is-portal-page .is-rank-hero p {
  margin: 0;
  color: #b6cbd3;
  font-size: 11px;
  line-height: 1.55;
}
.is-portal-page .is-rank-status {
  top: 27px;
  right: 29px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.is-portal-page .is-rank-status-progress {
  color: #2b1c00;
  background: linear-gradient(135deg, #ffd873, #f1aa18);
}
.is-portal-page .is-rank-status-done {
  color: #062117;
  background: linear-gradient(135deg, #a6efc1, #63d597);
}
.is-portal-page .is-rank-progress {
  position: relative;
  max-width: none;
  margin: 28px 0 0;
  padding-top: 22px;
  border-top: 1px solid rgba(173,214,222,.16);
}
.is-portal-page .is-rank-progress .is-progress-label {
  margin-bottom: 10px;
}
.is-portal-page .is-rank-progress .is-progress-label span {
  color: #b6cbd3;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .03em;
}
.is-portal-page .is-rank-progress .is-progress-label strong {
  color: #ffd36b;
  font-size: 11px;
}
.is-portal-page .is-rank-progress .is-progress-large {
  height: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(1,14,26,.62);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.28);
}
.is-portal-page .is-rank-progress .is-progress-large span {
  min-width: 8px;
  background: linear-gradient(90deg, #e49a18 0%, #ffd36b 52%, #fff0a7 100%);
  box-shadow: 0 0 16px rgba(255,197,67,.32);
}
.is-portal-page .is-rank-progress small {
  margin-top: 10px;
  color: #9eb8c3;
  font-size: 10px;
  line-height: 1.55;
}
.is-portal-page .is-rank-hero + .is-section-intro {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 18px;
  padding: 0 3px;
}
.is-portal-page .is-rank-hero + .is-section-intro .is-eyebrow {
  color: #f1bb42;
}
.is-portal-page .is-rank-hero + .is-section-intro h2 {
  margin: 9px 0 7px;
  color: #f7fbfd;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  line-height: 1;
  letter-spacing: -.065em;
}
.is-portal-page .is-rank-hero + .is-section-intro p {
  max-width: 620px;
  margin: 0;
  color: #849eab;
  font-size: 11px;
  line-height: 1.65;
}
.is-portal-page .is-portal-main > .is-rank-list {
  width: 100%;
  max-width: 900px;
  margin: 0 auto !important;
  display: grid;
  gap: 10px;
}
.is-portal-page .is-rank-list .is-rank-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px !important;
  min-height: 79px;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(126,183,214,.15) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(115deg, rgba(15,48,67,.92), rgba(5,25,41,.96)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.13) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.2), border-color .22s, box-shadow .22s, background .22s !important;
}
.is-portal-page .is-rank-list .is-rank-card:hover {
  transform: translateY(-3px) translateX(0) !important;
  border-color: rgba(255,181,27,.48) !important;
  background: linear-gradient(115deg, rgba(22,64,79,.98), rgba(6,30,47,.98)) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.24), 0 0 0 1px rgba(255,181,27,.06) !important;
}
.is-portal-page .is-rank-card .is-rank-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,211,107,.22);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,181,27,.17), rgba(255,181,27,.06));
  color: #ffd36b;
}
.is-portal-page .is-rank-card .is-rank-icon .is-inline-icon {
  width: 23px;
  height: 23px;
}
.is-portal-page .is-rank-card > div {
  display: grid !important;
  min-width: 0;
  gap: 5px !important;
}
.is-portal-page .is-rank-card > div strong {
  color: #f2f8fa;
  font-size: 13px;
  line-height: 1.15;
}
.is-portal-page .is-rank-card > div small {
  overflow: hidden;
  color: #8da7b3;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.is-portal-page .is-rank-card > b {
  margin-left: 12px;
  color: #f2bd45;
  font-size: 11px !important;
  line-height: 1.25;
  text-align: right;
  white-space: nowrap;
}
.is-portal-page .is-rank-list .is-rank-card.is-rank-achieved {
  border-color: rgba(125,225,165,.34) !important;
  background: linear-gradient(115deg, rgba(12,54,61,.95), rgba(5,29,42,.97)) !important;
}
.is-portal-page .is-rank-card.is-rank-achieved .is-rank-icon {
  border-color: rgba(125,225,165,.28);
  background: linear-gradient(145deg, rgba(125,225,165,.18), rgba(125,225,165,.06));
  color: #91ebb0;
}
.is-portal-page .is-rank-card.is-rank-achieved > b {
  color: #8fe6ad;
}
@media(max-width:850px) {
  .is-portal-page .is-portal-main > .is-rank-hero,
  .is-portal-page .is-rank-hero + .is-section-intro,
  .is-portal-page .is-portal-main > .is-rank-list {
    max-width: none;
  }
}

/* ═══════════════════════════════════════════
   FINAL PRODUCTION UI/UX POLISH
   ═══════════════════════════════════════════ */

/* Keep the public entry point visually anchored while scrolling. */
.is-investment-app .is-shell.is-landing > .is-sitebar {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(2, 16, 28, .94) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
}

/* Make every interactive control comfortable on touch screens. */
.is-investment-app button,
.is-investment-app a.is-button,
.is-investment-app input,
.is-investment-app select,
.is-investment-app textarea {
  -webkit-tap-highlight-color: transparent;
}

.is-investment-app button:focus-visible,
.is-investment-app a:focus-visible,
.is-investment-app input:focus-visible,
.is-investment-app select:focus-visible,
.is-investment-app textarea:focus-visible {
  outline: 3px solid rgba(255, 211, 107, .72) !important;
  outline-offset: 3px;
}

.is-investment-app .is-site-nav a,
.is-investment-app .is-sidebar-section a,
.is-investment-app .is-sidebar-footer a,
.is-investment-app .is-public-footer nav a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
}

/* Home page: make the investment story scannable without tiny supporting copy. */
.is-investment-app .is-hero-investment-card {
  padding: clamp(24px, 4vw, 34px) !important;
}

.is-investment-app .is-hero-investment-card .is-plan-label,
.is-investment-app .is-hero-investment-card .is-mini-row,
.is-investment-app .is-hero-investment-card .is-mini-muted {
  font-size: 14px !important;
}

.is-investment-app .is-landing-plan {
  padding: clamp(24px, 4vw, 34px) !important;
}

.is-investment-app .is-landing-plan h3 {
  line-height: 1 !important;
}

.is-investment-app .is-landing-plan h3 small {
  font-size: 13px !important;
}

.is-investment-app .is-landing-plan .is-plan-rate strong {
  font-size: 2rem !important;
}

.is-investment-app .is-landing-plan .is-plan-details {
  gap: 14px !important;
}

.is-investment-app .is-landing-plan .is-plan-details span,
.is-investment-app .is-landing-plan .is-plan-details strong {
  font-size: 14px !important;
}

.is-investment-app .is-landing-plan li {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.is-investment-app .is-how-steps > div strong,
.is-investment-app .is-how-steps > div p {
  font-size: 15px !important;
}

.is-investment-app .is-landing-faq summary {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

.is-investment-app .is-landing-cta h2,
.is-investment-app .is-section-intro h2 {
  line-height: .98 !important;
}

/* Auth: keep the logo and form hierarchy balanced on narrow screens. */
.is-investment-app .is-auth-card .is-eyebrow {
  line-height: 1.4;
}

.is-investment-app .is-auth-card .is-form label {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.is-investment-app .is-auth-card .is-form input,
.is-investment-app .is-auth-card .is-form select {
  min-height: 54px !important;
  font-size: 16px !important;
}

.is-investment-app .is-auth-card .is-button {
  min-height: 56px !important;
  font-size: 14px !important;
}

/* Investor portal: readable detail text without making the dashboard noisy. */
.is-investment-app .is-dashboard-view .is-card p,
.is-investment-app .is-dashboard-view .is-active-investment p,
.is-investment-app .is-dashboard-view .is-activity-main p,
.is-investment-app .is-dashboard-view .is-activity-meta,
.is-investment-app .is-dashboard-view .is-investment-foot {
  font-size: 14px !important;
}

.is-investment-app .is-dashboard-view .is-stat-label {
  font-size: 13px !important;
}

.is-investment-app .is-dashboard-view .is-stat-card > small {
  font-size: 12px !important;
}

/* WordPress admin: improve scanability of every section, not only overview. */
body:has(.is-admin-wrap) .is-admin-eyebrow,
body:has(.is-admin-wrap) .is-admin-card-kicker {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body:has(.is-admin-wrap) .is-admin-card p,
body:has(.is-admin-wrap) .is-admin-card .description {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body:has(.is-admin-wrap) .is-admin-card .widefat {
  border-radius: 14px !important;
}

body:has(.is-admin-wrap) .is-admin-card .widefat th,
body:has(.is-admin-wrap) .is-admin-card .widefat td {
  padding: 16px 15px !important;
}

body:has(.is-admin-wrap) .is-admin-card .widefat td a {
  font-weight: 700;
}

body:has(.is-admin-wrap) .is-admin-card input,
body:has(.is-admin-wrap) .is-admin-card select,
body:has(.is-admin-wrap) .is-admin-card textarea {
  min-height: 42px;
  font-size: 14px !important;
}

@media (max-width: 850px) {
  .is-investment-app .is-shell.is-landing > .is-sitebar {
    position: relative;
  }

  .is-investment-app .is-sitebar .is-brand-name {
    font-size: 16px !important;
  }

  .is-investment-app .is-site-actions .is-button {
    min-height: 44px;
    padding-inline: 16px !important;
  }

  .is-investment-app .is-how-steps > div {
    gap: 13px !important;
  }

  body:has(.is-admin-wrap) .is-admin-card .widefat {
    min-width: 720px;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-landing-hero {
    padding-top: 44px !important;
  }

  .is-investment-app .is-landing-copy p,
  .is-investment-app .is-landing-split p,
  .is-investment-app .is-centered > p {
    font-size: 16px !important;
  }

  .is-investment-app .is-landing-plan {
    padding: 25px 20px !important;
  }

  .is-investment-app .is-landing-plan .is-plan-details span,
  .is-investment-app .is-landing-plan .is-plan-details strong,
  .is-investment-app .is-landing-plan li {
    font-size: 15px !important;
  }

  .is-investment-app .is-auth-card {
    padding: 28px 21px !important;
  }

  .is-investment-app .is-dashboard-view .is-stat-card {
    min-height: 148px !important;
  }

  body:has(.is-admin-wrap) .is-admin-card .widefat th,
  body:has(.is-admin-wrap) .is-admin-card .widefat td {
    padding: 14px 12px !important;
  }
}

/* ═══════════════════════════════════════════
   READABILITY + BRAND OWNERSHIP REFINEMENT
   ═══════════════════════════════════════════ */

/* Keep the public home rail flush to the viewport top on every breakpoint. */
.is-investment-app .is-app-frame,
.is-investment-app .is-shell,
.is-investment-app .is-shell > .is-sitebar {
  margin-top: 0 !important;
}

.is-investment-app .is-shell.is-landing > .is-sitebar {
  padding-top: 0 !important;
}

/* The previous design used very small labels/body copy. Raise the baseline
   without changing any markup, controls, or data presentation. */
.is-investment-app {
  font-size: 15px;
}

.is-investment-app p,
.is-investment-app li,
.is-investment-app .is-card p,
.is-investment-app .is-form label,
.is-investment-app .is-section-intro p,
.is-investment-app .is-centered > p,
.is-investment-app .is-landing-split p,
.is-investment-app .is-landing-cta p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.is-investment-app .is-eyebrow,
.is-investment-app .is-plan-label,
.is-investment-app .is-proof-line,
.is-investment-app .is-site-nav a,
.is-investment-app .is-sidebar-section > span {
  font-size: 12px !important;
}

.is-investment-app .is-site-nav a,
.is-investment-app .is-sidebar-section a,
.is-investment-app .is-sidebar-footer a {
  font-size: 13px !important;
}

.is-investment-app .is-button,
.is-investment-app .is-button-small {
  font-size: 13px !important;
}

.is-investment-app .is-landing-plan h3,
.is-investment-app .is-plan-card h2,
.is-investment-app .is-hero-money {
  font-size: clamp(2.25rem, 5vw, 3.5rem) !important;
}

.is-investment-app .is-plan-details span,
.is-investment-app .is-plan-details strong,
.is-investment-app .is-commission-row,
.is-investment-app .is-commission-head,
.is-investment-app .is-rank-preview-card > span:not(.is-rank-dot),
.is-investment-app .is-faq-list p,
.is-investment-app .is-landing-faq p,
.is-investment-app .is-mini-row {
  font-size: 13px !important;
}

.is-investment-app .is-metric-strip span,
.is-investment-app .is-trust-strip p,
.is-investment-app .is-landing-plan ul,
.is-investment-app .is-form small,
.is-investment-app .is-stat-card > small,
.is-investment-app .is-stat-card span,
.is-investment-app .is-card-heading p {
  font-size: 12px !important;
}

.is-investment-app small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.is-investment-app .is-auth-logo {
  display: grid;
  place-items: center;
  width: 86px;
  height: 86px;
  margin: 0 0 24px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(126, 183, 214, .22);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
}

.is-investment-app .is-auth-logo img {
  display: block;
  width: 68px;
  height: 68px;
  object-fit: contain;
}

.is-investment-app .is-footer-owner {
  display: inline-flex;
  margin-top: 10px;
  color: #d5a82f;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
}

.is-investment-app .is-footer-owner:hover,
.is-investment-app .is-footer-owner:focus-visible {
  color: #ffe08a;
  text-decoration: underline;
}

body:has(.is-admin-wrap) .is-admin-owner-link {
  display: inline-flex;
  margin: 10px 0 0 14px;
  color: #9fdce0;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
}

body:has(.is-admin-wrap) .is-admin-owner-link:hover,
body:has(.is-admin-wrap) .is-admin-owner-link:focus-visible {
  color: #ffe08a;
  text-decoration: underline;
}

/* Premium admin dashboard cards in the native WordPress workspace. */
body:has(.is-admin-wrap) {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:has(.is-admin-wrap) .is-admin-wrap {
  width: calc(100% - 34px) !important;
  max-width: none !important;
  margin: 0 28px 46px 0 !important;
  padding-top: 0 !important;
}

body:has(.is-admin-wrap) .is-admin-heading {
  min-height: 170px;
  margin-top: 0 !important;
  padding: 34px 40px !important;
  border-radius: 0 0 22px 22px !important;
  background:
    radial-gradient(circle at 85% 0%, rgba(63, 196, 200, .17), transparent 22rem),
    linear-gradient(135deg, #0c3850 0%, #06243a 53%, #031321 100%) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .25) !important;
}

body:has(.is-admin-wrap) .is-admin-heading h1 {
  font-size: clamp(2rem, 3.5vw, 3.5rem) !important;
}

body:has(.is-admin-wrap) .is-admin-heading p {
  max-width: 720px;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body:has(.is-admin-wrap) .is-admin-stats {
  gap: 18px !important;
  margin: 24px 0 26px !important;
}

body:has(.is-admin-wrap) .is-admin-stats > div {
  min-height: 154px !important;
  padding: 24px !important;
  border-radius: 19px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(63, 196, 200, .13), transparent 12rem),
    linear-gradient(145deg, #0f3b52, #061f33) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .2) !important;
}

body:has(.is-admin-wrap) .is-admin-stats span {
  font-size: 13px !important;
}

body:has(.is-admin-wrap) .is-admin-stats strong {
  font-size: clamp(1.8rem, 3vw, 2.65rem) !important;
}

body:has(.is-admin-wrap) .is-admin-stats small {
  font-size: 12px !important;
}

body:has(.is-admin-wrap) .is-admin-card {
  padding: 28px !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2) !important;
}

body:has(.is-admin-wrap) .is-admin-card h2 {
  font-size: clamp(1.3rem, 2vw, 1.7rem) !important;
}

body:has(.is-admin-wrap) .is-admin-card th {
  font-size: 12px !important;
}

body:has(.is-admin-wrap) .is-admin-card td {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body:has(.is-admin-wrap) .is-admin-card td small {
  font-size: 12px !important;
}

body:has(.is-admin-wrap) .is-admin-card .button {
  min-height: 38px !important;
  padding: 7px 15px !important;
  font-size: 13px !important;
  border-radius: 9px !important;
}

body:has(.is-admin-wrap) .is-admin-card .widefat tbody tr:hover {
  background: rgba(63, 196, 200, .09) !important;
}

@media (max-width: 850px) {
  .is-investment-app .is-shell.is-landing > .is-sitebar {
    padding-top: 0 !important;
  }

  .is-investment-app .is-landing-hero {
    padding-top: 58px !important;
  }

  .is-investment-app .is-auth-logo {
    width: 74px;
    height: 74px;
    margin-bottom: 19px;
  }

  .is-investment-app .is-auth-logo img {
    width: 58px;
    height: 58px;
  }
}

@media (max-width: 600px) {
  body:has(.is-admin-wrap) .is-admin-wrap {
    width: 100% !important;
    margin: 0 0 32px !important;
  }

  body:has(.is-admin-wrap) .is-admin-heading {
    min-height: 150px;
    padding: 25px 20px !important;
    border-radius: 0 0 18px 18px !important;
  }

  body:has(.is-admin-wrap) .is-admin-heading h1 {
    font-size: 2rem !important;
  }

  body:has(.is-admin-wrap) .is-admin-heading p {
    font-size: 13px !important;
  }

  body:has(.is-admin-wrap) .is-admin-stats {
    gap: 11px !important;
    margin: 18px 0 20px !important;
  }

  body:has(.is-admin-wrap) .is-admin-stats > div {
    min-height: 132px !important;
    padding: 16px !important;
  }

  body:has(.is-admin-wrap) .is-admin-stats span {
    font-size: 11px !important;
  }

  body:has(.is-admin-wrap) .is-admin-stats strong {
    font-size: 1.55rem !important;
  }

  body:has(.is-admin-wrap) .is-admin-stats small {
    font-size: 11px !important;
  }

  body:has(.is-admin-wrap) .is-admin-card {
    padding: 19px !important;
    border-radius: 16px !important;
  }

  body:has(.is-admin-wrap) .is-admin-card td {
    font-size: 13px !important;
  }

  .is-investment-app .is-landing-hero {
    padding-top: 48px !important;
  }

  .is-investment-app .is-landing-copy p,
  .is-investment-app .is-landing-plan ul {
    font-size: 15px !important;
  }
}
@media(max-width:520px) {
  .is-portal-page .is-portal-main > .is-rank-hero {
    margin-bottom: 25px !important;
    padding: 23px 19px 21px !important;
    border-radius: 17px !important;
  }
  .is-portal-page .is-rank-hero-top {
    align-items: flex-start;
    gap: 13px;
    padding-right: 0;
  }
  .is-portal-page .is-rank-hero-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
  .is-portal-page .is-rank-hero-icon .is-inline-icon {
    width: 25px;
    height: 25px;
  }
  .is-portal-page .is-rank-hero h2 {
    margin-top: 8px !important;
    font-size: 2.1rem !important;
  }
  .is-portal-page .is-rank-status {
    margin-top: 14px;
  }
  .is-portal-page .is-rank-progress {
    margin-top: 22px;
    padding-top: 18px;
  }
  .is-portal-page .is-rank-hero + .is-section-intro {
    margin-bottom: 15px;
  }
  .is-portal-page .is-rank-hero + .is-section-intro h2 {
    font-size: 1.85rem;
  }
  .is-portal-page .is-rank-list .is-rank-card {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px !important;
    min-height: 72px;
    padding: 13px 14px !important;
  }
  .is-portal-page .is-rank-card .is-rank-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
  .is-portal-page .is-rank-card > b {
    grid-column: 2;
    margin: -2px 0 0;
    text-align: left;
  }
  .is-portal-page .is-rank-card > div small {
    white-space: normal;
  }
}

/* ═══════════════════════════════════════════
   25. SETTINGS CARDS
   ═══════════════════════════════════════════ */
.is-admin-portal-settings .is-card {
  background: linear-gradient(145deg, rgba(12,38,58,.88), rgba(3,16,30,.94)) !important;
  border-color: rgba(126,183,214,.13) !important;
}
.is-admin-portal-settings fieldset {
  border-color: rgba(126,183,214,.14) !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.12);
}
.is-admin-portal-settings legend {
  color: var(--lx-gold) !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  font-size: 10px !important;
}

/* Fee balance badge */
.is-admin-fee-balance {
  background: rgba(255,181,27,.1) !important;
  border-color: rgba(255,181,27,.35) !important;
  color: var(--lx-gold-light) !important;
  border-radius: 10px !important;
}

/* Danger zone */
.is-admin-danger-heading {
  background: linear-gradient(135deg, #4a202e, #221520) !important;
  border-color: rgba(220,50,50,.38) !important;
}
.is-admin-danger-portal {
  background: linear-gradient(145deg, rgba(62,18,28,.96), rgba(30,12,22,.98)) !important;
  border-color: rgba(220,50,50,.45) !important;
}
.is-danger-button {
  background: linear-gradient(135deg, #932b3a, #6f1c28) !important;
  border-color: rgba(220,80,80,.45) !important;
  transition: var(--lx-trans-fast) !important;
}
.is-danger-button:hover {
  background: linear-gradient(135deg, #b83446, #8a2234) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(180,40,60,.3) !important;
}

/* ═══════════════════════════════════════════
   26. EARNINGS BREAKDOWN
   ═══════════════════════════════════════════ */
.is-earnings-hero {
  background: linear-gradient(140deg, #123548, #07213a) !important;
  border-color: rgba(255,181,27,.32) !important;
}
.is-earning-roi   { background: rgba(110,220,160,.1) !important; color: var(--lx-green) !important; }
.is-earning-referral { background: rgba(255,181,27,.12) !important; color: var(--lx-gold) !important; }
.is-earning-rank  { background: rgba(140,180,255,.1) !important; color: #a6c4ff !important; }

/* ═══════════════════════════════════════════
   27. DASHBOARD FUND SECTION
   ═══════════════════════════════════════════ */
.is-fund-card,
.is-fund-balance-grid > .is-card {
  background: linear-gradient(145deg, rgba(13,40,60,.9), rgba(4,16,30,.95)) !important;
  border-color: rgba(126,183,214,.14) !important;
}

/* ═══════════════════════════════════════════
   28. DASHBOARD LIFETIME CARD
   ═══════════════════════════════════════════ */
.is-dashboard-lifetime {
  background: linear-gradient(145deg, #153446, #092336) !important;
  border-color: rgba(126,183,214,.16) !important;
}

/* ═══════════════════════════════════════════
   29. ADMIN WP DASHBOARD (classic admin area)
   ═══════════════════════════════════════════ */
.is-admin-wrap {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
}
.is-admin-heading {
  background: linear-gradient(135deg, #0f3e53 0%, #082435 100%) !important;
  border-color: rgba(255,181,27,.25) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.28) !important;
}
.is-admin-card {
  background: linear-gradient(145deg, rgba(10,35,54,.92), rgba(3,15,26,.96)) !important;
  border-color: rgba(126,183,214,.13) !important;
  box-shadow: var(--lx-shadow) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .2s !important;
}
.is-admin-card:hover {
  border-color: rgba(255,181,27,.28) !important;
}
.is-admin-stats > div {
  background: linear-gradient(145deg, rgba(10,35,54,.88), rgba(3,15,26,.94)) !important;
  border-color: rgba(126,183,214,.14) !important;
  box-shadow: var(--lx-shadow-sm) !important;
  transition: transform .22s cubic-bezier(.22,.68,0,1.1), border-color .2s !important;
}
.is-admin-stats > div:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(255,181,27,.38) !important;
}
.is-admin-notice {
  background: #0b2f48 !important;
  border-color: rgba(255,181,27,.38) !important;
  border-radius: 11px !important;
}
.is-admin-mark {
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
}

/* ═══════════════════════════════════════════
   30. TRANSFER / WALLET BALANCE GRID
   ═══════════════════════════════════════════ */
.is-transfer-balance-grid .is-card {
  background: linear-gradient(145deg, rgba(14,42,64,.88), rgba(4,18,32,.94)) !important;
  border-color: rgba(126,183,214,.15) !important;
}
.is-transfer-balance-grid .is-card strong {
  color: var(--lx-gold-light) !important;
  font-size: 1.6rem !important;
  letter-spacing: -.06em !important;
}

/* ═══════════════════════════════════════════
   31. UPGRADE PACKAGE NOTE
   ═══════════════════════════════════════════ */
.is-upgrade-note {
  border-color: rgba(255,181,27,.38) !important;
  background: linear-gradient(145deg, rgba(255,181,27,.1), rgba(4,18,32,.75)) !important;
  border-radius: 12px !important;
}
.is-upgrade-note strong { color: var(--lx-gold-light) !important; }

/* ═══════════════════════════════════════════
   32. PORTAL PAGE HEADING
   ═══════════════════════════════════════════ */
.is-portal-page-heading h1 {
  font-size: clamp(2.5rem, 5.5vw, 4.5rem) !important;
  line-height: .94 !important;
  letter-spacing: -.085em !important;
  color: #f6fafc !important;
}

/* ═══════════════════════════════════════════
   33. LIVE BADGE / STATUS CHIPS
   ═══════════════════════════════════════════ */
.is-admin-live-badge {
  background: rgba(110,220,160,.09) !important;
  border-color: rgba(110,220,160,.25) !important;
  color: var(--lx-green) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
}
/* Pulsing green dot before LIVE text */
.is-admin-live-badge::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lx-green);
  box-shadow: 0 0 8px rgba(110,220,160,.6);
  margin-right: 6px;
  animation: lx-blink 2s ease-in-out infinite;
}
@keyframes lx-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: .35; }
}

/* ═══════════════════════════════════════════
   34. RESPONSIVE POLISH
   ═══════════════════════════════════════════ */
@media (max-width: 850px) {
  .is-home-gateway-card { padding: 42px 32px 38px !important; }
  .is-card, .is-form-card, .is-active-investment { padding: 20px !important; }
  .is-admin-portal-tabs { gap: 3px !important; }
}

@media (max-width: 520px) {
  .is-home-gateway-card { padding: 36px 20px 30px !important; border-radius: 20px !important; }
  .is-home-gateway-mark { width: 54px !important; height: 54px !important; font-size: 22px !important; }
  .is-home-gateway-card h1 { font-size: 2.1rem !important; letter-spacing: -.06em !important; }
  .is-home-gateway-actions .is-button { min-height: 46px !important; font-size: 13px !important; }
  .is-portal-page-heading h1 { font-size: 2.8rem !important; }
  .is-card, .is-form-card { padding: 17px !important; }
  .is-stat-card { padding: 15px !important; }
  .is-admin-portal-tabs a { padding: 9px 11px !important; font-size: 10px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   FINAL OVERRIDE — PRIVATE WEALTH UI / v2.0
   Intentional last layer: calm, precise, high-trust and thoroughly responsive.
   Keep this section last so it wins over the historical premium layers above.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --lx-ink: #e9f1f4;
  --lx-body: #91a9b6;
  --lx-teal: #57c4c0;
  --lx-teal-dim: rgba(87,196,192,.13);
  --lx-gold: #d8a33a;
  --lx-gold-light: #f0cb75;
  --lx-navy-0: #020b14;
  --lx-navy-1: #06131f;
  --lx-navy-2: #0a1d2b;
  --lx-navy-3: #0e2a3a;
  --lx-blue-rim: rgba(145,190,205,.16);
  --lx-blue-rim-hi: rgba(145,190,205,.32);
  --lx-shadow: 0 18px 48px rgba(0,8,16,.28);
  --lx-shadow-lg: 0 28px 80px rgba(0,8,16,.38);
  --lx-trans: transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

body.is-investment-app,
body:has(.is-shell) {
  background:
    radial-gradient(ellipse 70% 38% at 50% -12%, rgba(25,82,92,.25), transparent 68%),
    var(--lx-navy-1) !important;
  color: var(--lx-ink);
  font-family: "Plus Jakarta Sans", "Avenir Next", ui-sans-serif, system-ui, sans-serif !important;
}

.is-investment-app h1,
.is-investment-app h2,
.is-investment-app h3,
.is-home-gateway h1,
.is-landing h2,
.is-page-header h1,
.is-portal-page-heading h1 {
  font-family: "Outfit", "Avenir Next", ui-sans-serif, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -.065em !important;
}

.is-shell {
  max-width: 1320px;
  padding-inline: clamp(18px, 4vw, 52px);
  background: transparent !important;
}

.is-sitebar {
  height: 82px !important;
  border-color: rgba(145,190,205,.14) !important;
}
.is-brand {
  font-size: 13px !important;
  letter-spacing: .01em !important;
}
.is-brand-word-1 { color: #e8f1f4 !important; }
.is-brand-word-2 { color: var(--lx-gold-light) !important; }
.is-site-nav { gap: 30px !important; }
.is-site-nav a {
  font-size: 10px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.is-site-nav a:hover { color: var(--lx-teal) !important; }

.is-button {
  min-height: 42px;
  border-radius: 9px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
}
.is-button-primary,
.is-button:not(.is-button-outline):not(.is-button-ghost) {
  background: linear-gradient(135deg, #e5b952, #ba7d20) !important;
  color: #1c1508 !important;
  box-shadow: 0 10px 26px rgba(216,163,58,.16) !important;
}
.is-button-primary:hover,
.is-button:not(.is-button-outline):not(.is-button-ghost):hover {
  background: linear-gradient(135deg, #f0cb75, #d59a32) !important;
  box-shadow: 0 14px 32px rgba(216,163,58,.24) !important;
}
.is-button-outline {
  border-color: rgba(87,196,192,.42) !important;
  color: var(--lx-teal) !important;
}
.is-button-outline:hover { background: var(--lx-teal-dim) !important; border-color: var(--lx-teal) !important; }

.is-page-header { padding-top: 68px !important; }
.is-page-header h1,
.is-portal-page-heading h1 {
  color: #edf4f5 !important;
  max-width: 760px;
}
.is-eyebrow {
  color: var(--lx-teal) !important;
  letter-spacing: .2em !important;
}

.is-landing-hero {
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  gap: clamp(44px, 8vw, 112px);
  padding-top: 120px;
}
.is-landing-copy h2 { max-width: 760px; }
.is-landing-copy h2 em { color: var(--lx-teal) !important; }
.is-landing-copy p,
.is-trust-strip p,
.is-centered > p { color: var(--lx-body) !important; }
.is-hero-investment-card,
.is-landing-cta,
.is-landing-plan,
.is-commission-card {
  background: linear-gradient(145deg, rgba(16,47,61,.88), rgba(6,22,34,.96)) !important;
  border-color: var(--lx-blue-rim) !important;
  box-shadow: var(--lx-shadow) !important;
}
.is-landing-plan:hover,
.is-rank-preview-card:hover,
.is-commission-card:hover { border-color: rgba(87,196,192,.45) !important; transform: translateY(-3px); }
.is-landing-plan h3 { color: #f1f6f5 !important; }
.is-plan-rate strong,
.is-metric-strip strong,
.is-hero-money { color: var(--lx-gold-light) !important; }
.is-progress span,
.is-commission-track span { background: linear-gradient(90deg, var(--lx-teal), var(--lx-gold-light)) !important; }

.is-portal-layout { background: var(--lx-navy-1) !important; }
.is-portal-sidebar {
  background: linear-gradient(180deg, #061521 0%, #030d17 100%) !important;
  border-color: rgba(145,190,205,.12) !important;
}
.is-sidebar-section a { color: #7693a2 !important; }
.is-sidebar-section a:hover { color: #d7e7eb !important; background: rgba(87,196,192,.08) !important; }
.is-sidebar-section a.is-sidebar-active {
  color: #edf7f6 !important;
  background: linear-gradient(90deg, rgba(87,196,192,.16), rgba(87,196,192,.04)) !important;
  border-color: rgba(87,196,192,.18) !important;
  box-shadow: inset 2px 0 var(--lx-teal), 0 8px 22px rgba(0,0,0,.16) !important;
}
.is-sidebar-section a.is-sidebar-active::before { display: none !important; }
.is-sidebar-section a.is-sidebar-active > .is-sidebar-icon,
.is-sidebar-section a.is-sidebar-active > .is-inline-icon {
  color: var(--lx-teal) !important;
  background: rgba(87,196,192,.12) !important;
}
.is-portal-main {
  max-width: 1180px !important;
  padding: 50px clamp(20px, 4vw, 52px) 80px !important;
}
.is-portal-main::before { opacity: .45; }

.is-dashboard-top,
.is-admin-portal-heading,
.is-transfer-hero,
.is-rank-hero,
.is-history-hero,
.is-earnings-hero {
  background: linear-gradient(135deg, #103744, #081e2e) !important;
  border-color: rgba(87,196,192,.22) !important;
  box-shadow: var(--lx-shadow) !important;
}
.is-stat-card,
.is-card,
.is-form-card,
.is-active-investment,
.is-wallet-hero,
.is-team-card,
.is-team-summary > div,
.is-admin-card,
.is-admin-lower-card,
.is-admin-queue-card,
.is-admin-portal-table {
  background: linear-gradient(145deg, rgba(13,40,54,.9), rgba(5,20,32,.97)) !important;
  border-color: var(--lx-blue-rim) !important;
  box-shadow: var(--lx-shadow-sm) !important;
}
.is-card:hover,
.is-form-card:hover,
.is-active-investment:hover,
.is-stat-card:hover { border-color: rgba(87,196,192,.38) !important; box-shadow: var(--lx-shadow) !important; }
.is-stat-card > strong { color: #edf6f5 !important; }
.is-stat-feature { border-color: rgba(216,163,58,.46) !important; background: linear-gradient(145deg, #173f4b, #0b2938) !important; }
.is-stat-feature > strong,
.is-admin-stat-accent strong { color: var(--lx-gold-light) !important; }

.is-table-wrap { border: 1px solid rgba(145,190,205,.12); border-radius: 12px; }
table { min-width: 560px; }
th { color: #72909d !important; letter-spacing: .13em !important; }
td { color: #d1dfe3; border-color: rgba(145,190,205,.11) !important; }
tr:hover td { background: rgba(87,196,192,.035); }
.is-pill,
.is-status-dot,
.is-admin-live-badge,
.is-active-badge,
.is-rank-chip { border-color: rgba(87,196,192,.28) !important; }

.is-form-card,
.is-auth-card { max-width: 760px; }
.is-form input,
.is-form select,
.is-form textarea,
.is-admin-portal-settings input,
.is-admin-fee-form input,
.is-admin-fee-form select,
.is-admin-danger-portal input {
  min-height: 46px;
  background: rgba(2,13,23,.72) !important;
  border-color: rgba(145,190,205,.2) !important;
  border-radius: 9px !important;
}
.is-form label { color: #9db4be !important; }
.is-form input:focus,
.is-form select:focus,
.is-form textarea:focus,
.is-admin-portal-settings input:focus,
.is-admin-fee-form input:focus,
.is-admin-fee-form select:focus,
.is-admin-danger-portal input:focus {
  border-color: var(--lx-teal) !important;
  box-shadow: 0 0 0 3px rgba(87,196,192,.13) !important;
}

.is-admin-wrap {
  max-width: 1440px;
  padding: 26px 28px 70px;
  color: var(--lx-ink);
}
.is-admin-heading { border-radius: 20px !important; padding: 30px 34px !important; }
.is-admin-heading h1 { font-family: "Outfit", sans-serif !important; letter-spacing: -.06em !important; }
.is-admin-card { border-radius: 16px !important; }
.is-admin-wrap .widefat { border: 0; background: transparent; }
.is-admin-wrap .widefat th { background: rgba(87,196,192,.05); }
.is-admin-wrap .widefat td,
.is-admin-wrap .widefat th { padding: 15px 13px; }
.is-admin-wrap .button,
.is-admin-wrap .button-primary { border-radius: 8px; min-height: 36px; }

:is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--lx-teal) !important;
  outline-offset: 3px !important;
}

@media (max-width: 850px) {
  .is-shell { padding-inline: 20px; }
  .is-landing-hero { grid-template-columns: 1fr; padding-top: 82px; }
  .is-landing-copy h2 { font-size: clamp(3.4rem, 12vw, 5.8rem); }
  .is-portal-main { padding: 32px 22px 58px !important; }
  .is-dashboard-top { align-items: flex-start !important; }
  .is-admin-wrap { padding: 20px 18px 54px; }
  .is-admin-heading { padding: 24px 22px !important; }
  .is-admin-stats,
  .is-admin-overview-grid,
  .is-admin-lower-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .is-admin-portal-tabs { overflow-x: auto; flex-wrap: nowrap !important; }
  .is-admin-portal-tabs a { flex: 0 0 auto; }
}

@media (max-width: 520px) {
  .is-shell { padding-inline: 14px; }
  .is-sitebar { height: 70px !important; }
  .is-page-header { padding-top: 42px !important; }
  .is-landing-hero { padding-top: 62px; gap: 32px; }
  .is-landing-copy h2 { font-size: clamp(3.05rem, 16vw, 4.4rem); }
  .is-hero-investment-card { padding: 22px !important; }
  .is-portal-main { padding: 25px 14px 48px !important; }
  .is-portal-page-heading h1 { font-size: 2.25rem !important; }
  .is-card, .is-form-card, .is-active-investment, .is-wallet-hero { padding: 18px !important; }
  .is-admin-wrap { padding: 14px 10px 40px; }
  .is-admin-heading { padding: 21px 17px !important; }
  .is-admin-heading h1 { font-size: 2rem; }
  .is-admin-stats,
  .is-admin-overview-grid,
  .is-admin-lower-grid { grid-template-columns: 1fr !important; }
  .is-admin-card { overflow: hidden; }
  .is-admin-wrap .widefat { min-width: 680px; }
  .is-admin-card:has(.widefat) { overflow-x: auto; }
  .is-rank-card { grid-template-columns: 42px minmax(0,1fr) !important; }
  .is-rank-card > b { grid-column: 2; text-align: left !important; margin: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ═══════════════════════════════════════════
   VIEWPORT FIT — NO HORIZONTAL PAGE SCROLL
   Keeps every page inside the active device width.
   ═══════════════════════════════════════════ */
html,
body,
body.is-investment-app,
body.is-investment-app .is-app-frame {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}
body.is-investment-app .is-app-frame {
  box-sizing: border-box;
}
.is-investment-app .is-shell,
.is-investment-app .is-portal,
.is-investment-app .is-portal-layout,
.is-investment-app .is-portal-sidebar,
.is-investment-app .is-portal-main {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
.is-investment-app .is-shell {
  width: 100%;
}
.is-investment-app .is-portal-layout {
  width: 100%;
  overflow: hidden;
}
.is-investment-app .is-portal-sidebar,
.is-investment-app .is-portal-main {
  min-width: 0 !important;
}
.is-investment-app .is-portal-main {
  overflow-x: hidden;
}
.is-investment-app .is-portal-main > *,
.is-investment-app .is-dashboard-grid > *,
.is-investment-app .is-dashboard-grid-top > *,
.is-investment-app .is-stat-grid > *,
.is-investment-app .is-wallet-card-grid > *,
.is-investment-app .is-admin-stats > *,
.is-investment-app .is-admin-overview-grid > *,
.is-investment-app .is-admin-lower-grid > * {
  min-width: 0;
  max-width: 100%;
}
.is-investment-app img,
.is-investment-app svg,
.is-investment-app video,
.is-investment-app canvas {
  max-width: 100%;
}
.is-investment-app .is-dashboard-top,
.is-investment-app .is-active-investment,
.is-investment-app .is-card,
.is-investment-app .is-form-card,
.is-investment-app .is-wallet-hero,
.is-investment-app .is-rank-hero,
.is-investment-app .is-admin-heading,
.is-investment-app .is-admin-card {
  min-width: 0;
  max-width: 100%;
}
.is-investment-app .is-dashboard-top h2,
.is-investment-app .is-active-investment h3,
.is-investment-app .is-card h2,
.is-investment-app .is-card h3,
.is-investment-app .is-rank-hero h2,
.is-investment-app .is-portal-page-heading h1,
.is-investment-app .is-admin-heading h1,
.is-investment-app .is-admin-card h2,
.is-investment-app .is-admin-card h3 {
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Tables remain readable without creating a page-wide scrollbar. */
.is-investment-app .is-table-wrap,
.is-investment-app .is-admin-card:has(.widefat),
.is-investment-app .is-admin-portal-table {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}
.is-investment-app table,
.is-investment-app .widefat,
.is-investment-app .is-admin-portal-table table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
  table-layout: fixed;
}
.is-investment-app th,
.is-investment-app td,
.is-investment-app .widefat th,
.is-investment-app .widefat td {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.is-investment-app th {
  white-space: normal !important;
}
.is-investment-app td small {
  overflow-wrap: anywhere;
}

/* Controls and tab bars wrap instead of widening the document. */
.is-investment-app .is-admin-portal-tabs {
  max-width: 100%;
  overflow-x: hidden !important;
  flex-wrap: wrap !important;
}
.is-investment-app .is-admin-portal-tabs a {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.is-investment-app .is-team-tree {
  max-width: 100%;
  overflow-x: hidden !important;
}
.is-investment-app .is-team-branch {
  max-width: 100%;
}
.is-investment-app input,
.is-investment-app select,
.is-investment-app textarea,
.is-investment-app button {
  max-width: 100%;
}

@media (max-width: 850px) {
  .is-investment-app .is-portal-layout {
    display: block !important;
  }
  .is-investment-app .is-portal-main {
    width: 100%;
    padding-inline: clamp(14px, 4vw, 22px) !important;
  }
  .is-investment-app .is-dashboard-top {
    width: 100%;
  }
  .is-investment-app .is-stat-grid,
  .is-investment-app .is-dashboard-grid,
  .is-investment-app .is-wallet-card-grid,
  .is-investment-app .is-admin-stats,
  .is-investment-app .is-admin-overview-grid,
  .is-investment-app .is-admin-lower-grid {
    width: 100%;
    max-width: 100%;
  }
  .is-investment-app .is-team-tree {
    overflow: hidden !important;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-shell {
    padding-inline: 12px !important;
  }
  .is-investment-app .is-portal-main {
    padding-inline: 12px !important;
  }
  .is-investment-app .is-dashboard-top {
    padding-inline: 16px !important;
  }
  .is-investment-app .is-stat-grid {
    grid-template-columns: 1fr !important;
  }
  .is-investment-app .is-investment-details,
  .is-investment-app .is-lifetime-grid {
    grid-template-columns: 1fr !important;
  }
  .is-investment-app .is-investment-details > *,
  .is-investment-app .is-lifetime-grid > * {
    min-width: 0;
  }
  .is-investment-app .is-rank-card > b {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .is-investment-app .is-team-tree {
    padding-inline: 0 !important;
  }
  .is-investment-app .is-team-tree .is-team-branch {
    padding-left: 0 !important;
  }
  .is-investment-app .is-admin-wrap .widefat {
    min-width: 0 !important;
  }
}

/* ═══════════════════════════════════════════
   SIDEBAR SPACING — COMPACT VIEWPORT FIT
   Keeps the rail comfortable without oversized
   left/right padding or unnecessary vertical gaps.
   ═══════════════════════════════════════════ */
.is-investment-app .is-portal-sidebar .is-sitebar {
  height: 68px !important;
  padding: 0 12px !important;
  gap: 10px !important;
}
.is-investment-app .is-portal-sidebar .is-sitebar .is-brand {
  gap: 8px !important;
  min-width: 0;
}
.is-investment-app .is-portal-sidebar .is-sitebar .is-brand-mark {
  width: 30px !important;
  height: 30px !important;
}
.is-investment-app .is-portal-sidebar .is-sitebar .is-brand-logo {
  width: 30px !important;
  height: 30px !important;
}
.is-investment-app .is-portal-sidebar .is-sitebar .is-brand-name {
  min-width: 0;
  overflow: hidden;
  font-size: 12px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section {
  padding: 17px 8px 0 !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section > span {
  margin: 0 8px 7px !important;
  font-size: 8px !important;
  letter-spacing: .15em !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a {
  min-height: 39px;
  gap: 8px !important;
  margin: 1px 0 !important;
  padding: 6px 8px !important;
  border-radius: 10px !important;
  font-size: 10px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-sidebar-icon,
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-inline-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-sidebar-icon .is-inline-icon,
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-inline-icon {
  width: 15px !important;
  height: 15px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-footer {
  padding: 11px 12px !important;
  gap: 8px !important;
}

@media (max-width: 850px) {
  .is-investment-app .is-portal-sidebar .is-sitebar {
    padding-inline: 14px !important;
  }
  .is-investment-app .is-portal-sidebar .is-sidebar-section {
    padding-inline: 10px !important;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-portal-sidebar .is-sitebar {
    height: 64px !important;
    padding-inline: 12px !important;
  }
  .is-investment-app .is-portal-sidebar .is-sidebar-section {
    padding: 14px 7px 0 !important;
  }
  .is-investment-app .is-portal-sidebar .is-sidebar-section a {
    min-height: 37px;
    padding: 5px 7px !important;
  }
}

/* ═══════════════════════════════════════════
   FINAL UI REFINEMENT — HOMEPAGE, AUTH & SIDEBAR
   Presentation-only overrides. Existing actions,
   links and data behavior remain unchanged.
   ═══════════════════════════════════════════ */

/* Homepage: give the first screen a clearer premium rhythm. */
.is-investment-app .is-landing-hero {
  position: relative;
  isolation: isolate;
  padding-bottom: 78px;
}
.is-investment-app .is-landing-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(46vw, 620px);
  height: min(46vw, 620px);
  right: -12%;
  top: 2%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(87,196,192,.13), transparent 67%);
  filter: blur(12px);
  pointer-events: none;
}
.is-investment-app .is-landing-copy h2 {
  max-width: 680px;
  font-size: clamp(3.4rem, 7vw, 6.8rem) !important;
  line-height: .9 !important;
}
.is-investment-app .is-landing-copy p {
  max-width: 560px;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
.is-investment-app .is-metric-strip {
  position: relative;
  z-index: 1;
  margin-top: -4px;
  border: 1px solid rgba(87,196,192,.17);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(15,52,64,.78), rgba(5,21,33,.92));
  box-shadow: 0 18px 42px rgba(0,8,16,.2);
}
.is-investment-app .is-metric-strip > div {
  padding: 22px 18px;
}
.is-investment-app .is-metric-strip strong {
  font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
}

/* Homepage package cards: show the decision-making details at a glance. */
.is-investment-app .is-landing-plans {
  align-items: stretch;
  gap: 18px;
  max-width: 1040px;
  margin-inline: auto;
}
.is-investment-app .is-landing-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 30px 27px 26px !important;
  border-radius: 20px !important;
  overflow: hidden;
}
.is-investment-app .is-landing-plan::after {
  content: "";
  position: absolute;
  inset: auto -36px -70px auto;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(216,163,58,.14), transparent 68%);
  pointer-events: none;
}
.is-investment-app .is-landing-plan.is-plan-featured {
  border-color: rgba(216,163,58,.46) !important;
  background: linear-gradient(145deg, rgba(28,67,75,.98), rgba(7,27,39,.98)) !important;
  box-shadow: 0 24px 58px rgba(0,8,16,.32), 0 0 0 1px rgba(216,163,58,.07) !important;
}
.is-investment-app .is-landing-plan > h3 {
  margin: 13px 0 5px !important;
  font-size: clamp(2.15rem, 4vw, 3.2rem) !important;
}
.is-investment-app .is-landing-plan > h3 small {
  display: block;
  margin-top: 8px;
  color: #8da7b0 !important;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.is-investment-app .is-plan-details {
  display: grid;
  gap: 1px;
  margin: 22px 0 18px;
  overflow: hidden;
  border: 1px solid rgba(145,190,205,.13);
  border-radius: 13px;
  background: rgba(2,13,23,.34);
}
.is-investment-app .is-plan-details > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 12px;
  background: rgba(255,255,255,.018);
}
.is-investment-app .is-plan-details span {
  color: #8ca7b1;
  font-size: 10px;
  line-height: 1.35;
}
.is-investment-app .is-plan-details strong {
  color: #eaf4f3;
  font-size: 11px;
  text-align: right;
  white-space: nowrap;
}
.is-investment-app .is-plan-details > div:first-child strong {
  color: var(--lx-teal);
}
.is-investment-app .is-landing-plan > ul {
  display: grid;
  gap: 9px;
  margin: 0 0 24px !important;
  padding: 0 !important;
}
.is-investment-app .is-landing-plan > ul li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #b5c8cd;
  font-size: 11px;
  line-height: 1.45;
}
.is-investment-app .is-landing-plan > ul li::before {
  content: "✓";
  flex: none;
  color: var(--lx-teal);
  font-weight: 900;
}
.is-investment-app .is-landing-plan > .is-button {
  width: 100%;
  margin-top: auto;
}

/* Homepage ranks & rewards: stronger hierarchy and clearer reward values. */
.is-investment-app .is-ranks-section {
  max-width: 700px;
  margin-inline: auto;
}
.is-investment-app .is-ranks-section h2 {
  max-width: 650px;
  margin-inline: auto;
  font-size: clamp(2.25rem, 5vw, 4.2rem) !important;
}
.is-investment-app .is-ranks-section > p {
  max-width: 560px;
  margin-inline: auto;
}
.is-investment-app .is-rank-plan-grid {
  max-width: 1040px;
  gap: 18px;
  margin-bottom: 84px;
}
.is-investment-app .is-rank-plan-card {
  position: relative;
  padding: 23px !important;
  border-color: rgba(87,196,192,.18) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(13,45,56,.95), rgba(5,20,32,.98)) !important;
  box-shadow: 0 20px 48px rgba(0,8,16,.23) !important;
}
.is-investment-app .is-rank-plan-card:nth-child(2) {
  border-color: rgba(216,163,58,.35) !important;
  background: linear-gradient(145deg, rgba(38,58,58,.96), rgba(8,25,35,.98)) !important;
}
.is-investment-app .is-rank-plan-heading {
  gap: 8px;
  margin-bottom: 17px;
  padding-bottom: 17px;
  border-color: rgba(145,190,205,.14);
}
.is-investment-app .is-rank-plan-heading strong {
  font-size: 19px;
  letter-spacing: -.03em;
}
.is-investment-app .is-rank-preview-card {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 59px;
  margin: 8px 0 !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(145,190,205,.11);
  border-radius: 12px;
  background: rgba(2,13,23,.27);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.is-investment-app .is-rank-preview-card:hover {
  background: rgba(87,196,192,.08) !important;
}
.is-investment-app .is-rank-preview-card .is-rank-dot {
  width: 36px;
  height: 36px;
  border-radius: 11px;
}
.is-investment-app .is-rank-preview-card > strong {
  color: #edf6f4;
  font-size: 12px;
}
.is-investment-app .is-rank-preview-card > span:not(.is-rank-dot) {
  color: #809ca6;
  font-size: 9px;
  line-height: 1.35;
}
.is-investment-app .is-rank-preview-card > b {
  color: var(--lx-gold-light);
  font-size: 12px;
  white-space: nowrap;
}

/* Auth: high-contrast, premium entry experience without changing forms. */
.is-investment-app .is-auth-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 1000px;
  margin: 38px auto 82px;
}
.is-investment-app .is-auth-grid::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -80px 12% auto;
  height: 260px;
  background: radial-gradient(ellipse, rgba(87,196,192,.14), transparent 68%);
  filter: blur(12px);
}
.is-investment-app .is-auth-card {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: none !important;
  padding: 34px !important;
  border: 1px solid rgba(145,190,205,.18) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(17,53,65,.96), rgba(5,20,32,.99)) !important;
  box-shadow: 0 24px 58px rgba(0,8,16,.32) !important;
  overflow: hidden;
}
.is-investment-app .is-auth-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--lx-teal), rgba(216,163,58,.85));
}
.is-investment-app .is-auth-card.is-auth-dark,
.is-investment-app .is-auth-card:nth-child(2) {
  background: linear-gradient(145deg, rgba(29,61,65,.98), rgba(9,27,37,.99)) !important;
}
.is-investment-app .is-auth-card.is-auth-dark::before {
  background: linear-gradient(90deg, var(--lx-gold-light), #b87920);
}
.is-investment-app .is-auth-card h2 {
  margin: 11px 0 25px !important;
  color: #f1f8f6 !important;
  font-size: clamp(1.8rem, 3.5vw, 2.65rem) !important;
  line-height: .98 !important;
}
.is-investment-app .is-auth-card .is-form {
  margin-top: auto;
}
.is-investment-app .is-auth-card .is-form label {
  color: #b6cbd0 !important;
}
.is-investment-app .is-auth-card .is-form input {
  background: rgba(1,10,19,.8) !important;
  border-color: rgba(145,190,205,.26) !important;
  color: #f2f8f6 !important;
}
.is-investment-app .is-auth-card .is-form input::placeholder {
  color: #68818b !important;
}
.is-investment-app .is-auth-card .is-form input:focus {
  border-color: var(--lx-teal) !important;
  box-shadow: 0 0 0 3px rgba(87,196,192,.15), 0 10px 24px rgba(0,0,0,.14) !important;
}
.is-investment-app .is-auth-card .is-button {
  width: 100%;
  min-height: 48px;
  margin-top: 6px;
}
.is-investment-app .is-referral-note {
  color: #a9c2c6 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}

/* Sidebar: reduce wasted rail space while making labels easier to scan. */
.is-investment-app .is-portal-sidebar .is-sidebar-section {
  padding: 13px 7px 0 !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section > span {
  margin: 0 7px 5px !important;
  color: #63818d !important;
  font-size: 9px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a {
  min-height: 42px;
  gap: 9px !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-sidebar-icon,
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-inline-icon {
  width: 29px !important;
  height: 29px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-footer {
  padding: 10px 12px !important;
}

@media (max-width: 760px) {
  .is-investment-app .is-auth-grid {
    grid-template-columns: 1fr;
    max-width: 560px;
  }
}
@media (max-width: 520px) {
  .is-investment-app .is-landing-hero {
    padding-bottom: 52px;
  }
  .is-investment-app .is-landing-copy h2 {
    font-size: clamp(3rem, 15vw, 4.4rem) !important;
  }
  .is-investment-app .is-landing-plan,
  .is-investment-app .is-rank-plan-card,
  .is-investment-app .is-auth-card {
    padding: 22px 18px !important;
  }
  .is-investment-app .is-rank-preview-card {
    grid-template-columns: 34px minmax(0,1fr);
  }
  .is-investment-app .is-rank-preview-card > b {
    grid-column: 2;
    text-align: left;
  }
  .is-investment-app .is-auth-grid {
    margin-top: 24px;
  }
}

/* ═══════════════════════════════════════════
   DASHBOARD EDGE-TO-EDGE REFINEMENT
   Keeps the private portal aligned to the viewport
   instead of inheriting the public page frame.
   ═══════════════════════════════════════════ */
.is-investment-app .is-shell.is-portal-page {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 0 !important;
}
.is-investment-app .is-portal-layout {
  width: 100% !important;
  min-height: 100vh !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
}
.is-investment-app .is-portal-main {
  width: auto !important;
  max-width: none !important;
  padding: 34px 28px 64px !important;
}
.is-investment-app .is-dashboard-view .is-portal-main {
  padding-inline: 28px !important;
}
.is-investment-app .is-dashboard-view .is-portal-main > .is-dashboard-hero,
.is-investment-app .is-dashboard-view .is-portal-main > .is-dashboard-top,
.is-investment-app .is-dashboard-view .is-portal-main > .is-stat-grid,
.is-investment-app .is-dashboard-view .is-portal-main > .is-active-investment,
.is-investment-app .is-dashboard-view .is-portal-main > .is-dashboard-grid-top,
.is-investment-app .is-dashboard-view .is-portal-main > .is-dashboard-fund,
.is-investment-app .is-dashboard-view .is-portal-main > .is-dashboard-rank-wallet,
.is-investment-app .is-dashboard-view .is-portal-main > .is-recent-activity {
  max-width: none !important;
  width: 100% !important;
}

/* The rail itself starts at the viewport edge; its inner rhythm stays compact. */
.is-investment-app .is-portal-sidebar .is-sitebar {
  padding-inline: 14px !important;
}
.is-investment-app .is-portal-sidebar .is-sitebar .is-brand-mark,
.is-investment-app .is-portal-sidebar .is-sitebar .is-brand-logo {
  width: 34px !important;
  height: 34px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section {
  padding-inline: 8px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a {
  min-height: 42px !important;
  gap: 9px !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-sidebar-icon,
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-inline-icon {
  width: 32px !important;
  height: 32px !important;
}
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-sidebar-icon .is-inline-icon,
.is-investment-app .is-portal-sidebar .is-sidebar-section a > .is-inline-icon {
  width: 17px !important;
  height: 17px !important;
}

@media (max-width: 850px) {
  .is-investment-app .is-portal-layout {
    display: block !important;
  }
  .is-investment-app .is-portal-main,
  .is-investment-app .is-dashboard-view .is-portal-main {
    padding: 32px 22px 58px !important;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-portal-main,
  .is-investment-app .is-dashboard-view .is-portal-main {
    padding: 25px 14px 48px !important;
  }
}

/* ═══════════════════════════════════════════
   TEAM TREE — CLEAR ORG-CHART INTERACTION
   ═══════════════════════════════════════════ */
.is-investment-app .is-team-card {
  max-width: none !important;
  padding: 26px !important;
  background: linear-gradient(145deg, rgba(9, 31, 47, .96), rgba(4, 18, 31, .98)) !important;
  border-color: rgba(126, 183, 214, .18) !important;
}
.is-investment-app .is-team-tree {
  overflow: auto !important;
  padding: 34px 10px 20px !important;
}
.is-investment-app .is-team-branch {
  gap: 24px !important;
  padding-top: 26px !important;
}
.is-investment-app .is-team-node {
  min-width: 218px !important;
}
.is-investment-app .is-team-member {
  width: 218px !important;
  min-height: 68px !important;
  padding: 12px 13px !important;
  text-align: left !important;
  border-radius: 14px !important;
  border-color: rgba(126, 183, 214, .2) !important;
  background: linear-gradient(145deg, #12364c, #071e32) !important;
}
.is-investment-app .is-team-member::after {
  content: "View details";
  position: absolute;
  right: 12px;
  bottom: 8px;
  color: rgba(178, 205, 216, .68);
  font-size: 8px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.is-investment-app .is-team-member-open {
  border-color: var(--lx-gold) !important;
  box-shadow: 0 0 0 2px rgba(255, 181, 27, .13), 0 16px 32px rgba(0, 0, 0, .28) !important;
}
.is-investment-app .is-team-member-open .is-team-chevron {
  transform: rotate(90deg);
}
.is-investment-app .is-team-avatar {
  width: 36px !important;
  height: 36px !important;
  background: linear-gradient(145deg, #ffd36b, #c98a0a) !important;
}
.is-investment-app .is-team-avatar .is-inline-icon {
  width: 18px !important;
  height: 18px !important;
}
.is-investment-app .is-team-member-copy {
  min-width: 0 !important;
  padding-right: 22px;
}
.is-investment-app .is-team-member-copy strong {
  display: block;
  max-width: 120px;
  color: #f5fbff !important;
  font-size: 11px !important;
}
.is-investment-app .is-team-member-copy small {
  display: block;
  max-width: 140px;
  color: #91afbd !important;
  font-size: 9px !important;
}
.is-investment-app .is-team-chevron {
  position: absolute;
  right: 9px;
  top: 12px;
  transition: transform .2s ease;
}
.is-investment-app .is-team-chevron .is-inline-icon {
  width: 14px !important;
  height: 14px !important;
}
.is-investment-app .is-team-popover {
  left: 0 !important;
  top: calc(100% + 12px) !important;
  width: 286px !important;
  padding: 16px !important;
  gap: 12px !important;
  border: 1px solid rgba(255, 181, 27, .55) !important;
  border-radius: 16px !important;
  background: linear-gradient(155deg, #092237, #041421) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .52) !important;
}
.is-investment-app .is-team-member:hover + .is-team-popover,
.is-investment-app .is-team-member-open + .is-team-popover {
  display: grid !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.is-investment-app .is-team-popover-head {
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.is-investment-app .is-team-popover-head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.is-investment-app .is-team-popover-head strong {
  color: #f5fbff !important;
  font-size: 14px !important;
}
.is-investment-app .is-team-popover-head span {
  color: #91afbd !important;
  font-size: 9px !important;
}
.is-investment-app .is-team-popover-close {
  display: grid;
  place-items: center;
  flex: none;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(126, 183, 214, .22);
  border-radius: 8px;
  color: #aac3ce;
  background: rgba(126, 183, 214, .08);
  cursor: pointer;
}
.is-investment-app .is-team-popover-close:hover {
  color: #fff;
  border-color: var(--lx-gold);
  background: rgba(255, 181, 27, .15);
}
.is-investment-app .is-team-popover-close .is-inline-icon {
  width: 14px;
  height: 14px;
}
.is-investment-app .is-team-contact {
  display: grid !important;
  gap: 5px !important;
  padding: 10px 0 !important;
  border-top: 1px solid rgba(126, 183, 214, .14);
  border-bottom: 1px solid rgba(126, 183, 214, .14);
}
.is-investment-app .is-team-contact span {
  overflow-wrap: anywhere;
  color: #bdd0d8 !important;
  font-size: 10px !important;
}
.is-investment-app .is-team-package-line {
  display: grid;
  gap: 4px;
}
.is-investment-app .is-team-package-line span,
.is-investment-app .is-team-popover-grid small {
  color: #7896a4 !important;
  font-size: 9px !important;
}
.is-investment-app .is-team-package-line strong {
  color: #f2c45a !important;
  font-size: 11px !important;
}
.is-investment-app .is-team-popover-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}
.is-investment-app .is-team-popover-grid > div {
  display: grid !important;
  gap: 4px !important;
  padding: 9px 7px !important;
  border: 1px solid rgba(126, 183, 214, .13) !important;
  border-radius: 9px;
  background: rgba(126, 183, 214, .06);
}
.is-investment-app .is-team-popover-grid b {
  color: #ffd36b !important;
  font-size: 10px !important;
}

/* ═══════════════════════════════════════════
   ADMIN MEMBER ACCESS
   ═══════════════════════════════════════════ */
.is-investment-app .is-admin-password-card {
  max-width: 900px !important;
}
.is-investment-app .is-admin-password-form {
  display: grid;
  gap: 16px;
  margin-top: 22px;
}
.is-investment-app .is-admin-password-form > label,
.is-investment-app .is-admin-password-grid label {
  display: grid;
  gap: 8px;
  color: #a7bfca;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.is-investment-app .is-admin-password-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.is-investment-app .is-admin-password-form input,
.is-investment-app .is-admin-password-form select {
  width: 100%;
  box-sizing: border-box;
}
.is-investment-app .is-admin-password-note {
  margin: 14px 0 0;
  color: #7695a4;
  font-size: 10px;
}

@media (max-width: 850px) {
  .is-investment-app .is-team-card {
    padding: 20px !important;
  }
  .is-investment-app .is-team-tree {
    overflow-x: auto !important;
  }
  .is-investment-app .is-team-popover {
    position: fixed !important;
    z-index: 50;
    left: 18px !important;
    right: 18px !important;
    top: auto !important;
    bottom: 18px !important;
    width: auto !important;
    max-height: min(76vh, 480px);
    overflow-y: auto;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-admin-password-grid {
    grid-template-columns: 1fr;
  }
  .is-investment-app .is-team-card {
    padding: 16px !important;
  }
  .is-investment-app .is-team-tree {
    margin-inline: -4px;
    padding-inline: 4px !important;
  }
}

/* ═══════════════════════════════════════════
   27. TEAM TREE + MEMBER SEARCH REFINEMENT
   ═══════════════════════════════════════════ */
.is-investment-app .is-team-card {
  overflow: visible !important;
}
.is-investment-app .is-team-tree {
  position: relative;
  overflow: auto !important;
  padding: 34px 18px 28px !important;
  scrollbar-color: rgba(255,181,27,.42) rgba(255,255,255,.04);
}
.is-investment-app .is-team-branch {
  align-items: flex-start;
  gap: 24px !important;
  min-width: max-content;
  padding: 28px 0 0 34px !important;
}
.is-investment-app .is-team-branch.is-team-root {
  min-width: 0;
  padding: 0 !important;
}
.is-investment-app .is-team-branch:not(.is-team-root) {
  margin-top: 24px;
  padding-top: 30px !important;
  border-top: 1px solid rgba(255,181,27,.28);
}
.is-investment-app .is-team-branch:not(.is-team-root):before {
  left: 38px !important;
  top: -30px !important;
  height: 30px !important;
  border-left: 1px solid rgba(255,181,27,.52) !important;
}
.is-investment-app .is-team-branch:not(.is-team-root) > .is-team-node:before {
  left: -24px !important;
  top: 34px !important;
  width: 24px !important;
  border-top: 1px solid rgba(255,181,27,.52) !important;
}
.is-investment-app .is-team-branch:not(.is-team-root) > .is-team-node:after {
  display: none !important;
}
.is-investment-app .is-team-node {
  width: 214px;
  min-width: 214px !important;
}
.is-investment-app .is-team-member {
  min-height: 66px;
  padding: 12px 13px !important;
  background: linear-gradient(145deg, rgba(19,54,72,.96), rgba(5,24,40,.98)) !important;
  border-color: rgba(126,183,214,.22) !important;
}
.is-investment-app .is-team-member:after {
  content: "View details";
  position: absolute;
  right: 11px;
  bottom: 7px;
  color: rgba(255,211,107,.68);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.is-investment-app .is-team-member:hover,
.is-investment-app .is-team-member:focus-visible,
.is-investment-app .is-team-member.is-team-member-open {
  border-color: rgba(255,181,27,.82) !important;
  background: linear-gradient(145deg, rgba(39,78,87,.98), rgba(8,31,47,.99)) !important;
  box-shadow: 0 0 0 3px rgba(255,181,27,.1), 0 18px 36px rgba(0,0,0,.3) !important;
}
.is-investment-app .is-team-member.is-team-member-open:after {
  content: "Details open";
  color: #ffd36b;
}
.is-investment-app .is-team-member-copy {
  padding-right: 46px;
}
.is-investment-app .is-team-member-copy small {
  max-width: 142px;
}
.is-investment-app .is-team-popover {
  left: 0 !important;
  top: calc(100% + 12px) !important;
  width: 286px !important;
  padding: 16px !important;
  border-color: rgba(255,181,27,.58) !important;
  background: linear-gradient(155deg, #071d2d, #04111e) !important;
}
.is-investment-app .is-team-member:hover + .is-team-popover,
.is-investment-app .is-team-member:focus-visible + .is-team-popover,
.is-investment-app .is-team-popover:hover,
.is-investment-app .is-team-member-open + .is-team-popover {
  display: grid !important;
  gap: 10px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.is-investment-app .is-team-popover-head {
  padding-right: 24px;
}
.is-investment-app .is-team-popover-close {
  display: grid;
  place-items: center;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(255,181,27,.28);
  border-radius: 50%;
  background: rgba(255,181,27,.08);
  color: #ffd36b;
  cursor: pointer;
}
.is-investment-app .is-team-popover-close:hover,
.is-investment-app .is-team-popover-close:focus-visible {
  background: rgba(255,181,27,.2);
  outline: 2px solid rgba(255,181,27,.35);
  outline-offset: 2px;
}
.is-investment-app .is-team-popover-close .is-inline-icon {
  width: 13px;
  height: 13px;
}
.is-investment-app .is-admin-member-search-card {
  max-width: 100%;
  margin-bottom: 16px;
}
.is-investment-app .is-admin-member-search {
  display: grid;
  gap: 8px;
}
.is-investment-app .is-admin-member-search label {
  color: #ffd36b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.is-investment-app .is-admin-member-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 9px;
}
.is-investment-app .is-admin-member-search-row input {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.is-investment-app .is-admin-member-search small {
  color: #8099a5;
  font-size: 10px;
}
.is-investment-app .is-admin-portal-table th,
.is-investment-app .is-admin-portal-table td {
  vertical-align: middle;
}
@media (max-width: 700px) {
  .is-investment-app .is-team-tree {
    padding-inline: 8px !important;
  }
  .is-investment-app .is-admin-member-search-row {
    grid-template-columns: 1fr;
  }
  .is-investment-app .is-admin-member-search-row .is-button {
    width: 100%;
  }
}

/* ═══════════════════════════════════════════
   28. INLINE CENTERED TEAM TREE
   Details stay inside the selected node and
   never get appended to the end of the map.
   ═══════════════════════════════════════════ */
.is-investment-app .is-team-tree {
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 42px 28px 36px !important;
}
.is-investment-app .is-team-branch {
  position: relative;
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
  gap: 26px !important;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 34px 0 0 !important;
  list-style: none;
}
.is-investment-app .is-team-branch.is-team-root {
  width: 100%;
  min-width: 0;
  padding: 0 !important;
}
.is-investment-app .is-team-branch.is-team-root > .is-team-node {
  margin-inline: auto;
}
.is-investment-app .is-team-node {
  position: relative;
  flex: 0 0 214px;
  width: 214px;
  min-width: 214px !important;
  list-style: none;
}
.is-investment-app .is-team-node > .is-team-branch {
  position: relative;
  left: 50%;
  margin-top: 34px;
  transform: translateX(-50%);
}
.is-investment-app .is-team-branch:not(.is-team-root)::before {
  content: "";
  position: absolute;
  left: 0 !important;
  right: 0;
  top: 0 !important;
  width: auto !important;
  height: 0 !important;
  border-top: 1px solid rgba(255,181,27,.42) !important;
  border-left: 0 !important;
}
.is-investment-app .is-team-branch:not(.is-team-root)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -34px;
  width: 0;
  height: 34px;
  border-left: 1px solid rgba(255,181,27,.54);
}
.is-investment-app .is-team-branch:not(.is-team-root) > .is-team-node::before {
  content: "";
  position: absolute;
  left: 50% !important;
  top: 0 !important;
  width: 0 !important;
  height: 34px !important;
  border-top: 0 !important;
  border-left: 1px solid rgba(255,181,27,.54) !important;
}
.is-investment-app .is-team-branch:not(.is-team-root) > .is-team-node::after {
  display: none !important;
}
.is-investment-app .is-team-member {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 68px;
  box-sizing: border-box;
}
.is-investment-app .is-team-member::after {
  content: "View details";
}
.is-investment-app .is-team-member.is-team-member-open::after {
  content: "Details open";
}
.is-investment-app .is-team-popover {
  position: relative !important;
  z-index: 3;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: none;
  width: 100% !important;
  max-height: none !important;
  box-sizing: border-box;
  margin-top: 0;
  padding: 14px !important;
  overflow: visible;
  transform: none !important;
}
.is-investment-app .is-team-member.is-team-member-open {
  border-radius: 12px 12px 0 0 !important;
}
.is-investment-app .is-team-member.is-team-member-open + .is-team-popover {
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
}
.is-investment-app .is-team-member:hover ~ .is-team-popover,
.is-investment-app .is-team-member:focus-visible ~ .is-team-popover,
.is-investment-app .is-team-member-open ~ .is-team-popover,
.is-investment-app .is-team-popover:hover {
  display: grid !important;
  gap: 9px !important;
  opacity: 1 !important;
}
.is-investment-app .is-team-member.is-team-member-open ~ .is-team-popover.is-team-popover-dismissed,
.is-investment-app .is-team-popover.is-team-popover-dismissed {
  display: none !important;
}
.is-investment-app .is-team-popover-head {
  padding-right: 25px;
}
.is-investment-app .is-team-contact {
  overflow-wrap: anywhere;
}
@media (max-width: 850px) {
  .is-investment-app .is-team-tree {
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
  .is-investment-app .is-team-popover {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
  }
}

/* ═══════════════════════════════════════════
   29. NON-OVERLAPPING ORG-CHART CONNECTORS
   Each nested branch owns its own width and
   connector rail. This keeps every child under
   the correct sponsor even with deep teams.
   ═══════════════════════════════════════════ */
.is-investment-app .is-team-tree {
  position: relative !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 42px 22px 48px !important;
  isolation: isolate;
}
.is-investment-app .is-team-tree ul.is-team-branch {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 28px !important;
  width: max-content !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 38px 0 0 !important;
  list-style: none !important;
}
.is-investment-app .is-team-tree > ul.is-team-branch.is-team-root {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.is-investment-app .is-team-tree li.is-team-node {
  position: relative !important;
  display: block !important;
  flex: 0 0 220px !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  box-sizing: border-box;
}
.is-investment-app .is-team-tree li.is-team-node > .is-team-member {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  transform: none !important;
}
.is-investment-app .is-team-tree li.is-team-node > .is-team-expand {
  position: absolute !important;
  z-index: 6;
  top: 10px;
  right: 10px;
  display: grid !important;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  border: 1px solid rgba(255,181,27,.48) !important;
  border-radius: 50%;
  background: rgba(255,181,27,.12) !important;
  color: #ffd36b !important;
  font: 800 17px/1 Arial, sans-serif !important;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.is-investment-app .is-team-tree li.is-team-node > .is-team-expand:hover,
.is-investment-app .is-team-tree li.is-team-node > .is-team-expand:focus-visible {
  background: rgba(255,181,27,.28) !important;
  color: #fff !important;
  outline: 2px solid rgba(255,181,27,.25);
  outline-offset: 2px;
}
.is-investment-app .is-team-tree li.is-team-node > .is-team-expand[aria-expanded="true"] {
  background: rgba(255,181,27,.24) !important;
  transform: rotate(180deg);
}
.is-investment-app .is-team-tree li.is-team-node > .is-team-expand-icon {
  display: block;
}
.is-investment-app .is-team-tree ul.is-team-branch.is-team-branch-collapsed {
  display: none !important;
}
.is-investment-app .is-team-tree ul.is-team-branch.is-team-branch-open {
  display: flex !important;
}
.is-investment-app .is-team-tree li.is-team-node > ul.is-team-branch {
  position: relative !important;
  left: 50% !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 48px 0 0 !important;
  transform: translateX(-50%) !important;
}

/* Vertical stem from a sponsor to that sponsor's child rail. */
.is-investment-app .is-team-tree li.is-team-node > ul.is-team-branch::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -48px !important;
  width: 0 !important;
  height: 48px !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,181,27,.64) !important;
  background: none !important;
  transform: none !important;
}

/* Horizontal rail spans from the first child center to the last. */
.is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root)::before {
  content: "" !important;
  position: absolute !important;
  left: 110px !important;
  right: 110px !important;
  top: 0 !important;
  width: auto !important;
  height: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,181,27,.64) !important;
  background: none !important;
}
.is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root):has(> .is-team-node:only-child)::before {
  left: 50% !important;
  right: auto !important;
  width: 0 !important;
}

/* One vertical drop from the rail into each child card. */
.is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root) > li.is-team-node::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -38px !important;
  width: 0 !important;
  height: 38px !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,181,27,.64) !important;
  background: none !important;
  transform: none !important;
}
.is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root) > li.is-team-node::after {
  display: none !important;
  content: none !important;
}

/* Keep the open detail panel inside the same non-overlapping node column. */
.is-investment-app .is-team-tree .is-team-popover {
  position: relative !important;
  inset: auto !important;
  display: none;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}
.is-investment-app .is-team-tree .is-team-member:hover ~ .is-team-popover,
.is-investment-app .is-team-tree .is-team-member:focus-visible ~ .is-team-popover,
.is-investment-app .is-team-tree .is-team-member-open ~ .is-team-popover,
.is-investment-app .is-team-tree .is-team-popover:hover {
  display: grid !important;
  gap: 9px !important;
  opacity: 1 !important;
}
.is-investment-app .is-team-tree .is-team-member.is-team-member-open ~ .is-team-popover.is-team-popover-dismissed,
.is-investment-app .is-team-tree .is-team-popover.is-team-popover-dismissed {
  display: none !important;
}
@media (max-width: 700px) {
  .is-investment-app .is-team-tree {
    padding-inline: 14px !important;
  }
  .is-investment-app .is-team-tree li.is-team-node {
    flex-basis: 208px !important;
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
  }
  .is-investment-app .is-team-tree ul.is-team-branch {
    gap: 22px !important;
  }
}

/* ═══════════════════════════════════════════
   TEAM SUMMARY — PREMIUM METRIC TILES
   Shared desktop foundation; the mobile pass
   below tightens the same visual system.
   ═══════════════════════════════════════════ */
.is-investment-app .is-team-summary {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100%;
  max-width: 1000px !important;
  margin: 0 auto 18px !important;
  text-align: center;
}

.is-investment-app .is-team-summary > div {
  position: relative;
  display: grid !important;
  place-items: center;
  gap: 7px !important;
  min-width: 0;
  min-height: 118px;
  padding: 20px 16px !important;
  overflow: hidden;
  text-align: center;
  border-radius: 16px !important;
  border-color: rgba(126, 183, 214, .24) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 181, 22, .13), transparent 55%),
    linear-gradient(145deg, rgba(15, 49, 67, .96), rgba(5, 21, 34, .98)) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.is-investment-app .is-team-summary > div::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 181, 22, .62), transparent);
  pointer-events: none;
}

.is-investment-app .is-team-summary span {
  color: #a9c6d0 !important;
  font-size: 11px !important;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.is-investment-app .is-team-summary strong {
  color: #ffd36b !important;
  font-size: clamp(1.9rem, 3vw, 2.55rem) !important;
  font-weight: 900;
  letter-spacing: -.065em !important;
  line-height: .95;
  text-align: center;
  text-shadow: 0 6px 20px rgba(255, 181, 22, .16);
}

.is-investment-app .is-team-summary small {
  color: #7899a7 !important;
  font-size: 10px !important;
  line-height: 1.25;
  text-align: center;
}

/* ═══════════════════════════════════════════
   MOBILE RESPONSIVE PASS
   Keep the org chart readable inside its card
   without allowing the page itself to overflow.
   ═══════════════════════════════════════════ */
@media (max-width: 850px) {
  .is-investment-app,
  .is-investment-app .is-shell,
  .is-investment-app .is-portal-layout,
  .is-investment-app .is-portal-main {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .is-investment-app .is-portal-main > *,
  .is-investment-app .is-card,
  .is-investment-app .is-team-card,
  .is-investment-app .is-table-wrap,
  .is-investment-app .is-form,
  .is-investment-app .is-dashboard-grid,
  .is-investment-app .is-dashboard-grid-top {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  .is-investment-app .is-team-card {
    width: 100%;
    padding: 18px !important;
    overflow: hidden !important;
  }

  .is-investment-app .is-team-card .is-card-heading {
    min-width: 0;
    align-items: flex-start;
  }

  .is-investment-app .is-team-card .is-card-heading > div {
    min-width: 0;
  }

  .is-investment-app .is-team-card .is-card-heading h2,
  .is-investment-app .is-team-card .is-card-heading p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .is-investment-app .is-team-card .is-pill {
    flex: 0 0 auto;
  }

  .is-investment-app .is-team-tree {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 30px 8px 24px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .is-investment-app .is-team-tree > ul.is-team-branch.is-team-root {
    width: max-content !important;
    min-width: 100% !important;
    justify-content: flex-start !important;
    padding-left: var(--is-team-left-space, 0px) !important;
    padding-right: var(--is-team-right-space, 18px) !important;
    box-sizing: border-box !important;
  }

  .is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root) {
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .is-investment-app .is-team-tree li.is-team-node {
    flex: 0 0 208px !important;
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
  }

  /*
   * Keep every child row centered under its sponsor. The small UI helper
   * below adds enough left breathing room to the root row so this centered
   * branch remains reachable from the horizontal scroll origin.
   */
  .is-investment-app .is-team-tree li.is-team-node > ul.is-team-branch {
    left: 50% !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
  }

  .is-investment-app .is-team-tree li.is-team-node > ul.is-team-branch::after {
    left: 104px !important;
  }

  .is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root)::before {
    left: 104px !important;
    right: 104px !important;
  }

  .is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root):has(> .is-team-node:only-child)::before {
    left: 104px !important;
    right: auto !important;
    width: 0 !important;
  }

  .is-investment-app .is-team-tree .is-team-member {
    width: 100% !important;
    min-width: 0 !important;
  }

  .is-investment-app .is-team-tree .is-team-popover {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .is-investment-app .is-team-popover-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .is-investment-app .is-team-popover-grid > div,
  .is-investment-app .is-team-popover-grid b,
  .is-investment-app .is-team-contact span,
  .is-investment-app .is-team-package-line strong {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .is-investment-app .is-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .is-investment-app .is-table-wrap table {
    max-width: none;
  }

  .is-investment-app .is-button,
  .is-investment-app input,
  .is-investment-app select,
  .is-investment-app textarea {
    box-sizing: border-box;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-portal-main {
    padding-inline: 12px !important;
  }

  .is-investment-app .is-team-card {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .is-investment-app .is-team-card .is-card-heading {
    display: grid !important;
    gap: 10px !important;
  }

  .is-investment-app .is-team-card .is-card-heading > .is-pill {
    justify-self: start;
  }

  .is-investment-app .is-team-tree {
    margin-inline: -2px;
    padding: 26px 4px 20px !important;
  }

  .is-investment-app .is-team-tree li.is-team-node {
    flex-basis: 196px !important;
    width: 196px !important;
    min-width: 196px !important;
    max-width: 196px !important;
  }

  .is-investment-app .is-team-tree li.is-team-node > ul.is-team-branch::after {
    left: 98px !important;
  }

  .is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root)::before {
    left: 98px !important;
    right: 98px !important;
  }

  .is-investment-app .is-team-tree ul.is-team-branch:not(.is-team-root):has(> .is-team-node:only-child)::before {
    left: 98px !important;
  }

  .is-investment-app .is-team-summary {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100%;
    max-width: 1000px !important;
    margin: 0 auto 18px !important;
    text-align: center;
  }

  .is-investment-app .is-team-summary > div {
    position: relative;
    display: grid !important;
    place-items: center;
    gap: 7px !important;
    min-width: 0;
    min-height: 118px;
    padding: 20px 16px !important;
    overflow: hidden;
    text-align: center;
    border-radius: 16px !important;
    border-color: rgba(126, 183, 214, .24) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 181, 22, .13), transparent 55%),
      linear-gradient(145deg, rgba(15, 49, 67, .96), rgba(5, 21, 34, .98)) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  .is-investment-app .is-team-summary > div::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 181, 22, .62), transparent);
    pointer-events: none;
  }

  .is-investment-app .is-team-summary span {
    color: #a9c6d0 !important;
    font-size: 11px !important;
    font-weight: 850;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .is-investment-app .is-team-summary strong {
    color: #ffd36b !important;
    font-size: clamp(1.9rem, 3vw, 2.55rem) !important;
    font-weight: 900;
    letter-spacing: -.065em !important;
    line-height: .95;
    text-align: center;
    text-shadow: 0 6px 20px rgba(255, 181, 22, .16);
  }

  .is-investment-app .is-team-summary small {
    color: #7899a7 !important;
    font-size: 10px !important;
    line-height: 1.25;
    text-align: center;
  }

  .is-investment-app .is-team-member {
    padding-inline: 11px !important;
  }

  .is-investment-app .is-team-popover {
    padding: 12px !important;
  }

  .is-investment-app .is-team-popover-grid {
    gap: 6px !important;
  }

  .is-investment-app .is-team-popover-grid > div {
    padding-inline: 5px !important;
  }

  .is-investment-app .is-team-summary,
  .is-investment-app .is-earnings-breakdown,
  .is-investment-app .is-fee-breakdown,
  .is-investment-app .is-withdraw-account-grid,
  .is-investment-app .is-payment-accounts {
    grid-template-columns: 1fr !important;
  }

  .is-investment-app .is-team-summary {
    gap: 10px !important;
    margin-bottom: 14px !important;
  }

  .is-investment-app .is-team-summary > div {
    min-height: 104px;
    padding: 17px 14px !important;
  }

  .is-investment-app .is-team-summary span {
    font-size: 10px !important;
  }

  .is-investment-app .is-team-summary strong {
    font-size: clamp(2rem, 11vw, 2.55rem) !important;
  }

  .is-investment-app .is-team-summary small {
    font-size: 10px !important;
  }

  .is-investment-app .is-card-heading {
    min-width: 0;
  }

  .is-investment-app .is-card-heading h2,
  .is-investment-app .is-card-heading p {
    overflow-wrap: anywhere;
  }
}

/* ═══════════════════════════════════════════
   FINAL PRODUCT POLISH
   Presentation-only refinement layer.
   Keep data, forms, links and interaction hooks unchanged.
   ═══════════════════════════════════════════ */

:root {
  --lx-premium-ink: #07131f;
  --lx-premium-blue: #3fc4c8;
  --lx-premium-blue-soft: rgba(63, 196, 200, .16);
  --lx-premium-gold: #f4c75d;
  --lx-premium-border: rgba(151, 201, 215, .18);
  --lx-premium-surface: rgba(11, 37, 52, .88);
}

body.is-investment-app {
  font-family: "Avenir Next", "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background:
    radial-gradient(circle at 72% -12%, rgba(63, 196, 200, .10), transparent 31rem),
    #02101c !important;
}

.is-investment-app button,
.is-investment-app input,
.is-investment-app select,
.is-investment-app textarea {
  font-family: inherit;
}

.is-investment-app .is-shell:not(.is-portal-page) {
  position: relative;
  isolation: isolate;
}

.is-investment-app .is-shell:not(.is-portal-page)::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 18%, rgba(63, 196, 200, .08), transparent 24rem),
    radial-gradient(circle at 94% 52%, rgba(244, 199, 93, .06), transparent 23rem);
}

/* Public header: more intentional spacing and a quiet glass edge. */
.is-investment-app .is-sitebar {
  min-height: 76px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  border-bottom-color: rgba(151, 201, 215, .13) !important;
  background: linear-gradient(180deg, rgba(2, 16, 28, .84), rgba(2, 16, 28, .42)) !important;
  backdrop-filter: blur(16px);
}

.is-investment-app .is-sitebar .is-brand-name {
  font-size: 15px;
  letter-spacing: -.035em;
}

.is-investment-app .is-site-nav a {
  position: relative;
  padding: 9px 2px;
  color: #a9c1ca !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.is-investment-app .is-site-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--lx-premium-blue), var(--lx-premium-gold));
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s ease;
}

.is-investment-app .is-site-nav a:hover::after,
.is-investment-app .is-site-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Home / public pages get a richer visual stage without changing markup. */
.is-investment-app .is-landing,
.is-investment-app .is-home-gateway {
  background:
    radial-gradient(circle at 50% 0%, rgba(52, 137, 157, .23), transparent 34rem),
    linear-gradient(145deg, #031321 0%, #02101c 58%, #010a13 100%) !important;
}

.is-investment-app .is-landing-hero {
  position: relative;
  overflow: hidden;
  padding-top: clamp(74px, 10vw, 138px);
  padding-bottom: clamp(76px, 10vw, 142px);
}

.is-investment-app .is-landing-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(70vw, 720px);
  height: min(70vw, 720px);
  right: -20%;
  top: 7%;
  border: 1px solid rgba(63, 196, 200, .11);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(63, 196, 200, .025),
    0 0 0 96px rgba(63, 196, 200, .018);
  pointer-events: none;
}

.is-investment-app .is-landing-copy h2 {
  max-width: 820px;
  font-size: clamp(3.25rem, 8vw, 7.4rem) !important;
  line-height: .91 !important;
  letter-spacing: -.09em !important;
}

.is-investment-app .is-landing-copy p {
  max-width: 560px;
  color: #a9c2cc !important;
  font-size: clamp(14px, 1.45vw, 17px) !important;
  line-height: 1.75 !important;
}

.is-investment-app .is-landing-cta .is-button {
  min-height: 50px;
  padding-inline: 25px !important;
  font-size: 12px !important;
}

.is-investment-app .is-section-intro h2 {
  letter-spacing: -.075em !important;
}

.is-investment-app .is-landing-plan,
.is-investment-app .is-plan-card,
.is-investment-app .is-contact-card {
  border-color: var(--lx-premium-border) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(19, 59, 73, .86), rgba(5, 22, 36, .97)) !important;
  box-shadow: 0 24px 70px rgba(0, 8, 16, .25), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.is-investment-app .is-landing-plan:hover,
.is-investment-app .is-plan-card:hover,
.is-investment-app .is-contact-card:hover {
  transform: translateY(-5px);
  border-color: rgba(63, 196, 200, .42) !important;
}

/* Gateway / login landing card. */
.is-investment-app .is-home-gateway-card {
  width: min(100%, 570px);
  padding: clamp(35px, 6vw, 58px) clamp(24px, 6vw, 52px) !important;
  border-color: rgba(151, 201, 215, .26) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(63, 196, 200, .22), transparent 48%),
    linear-gradient(150deg, rgba(18, 59, 75, .95), rgba(3, 18, 31, .98)) !important;
  box-shadow:
    0 32px 100px rgba(0, 0, 0, .44),
    0 0 0 1px rgba(244, 199, 93, .08),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.is-investment-app .is-home-gateway-card h1 {
  font-size: clamp(2.4rem, 7vw, 4.15rem) !important;
  letter-spacing: -.085em !important;
}

.is-investment-app .is-home-gateway-card p {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

/* Auth: visual confidence, while preserving the exact existing form posts. */
.is-investment-app .is-auth-grid {
  max-width: 1080px;
  gap: 24px;
  margin-top: clamp(28px, 5vw, 52px);
}

.is-investment-app .is-auth-grid::before {
  inset: -100px 4% auto;
  height: 360px;
  background:
    radial-gradient(ellipse at 28% 42%, rgba(63, 196, 200, .20), transparent 54%),
    radial-gradient(ellipse at 74% 42%, rgba(244, 199, 93, .14), transparent 52%);
  filter: blur(18px);
}

.is-investment-app .is-auth-card {
  min-height: 540px;
  padding: clamp(26px, 4vw, 44px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(63, 196, 200, .16), transparent 17rem),
    linear-gradient(150deg, rgba(18, 59, 75, .97), rgba(4, 20, 33, .99)) !important;
  box-shadow:
    0 30px 86px rgba(0, 6, 14, .36),
    inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.is-investment-app .is-auth-card.is-auth-dark,
.is-investment-app .is-auth-card:nth-child(2) {
  background:
    radial-gradient(circle at 12% 0%, rgba(244, 199, 93, .16), transparent 18rem),
    linear-gradient(150deg, rgba(48, 61, 56, .98), rgba(9, 27, 36, .99)) !important;
}

.is-investment-app .is-auth-card h2 {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  letter-spacing: -.075em !important;
}

.is-investment-app .is-auth-card .is-form {
  gap: 17px;
}

.is-investment-app .is-auth-card .is-form label {
  gap: 8px;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .015em;
}

.is-investment-app .is-auth-card .is-form input {
  min-height: 50px;
  padding: 13px 15px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}

.is-investment-app .is-auth-card .is-button {
  min-height: 53px;
  margin-top: 8px;
  border-radius: 13px !important;
  font-size: 12px !important;
}

/* Dashboard: center the top metrics and increase their mobile legibility. */
.is-investment-app .is-dashboard-view .is-dashboard-top {
  max-width: 1120px !important;
  margin-bottom: 24px !important;
  padding: clamp(22px, 3vw, 32px) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(63, 196, 200, .17), transparent 20rem),
    linear-gradient(145deg, rgba(19, 64, 77, .95), rgba(5, 23, 37, .98)) !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.is-investment-app .is-dashboard-view .is-dashboard-top h2 {
  font-size: clamp(1.85rem, 4vw, 3.1rem) !important;
}

.is-investment-app .is-dashboard-view .is-stat-grid {
  max-width: 1120px !important;
  gap: 16px !important;
  margin-inline: auto;
}

.is-investment-app .is-dashboard-view .is-stat-card {
  min-height: 158px !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 22px 16px !important;
  text-align: center;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(63, 196, 200, .11), transparent 62%),
    linear-gradient(145deg, rgba(15, 52, 68, .94), rgba(5, 24, 39, .98)) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.is-investment-app .is-dashboard-view .is-stat-card::before {
  left: 25%;
  right: 25%;
  top: auto;
  bottom: 0;
  width: auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(63, 196, 200, .66), transparent);
}

.is-investment-app .is-dashboard-view .is-stat-card.is-stat-feature {
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 199, 93, .20), transparent 60%),
    linear-gradient(145deg, rgba(52, 69, 62, .98), rgba(16, 40, 45, .99)) !important;
}

.is-investment-app .is-dashboard-view .is-stat-label {
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  color: #b3cbd2 !important;
  font-size: 10px !important;
  letter-spacing: .065em !important;
}

.is-investment-app .is-dashboard-view .is-stat-label i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(63, 196, 200, .12);
}

.is-investment-app .is-dashboard-view .is-stat-card.is-stat-feature .is-stat-label i {
  background: rgba(244, 199, 93, .14);
}

.is-investment-app .is-dashboard-view .is-stat-card > strong {
  width: 100%;
  color: #f6fbfc !important;
  font-size: clamp(1.55rem, 3vw, 2.25rem) !important;
  line-height: 1 !important;
  letter-spacing: -.065em !important;
  text-align: center;
}

.is-investment-app .is-dashboard-view .is-stat-card.is-stat-feature > strong {
  color: #ffda77 !important;
}

.is-investment-app .is-dashboard-view .is-stat-card > small {
  width: 100%;
  color: #8ca9b4 !important;
  font-size: 10px !important;
  text-align: center;
}

.is-investment-app .is-dashboard-view .is-dashboard-grid-top,
.is-investment-app .is-dashboard-view .is-dashboard-fund,
.is-investment-app .is-dashboard-view .is-dashboard-rank-wallet,
.is-investment-app .is-dashboard-view .is-recent-activity {
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.is-investment-app .is-dashboard-view .is-card,
.is-investment-app .is-dashboard-view .is-active-investment {
  border-radius: 20px !important;
  border-color: var(--lx-premium-border) !important;
  background:
    linear-gradient(145deg, rgba(13, 45, 61, .91), rgba(4, 21, 35, .98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.is-investment-app .is-dashboard-view .is-card-heading h3,
.is-investment-app .is-dashboard-view .is-active-investment h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  letter-spacing: -.06em !important;
}

/* Private navigation feels like a product shell rather than a WP sidebar. */
.is-investment-app .is-portal-sidebar {
  border-right-color: rgba(151, 201, 215, .14) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(63, 196, 200, .10), transparent 22rem),
    linear-gradient(180deg, #061d2b, #031321) !important;
}

.is-investment-app .is-portal-sidebar .is-sitebar {
  min-height: 76px;
  border-bottom-color: rgba(151, 201, 215, .12) !important;
}

.is-investment-app .is-portal-sidebar .is-sidebar-section a {
  min-height: 46px !important;
  border: 1px solid transparent;
  border-radius: 13px !important;
  font-size: 12px !important;
}

.is-investment-app .is-portal-sidebar .is-sidebar-section a:hover,
.is-investment-app .is-portal-sidebar .is-sidebar-section a.is-sidebar-active {
  border-color: rgba(63, 196, 200, .20);
  background: linear-gradient(90deg, rgba(63, 196, 200, .13), rgba(63, 196, 200, .03)) !important;
}

@media (max-width: 850px) {
  .is-investment-app .is-dashboard-view .is-dashboard-top {
    align-items: flex-start;
    margin-top: 8px !important;
  }

  .is-investment-app .is-dashboard-view .is-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .is-investment-app .is-dashboard-view .is-stat-card {
    min-height: 148px !important;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-sitebar {
    min-height: 64px;
  }

  .is-investment-app .is-landing-hero {
    padding-top: 66px;
    padding-bottom: 78px;
  }

  .is-investment-app .is-landing-copy h2 {
    font-size: clamp(3rem, 15vw, 4.5rem) !important;
  }

  .is-investment-app .is-landing-copy p {
    font-size: 14px !important;
  }

  .is-investment-app .is-auth-grid {
    gap: 15px;
    margin-top: 25px;
  }

  .is-investment-app .is-auth-card {
    min-height: auto;
    padding: 27px 19px !important;
    border-radius: 21px !important;
  }

  .is-investment-app .is-auth-card h2 {
    margin-bottom: 23px !important;
    font-size: 2.2rem !important;
  }

  .is-investment-app .is-auth-card .is-form input {
    min-height: 52px;
    font-size: 15px !important;
  }

  .is-investment-app .is-dashboard-view .is-dashboard-top {
    padding: 23px 17px !important;
    border-radius: 19px !important;
  }

  .is-investment-app .is-dashboard-view .is-dashboard-top h2 {
    font-size: 1.9rem !important;
  }

  .is-investment-app .is-dashboard-view .is-stat-grid {
    gap: 10px !important;
  }

  .is-investment-app .is-dashboard-view .is-stat-card {
    min-height: 139px !important;
    padding: 19px 10px !important;
    border-radius: 16px !important;
  }

  .is-investment-app .is-dashboard-view .is-stat-label {
    display: grid !important;
    justify-items: center;
    gap: 6px;
    font-size: 9px !important;
    line-height: 1.25;
  }

  .is-investment-app .is-dashboard-view .is-stat-card > strong {
    font-size: clamp(1.45rem, 8vw, 2rem) !important;
  }

  .is-investment-app .is-dashboard-view .is-stat-card > small {
    font-size: 9px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .is-investment-app *,
  .is-investment-app *::before,
  .is-investment-app *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* ═══════════════════════════════════════════
   HEADER + ADMIN NAVIGATION ALIGNMENT FIX
   Presentation-only fixes for full-width headers
   and the mobile admin workspace menu.
   ═══════════════════════════════════════════ */

/* Remove the unreliable light/dark control from every rendered context. */
.is-investment-app .is-mode-toggle {
  display: none !important;
}

/* Public header should touch the viewport edges, while page content keeps its rhythm. */
.is-investment-app .is-shell:not(.is-portal-page) > .is-sitebar {
  width: calc(100% + 56px);
  margin-left: -28px;
  padding-right: 28px !important;
  padding-left: 28px !important;
}

/* Frontend portal is already edge-to-edge; keep its top rail flush as well. */
.is-investment-app .is-shell.is-portal-page {
  margin-top: 0 !important;
}

/* The trigger is anchored to the first content card instead of floating above it. */
.is-investment-app .is-portal-page {
  position: relative;
}

@media (max-width: 850px) {
  .is-investment-app .is-shell:not(.is-portal-page) > .is-sitebar {
    width: calc(100% + 36px);
    margin-left: -18px;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .is-investment-app .is-portal-page .is-mobile-menu-toggle,
  .is-investment-app .is-admin-workspace-view .is-mobile-menu-toggle {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    z-index: 110 !important;
    display: inline-flex !important;
    min-height: 42px;
    border-radius: 12px !important;
  }

  /* Remove the reserved space that was only needed for the old fixed button. */
  .is-investment-app .is-portal-main,
  .is-investment-app .is-dashboard-view .is-portal-main,
  .is-investment-app .is-admin-workspace-view .is-portal-main {
    padding-top: 12px !important;
  }

  /* Give the first card a clear right-side landing zone for the menu trigger. */
  .is-investment-app .is-dashboard-view .is-dashboard-top,
  .is-investment-app .is-admin-workspace-view .is-admin-portal-heading {
    padding-right: 92px !important;
  }

  /* The private navigation remains fully reachable when the menu opens. */
  .is-investment-app .is-admin-workspace-view .is-portal-sidebar {
    display: flex !important;
  }
}

@media (max-width: 520px) {
  .is-investment-app .is-shell:not(.is-portal-page) > .is-sitebar {
    width: calc(100% + 28px);
    margin-left: -14px;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .is-investment-app .is-portal-page .is-mobile-menu-toggle,
  .is-investment-app .is-admin-workspace-view .is-mobile-menu-toggle {
    top: 10px !important;
    right: 12px !important;
    min-height: 40px;
    padding: 9px 11px !important;
  }

  .is-investment-app .is-dashboard-view .is-dashboard-top,
  .is-investment-app .is-admin-workspace-view .is-admin-portal-heading {
    padding-right: 84px !important;
  }

  /* WP admin pages: no decorative outer gutter around the plugin header. */
  body:has(.is-admin-wrap) #wpcontent {
    padding-left: 0 !important;
  }

  body:has(.is-admin-wrap) .is-admin-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 36px !important;
  }

  body:has(.is-admin-wrap) .is-admin-heading {
    border-radius: 0 !important;
    margin-top: 0 !important;
  }
}