/* ============================================================
   LOUIEAUTO ELITE — Global animation + visual elevation layer
   Auto-applied to every page. No per-page changes needed.
   ============================================================ */

/* ── CUSTOM SCROLLBARS ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(201,168,76,0.25); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(201,168,76,0.45); }

/* ── SMOOTH TRANSITIONS on all interactive elements ── */
a, button, [role="button"], .btn, [class*="btn"], [class*="-btn"],
input, select, textarea, [class*="card"], [class*="-card"],
[class*="badge"], [class*="-badge"] {
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease,
              box-shadow 0.2s ease, transform 0.15s ease, opacity 0.15s ease !important;
}

/* ── CARD HOVER LIFT ── */
[class*="card"]:not(td):not([class*="lead-card"]):not([class*="deal-card"]),
[class*="-panel"]:not([class*="side-panel"]):not([class*="detail-panel"]),
.section, [class*="kpi-card"], [class*="kpi-item"] {
  transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.2s ease !important;
}
[class*="card"]:not(td):hover,
[class*="kpi-card"]:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.35), 0 0 0 1px rgba(201,168,76,0.15) !important;
  transform: translateY(-2px) !important;
}

/* ── BUTTON PRESS MICRO-INTERACTION ── */
button:not([disabled]):active,
[class*="btn"]:not([disabled]):active {
  transform: scale(0.96) !important;
  transition: transform 0.08s ease !important;
}

/* ── GOLD FOCUS RINGS ── */
*:focus-visible {
  outline: 2px solid rgba(201,168,76,0.6) !important;
  outline-offset: 2px !important;
}

/* ── SECTION REVEAL ANIMATION ── */
.elite-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.elite-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── STAGGERED CHILDREN ── */
.elite-stagger > *:nth-child(1) { transition-delay: 0ms !important; }
.elite-stagger > *:nth-child(2) { transition-delay: 60ms !important; }
.elite-stagger > *:nth-child(3) { transition-delay: 120ms !important; }
.elite-stagger > *:nth-child(4) { transition-delay: 180ms !important; }
.elite-stagger > *:nth-child(5) { transition-delay: 240ms !important; }
.elite-stagger > *:nth-child(6) { transition-delay: 300ms !important; }
.elite-stagger > *:nth-child(n+7) { transition-delay: 360ms !important; }

/* ── COUNT-UP NUMBERS ── */
[data-countup] {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

/* ── ANIMATED PROGRESS BARS ── */
[class*="bar-fill"], [class*="progress-fill"], [class*="bar-inner"],
progress::-webkit-progress-value {
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ── LIVE PULSE DOTS ── */
[class*="live-dot"], [class*="pulse-dot"], .live-indicator,
[style*="animation:pulse"] {
  box-shadow: 0 0 0 0 rgba(16,185,129,0.4);
  animation: elitePulse 2s infinite !important;
}
@keyframes elitePulse {
  0%   { box-shadow: 0 0 0 0 rgba(16,185,129,0.5); }
  70%  { box-shadow: 0 0 0 8px rgba(16,185,129,0); }
  100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); }
}

/* ── SKELETON LOADING SHIMMER ── */
.elite-skeleton {
  background: linear-gradient(90deg,
    rgba(255,255,255,0.04) 25%,
    rgba(255,255,255,0.08) 50%,
    rgba(255,255,255,0.04) 75%
  );
  background-size: 200% 100%;
  animation: eliteShimmer 1.5s infinite;
  border-radius: 6px;
  color: transparent !important;
}
@keyframes eliteShimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ── TABLE ROW HOVER ── */
tbody tr {
  transition: background 0.12s ease !important;
}
tbody tr:hover td {
  background: rgba(201,168,76,0.05) !important;
}

/* ── GOLD GRADIENT BORDERS on active nav items ── */
[class*="tnav"].active,
[class*="tab-btn"].active,
[class*="nav-item"].active,
.sidebar-btn.active {
  position: relative;
}
[class*="tnav"].active::after,
[class*="tab-btn"].active::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #c9a84c, transparent);
  border-radius: 1px;
}

/* ── BADGE GLOW on gold badges ── */
[class*="badge"][style*="gold"],
[class*="badge"].b-gold,
.badge-gold,
[class*="pill"][style*="gold"] {
  box-shadow: 0 0 12px rgba(201,168,76,0.3);
}

/* ── NUMBER COUNTER GLOW ── */
[class*="kpi-num"], [class*="stat-val"], [class*="metric-val"],
[class*="gross"], [class*="-amount"], [class*="big-num"] {
  text-shadow: 0 0 30px rgba(201,168,76,0.12);
  font-variant-numeric: tabular-nums;
}

/* ── GLASSMORPHISM MODAL BACKDROPS ── */
[class*="overlay"][style*="rgba(0,0,0"],
[class*="backdrop"],
[id*="overlay"][style*="position:fixed"],
[id*="modal"][style*="position:fixed"] {
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* ── GOLD BORDER ACCENT on section headers ── */
[class*="section-title"], [class*="panel-title"],
[class*="section-hdr"] [class*="title"],
[class*="section-header"] h2, [class*="section-header"] h3 {
  position: relative;
}

/* ── INPUT FOCUS GLOW ── */
input:focus, select:focus, textarea:focus {
  border-color: rgba(201,168,76,0.5) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.1) !important;
}

/* ── GRADIENT HERO NUMBERS ── */
.kpi-num, [class*="kpi-num"], [class*="hero-num"], [class*="big-stat"] {
  background: linear-gradient(135deg, #c9a84c 0%, #f0d080 50%, #c9a84c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 2px 8px rgba(201,168,76,0.25));
}
/* Override for colored KPI nums that should stay colored */
.kpi-num.green, .kpi-num.blue, .kpi-num.purple,
[class*="kpi-num"][style*="color:#10b981"],
[class*="kpi-num"][style*="color:#60a5fa"],
[class*="kpi-num"][style*="color:#a78bfa"] {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  filter: none !important;
}

/* ── LOADING DOTS animation ── */
.elite-dots::after {
  content: '';
  animation: eliteDots 1.5s infinite;
}
@keyframes eliteDots {
  0%   { content: '.'; }
  33%  { content: '..'; }
  66%  { content: '...'; }
  100% { content: ''; }
}

/* ── CARD GRADIENT BORDERS ── */
[class*="-card"]:hover,
[class*="card-"]:hover {
  border-image: linear-gradient(135deg, rgba(201,168,76,0.4), rgba(201,168,76,0.1)) 1 !important;
}

/* ── SECTION ENTER ANIMATION ── */
@keyframes eliteFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.page > *, .content > *, .main-content > * {
  animation: eliteFadeUp 0.4s ease both;
}
.page > *:nth-child(1) { animation-delay: 0ms; }
.page > *:nth-child(2) { animation-delay: 60ms; }
.page > *:nth-child(3) { animation-delay: 120ms; }
.page > *:nth-child(4) { animation-delay: 180ms; }
.page > *:nth-child(5) { animation-delay: 240ms; }

/* ── TOPBAR SHIMMER on brand name ── */
[class*="topbar-brand"], [class*="brand-logo"] {
  background: linear-gradient(90deg, #c9a84c 0%, #f5d980 45%, #c9a84c 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: eliteBrandShimmer 4s linear infinite;
}
@keyframes eliteBrandShimmer {
  0%   { background-position: 0% center; }
  100% { background-position: 200% center; }
}

/* ── DEAL STAGE PROGRESS GLOW ── */
[class*="stage-active"], [class*="stage"].active {
  box-shadow: 0 0 20px rgba(201,168,76,0.2) !important;
}

/* ── SPARKLINE SVG polish ── */
.elite-sparkline polyline {
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── STAT CHANGE FLASH ── */
@keyframes eliteFlashGreen {
  0%, 100% { background: transparent; }
  50% { background: rgba(16,185,129,0.15); }
}
@keyframes eliteFlashRed {
  0%, 100% { background: transparent; }
  50% { background: rgba(239,68,68,0.15); }
}
.elite-flash-green { animation: eliteFlashGreen 0.6s ease; }
.elite-flash-red   { animation: eliteFlashRed 0.6s ease; }

/* ── GOLD GRADIENT BACKGROUNDS for hero sections ── */
[class*="hero"], [class*="-hero"] {
  background: radial-gradient(ellipse at top left, rgba(201,168,76,0.08) 0%, transparent 60%) !important;
}

/* ── SIDEBAR NAV HOVER GLOW ── */
.sidebar-btn:hover, [class*="nav-link"]:hover, [class*="nav-item"]:hover {
  background: linear-gradient(90deg, rgba(201,168,76,0.08), transparent) !important;
  border-left-color: rgba(201,168,76,0.4) !important;
}

/* ── TOOLTIP POLISH ── */
[title], [data-tooltip] {
  position: relative;
}