/* ==========================================================================
   AURORA THEME — Admin + Buyer + Seller Dashboards
   Deep space blue-purple palette with neon cyan/violet accents.
   Activates when: html[data-dashboard-theme="aurora"]
   ========================================================================== */

html[data-dashboard-theme="aurora"] {
  /* Surfaces */
  --bg:            #040613;
  /* Override --accent for revenue chart bars */
  --bg-raised:     #080c1e;
  --bg-elevated:   #0d1228;
  --surface:       rgba(100,120,255,0.05);
  --surface-hover: rgba(100,120,255,0.10);
  --border:        rgba(100,120,255,0.15);
  --border-strong: rgba(100,120,255,0.30);

  /* Accent — cyan/violet instead of red */
  --red:        #7c5cfc;
  --red-dim:    #3a2880;
  --red-glow:   rgba(124,92,252,0.40);
  --red-soft:   rgba(124,92,252,0.12);

  /* Gold → warm amber */
  --gold: #f0b429;

  /* Positive/negative */
  --up:   #12e6a8;
  --down: #ff6b8a;
  --accent: #7c5cfc;

  /* Text */
  --text:       #e8eaf8;
  --text-dim:   #8a93d0;
  --text-faint: #4d5485;
}

/* Body background: Aurora gradient */
html[data-dashboard-theme="aurora"] body {
  background:
    radial-gradient(80% 60% at 20% -5%,  rgba(100,60,220,0.18) 0%, transparent 55%),
    radial-gradient(60% 50% at 90%  5%,  rgba(0,210,255,0.10) 0%, transparent 50%),
    radial-gradient(40% 30% at 50% 100%, rgba(124,92,252,0.08) 0%, transparent 60%),
    #040613;
}

/* Admin sidebar gradient */
html[data-dashboard-theme="aurora"] .admin-sidebar {
  background: linear-gradient(180deg, #08102a 0%, #060e20 100%);
  border-right-color: rgba(100,120,255,0.18);
}

/* Sidebar active link */
html[data-dashboard-theme="aurora"] .admin-nav-link.active {
  background: rgba(124,92,252,0.18);
  color: #a78bfa;
}

/* Topbar */
html[data-dashboard-theme="aurora"] .admin-topbar {
  background: rgba(8,12,30,0.85);
  border-bottom-color: rgba(100,120,255,0.18);
}

/* Stat cards hover glow */
html[data-dashboard-theme="aurora"] .admin-stat:hover {
  box-shadow: 0 18px 45px -30px rgba(124,92,252,0.45);
  border-color: rgba(124,92,252,0.35);
}

/* Stat icons */
html[data-dashboard-theme="aurora"] .admin-stat-icon {
  background: rgba(124,92,252,0.15);
  color: #a78bfa;
}

/* Avatar */
html[data-dashboard-theme="aurora"] .admin-avatar {
  background: rgba(124,92,252,0.20);
  color: #a78bfa;
}

/* Nav count active */
html[data-dashboard-theme="aurora"] .admin-nav-link.active .admin-nav-count {
  background: rgba(124,92,252,0.20);
  color: #a78bfa;
}

/* Crumb accent */
html[data-dashboard-theme="aurora"] .admin-crumb span { color: #7c5cfc; }

/* Panel hover */
html[data-dashboard-theme="aurora"] .admin-panel:hover {
  border-color: rgba(100,120,255,0.25);
  box-shadow: 0 16px 44px -30px rgba(124,92,252,0.28);
}

/* Chart bars */
html[data-dashboard-theme="aurora"] .admin-chart-bar .bar {
  background: linear-gradient(180deg, #7c5cfc, #4a2fb8);
}

/* Revenue graph bars */


/* Buttons */
html[data-dashboard-theme="aurora"] .btn-primary {
  background: linear-gradient(135deg, #7c5cfc, #5e3de8);
  border-color: #7c5cfc;
  box-shadow: 0 6px 24px -8px rgba(124,92,252,0.55);
}
html[data-dashboard-theme="aurora"] .btn-primary:hover {
  background: linear-gradient(135deg, #9b7ffe, #7c5cfc);
  box-shadow: 0 10px 32px -8px rgba(124,92,252,0.70);
}

/* Focus outline */
html[data-dashboard-theme="aurora"] :focus-visible {
  outline-color: #7c5cfc;
}

/* Badges */
html[data-dashboard-theme="aurora"] .badge.up   { background:rgba(18,230,168,0.15); color:#12e6a8; border-color:rgba(18,230,168,0.30); }
html[data-dashboard-theme="aurora"] .badge.red  { background:rgba(255,107,138,0.15); color:#ff6b8a; border-color:rgba(255,107,138,0.30); }
html[data-dashboard-theme="aurora"] .badge.gold { background:rgba(240,180,41,0.15); color:#f0b429; border-color:rgba(240,180,41,0.30); }
html[data-dashboard-theme="aurora"] .badge.neutral { background:rgba(124,92,252,0.12); color:#a78bfa; border-color:rgba(124,92,252,0.25); }

/* Dash cards */
html[data-dashboard-theme="aurora"] .dash-card {
  background: linear-gradient(135deg, rgba(124,92,252,0.10) 0%, rgba(8,12,30,0.8) 100%);
  border-color: rgba(100,120,255,0.18);
}
html[data-dashboard-theme="aurora"] .dash-card:hover {
  border-color: rgba(124,92,252,0.40);
  box-shadow: 0 16px 40px -20px rgba(124,92,252,0.35);
}

/* Sidebar (buyer/seller) */
html[data-dashboard-theme="aurora"] .dash-sidebar {
  background: linear-gradient(180deg, #08102a 0%, #060e20 100%);
  border-right-color: rgba(100,120,255,0.18);
}
html[data-dashboard-theme="aurora"] .dash-nav-link.active {
  background: rgba(124,92,252,0.18);
  color: #a78bfa;
  border-left-color: #7c5cfc;
}

/* Scrollbar */
html[data-dashboard-theme="aurora"] ::-webkit-scrollbar-thumb {
  background: rgba(124,92,252,0.30);
}
html[data-dashboard-theme="aurora"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(124,92,252,0.50);
}

/* Input focus */
html[data-dashboard-theme="aurora"] input:focus,
html[data-dashboard-theme="aurora"] select:focus,
html[data-dashboard-theme="aurora"] textarea:focus {
  border-color: #7c5cfc !important;
  box-shadow: 0 0 0 3px rgba(124,92,252,0.18) !important;
}

/* Table row hover */
html[data-dashboard-theme="aurora"] .admin-table tbody tr:hover td,
html[data-dashboard-theme="aurora"] .data-table tbody tr:hover td {
  background: rgba(124,92,252,0.07);
}

/* Btn-xs hover */
html[data-dashboard-theme="aurora"] .btn-xs:hover {
  border-color: rgba(124,92,252,0.40);
  color: #a78bfa;
}

/* Page hero / eyebrow */
html[data-dashboard-theme="aurora"] .eyebrow { color: #a78bfa; }
html[data-dashboard-theme="aurora"] .eyebrow::before { background: #7c5cfc; box-shadow: 0 0 10px 2px rgba(124,92,252,0.50); }

/* ---- Neon glow effect on key headings ---- */
html[data-dashboard-theme="aurora"] .admin-head h1 {
  background: linear-gradient(135deg, #c4b5fd, #818cf8, #7c5cfc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ---- Additional dash/public page styles ---- */
html[data-dashboard-theme="aurora"] .dash-nav-link.active {
  background: rgba(124,92,252,0.18);
  color: #a78bfa;
}
html[data-dashboard-theme="aurora"] .dash-nav-link:hover:not(.active) {
  background: rgba(124,92,252,0.08);
  color: #c4b5fd;
}
html[data-dashboard-theme="aurora"] .dash-panel {
  border-color: rgba(100,120,255,0.14);
}
html[data-dashboard-theme="aurora"] .dash-panel:hover {
  border-color: rgba(124,92,252,0.28);
  box-shadow: 0 12px 40px -20px rgba(124,92,252,0.25);
}
html[data-dashboard-theme="aurora"] .dash-card {
  border-color: rgba(100,120,255,0.16);
  background: linear-gradient(135deg, rgba(124,92,252,0.09) 0%, var(--bg-elevated) 100%);
}
html[data-dashboard-theme="aurora"] .dash-card:hover {
  border-color: rgba(124,92,252,0.32);
  box-shadow: 0 10px 30px -15px rgba(124,92,252,0.30);
}
html[data-dashboard-theme="aurora"] .dash-card .value { color: #c4b5fd; }
html[data-dashboard-theme="aurora"] .bar-fill { background: linear-gradient(90deg, #7c5cfc, #a78bfa); }
html[data-dashboard-theme="aurora"] .data-table thead th { border-bottom-color: rgba(100,120,255,0.20); }
html[data-dashboard-theme="aurora"] .admin-section-title h3,
html[data-dashboard-theme="aurora"] .dash-section-title h2 { color: #a78bfa; }

/* Floating WhatsApp button tint */
html[data-dashboard-theme="aurora"] .whatsapp-float {
  background: linear-gradient(135deg, #7c5cfc, #5e3de8) !important;
  box-shadow: 0 8px 24px rgba(124,92,252,0.50) !important;
}

/* Kyc-alert banner */
html[data-dashboard-theme="aurora"] .kyc-alert {
  border-color: rgba(124,92,252,0.35) !important;
  background: rgba(124,92,252,0.08) !important;
}
