/* ==========================================================================
   EMERALD THEME — Admin + Buyer + Seller Dashboards
   Clean deep slate with emerald green / teal accents. Professional, fresh.
   Activates when: html[data-dashboard-theme="emerald"]
   ========================================================================== */

html[data-dashboard-theme="emerald"] {
  --bg:            #030e0a;
  --bg-raised:     #071510;
  --bg-elevated:   #0b1d16;
  --surface:       rgba(16,185,129,0.05);
  --surface-hover: rgba(16,185,129,0.10);
  --border:        rgba(16,185,129,0.14);
  --border-strong: rgba(16,185,129,0.28);

  --red:        #10b981;
  --red-dim:    #065f46;
  --red-glow:   rgba(16,185,129,0.40);
  --red-soft:   rgba(16,185,129,0.12);

  --gold: #fbbf24;
  --up:   #34d399;
  --down: #f87171;
  --accent: #10b981;

  --text:       #e2f0eb;
  --text-dim:   #7db49a;
  --text-faint: #3d6e59;
}

html[data-dashboard-theme="emerald"] body {
  background:
    radial-gradient(75% 55% at 10% -10%, rgba(5,150,80,0.16) 0%, transparent 55%),
    radial-gradient(55% 45% at 95% 10%,  rgba(16,185,129,0.08) 0%, transparent 50%),
    radial-gradient(40% 35% at 50% 110%, rgba(6,95,70,0.10) 0%, transparent 60%),
    #030e0a;
}

html[data-dashboard-theme="emerald"] .admin-sidebar {
  background: linear-gradient(180deg, #071812 0%, #050f0c 100%);
  border-right-color: rgba(16,185,129,0.16);
}
html[data-dashboard-theme="emerald"] .admin-nav-link.active {
  background: rgba(16,185,129,0.18);
  color: #34d399;
}
html[data-dashboard-theme="emerald"] .admin-topbar {
  background: rgba(7,21,16,0.88);
  border-bottom-color: rgba(16,185,129,0.16);
}
html[data-dashboard-theme="emerald"] .admin-stat:hover {
  box-shadow: 0 18px 45px -30px rgba(16,185,129,0.45);
  border-color: rgba(16,185,129,0.35);
}
html[data-dashboard-theme="emerald"] .admin-stat-icon {
  background: rgba(16,185,129,0.15);
  color: #34d399;
}
html[data-dashboard-theme="emerald"] .admin-avatar {
  background: rgba(16,185,129,0.18);
  color: #34d399;
}
html[data-dashboard-theme="emerald"] .admin-nav-link.active .admin-nav-count {
  background: rgba(16,185,129,0.20);
  color: #34d399;
}
html[data-dashboard-theme="emerald"] .admin-crumb span { color: #10b981; }
html[data-dashboard-theme="emerald"] .admin-panel:hover {
  border-color: rgba(16,185,129,0.25);
  box-shadow: 0 16px 44px -30px rgba(16,185,129,0.26);
}
html[data-dashboard-theme="emerald"] .admin-chart-bar .bar {
  background: linear-gradient(180deg, #10b981, #065f46);
}

html[data-dashboard-theme="emerald"] .btn-primary {
  background: linear-gradient(135deg, #10b981, #059669);
  border-color: #10b981;
  box-shadow: 0 6px 24px -8px rgba(16,185,129,0.55);
}
html[data-dashboard-theme="emerald"] .btn-primary:hover {
  background: linear-gradient(135deg, #34d399, #10b981);
  box-shadow: 0 10px 32px -8px rgba(16,185,129,0.70);
}
html[data-dashboard-theme="emerald"] :focus-visible { outline-color: #10b981; }
html[data-dashboard-theme="emerald"] .badge.up     { background:rgba(52,211,153,0.15); color:#34d399; border-color:rgba(52,211,153,0.30); }
html[data-dashboard-theme="emerald"] .badge.red    { background:rgba(248,113,113,0.15); color:#f87171; border-color:rgba(248,113,113,0.30); }
html[data-dashboard-theme="emerald"] .badge.gold   { background:rgba(251,191,36,0.15); color:#fbbf24; border-color:rgba(251,191,36,0.30); }
html[data-dashboard-theme="emerald"] .badge.neutral{ background:rgba(16,185,129,0.10); color:#34d399; border-color:rgba(16,185,129,0.25); }
html[data-dashboard-theme="emerald"] .dash-card {
  background: linear-gradient(135deg, rgba(16,185,129,0.09) 0%, rgba(7,21,16,0.8) 100%);
  border-color: rgba(16,185,129,0.16);
}
html[data-dashboard-theme="emerald"] .dash-card:hover {
  border-color: rgba(16,185,129,0.38);
  box-shadow: 0 16px 40px -20px rgba(16,185,129,0.30);
}
html[data-dashboard-theme="emerald"] .dash-sidebar {
  background: linear-gradient(180deg, #071812 0%, #050f0c 100%);
  border-right-color: rgba(16,185,129,0.16);
}
html[data-dashboard-theme="emerald"] .dash-nav-link.active {
  background: rgba(16,185,129,0.18);
  color: #34d399;
  border-left-color: #10b981;
}
html[data-dashboard-theme="emerald"] ::-webkit-scrollbar-thumb { background: rgba(16,185,129,0.28); }
html[data-dashboard-theme="emerald"] ::-webkit-scrollbar-thumb:hover { background: rgba(16,185,129,0.48); }
html[data-dashboard-theme="emerald"] input:focus,
html[data-dashboard-theme="emerald"] select:focus,
html[data-dashboard-theme="emerald"] textarea:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.16) !important;
}
html[data-dashboard-theme="emerald"] .admin-table tbody tr:hover td,
html[data-dashboard-theme="emerald"] .data-table tbody tr:hover td { background: rgba(16,185,129,0.06); }
html[data-dashboard-theme="emerald"] .eyebrow { color: #34d399; }
html[data-dashboard-theme="emerald"] .eyebrow::before { background: #10b981; box-shadow: 0 0 10px 2px rgba(16,185,129,0.50); }
html[data-dashboard-theme="emerald"] .admin-head h1 {
  background: linear-gradient(135deg, #6ee7b7, #34d399, #10b981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-dashboard-theme="emerald"] .btn-xs:hover {
  border-color: rgba(16,185,129,0.38);
  color: #34d399;
}

/* ---- Additional dash/public page styles ---- */
html[data-dashboard-theme="emerald"] .dash-nav-link.active {
  background: rgba(16,185,129,0.18);
  color: #34d399;
}
html[data-dashboard-theme="emerald"] .dash-nav-link:hover:not(.active) {
  background: rgba(16,185,129,0.08);
  color: #6ee7b7;
}
html[data-dashboard-theme="emerald"] .dash-panel {
  border-color: rgba(16,185,129,0.14);
}
html[data-dashboard-theme="emerald"] .dash-panel:hover {
  border-color: rgba(16,185,129,0.28);
  box-shadow: 0 12px 40px -20px rgba(16,185,129,0.22);
}
html[data-dashboard-theme="emerald"] .dash-card {
  border-color: rgba(16,185,129,0.15);
  background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, var(--bg-elevated) 100%);
}
html[data-dashboard-theme="emerald"] .dash-card:hover {
  border-color: rgba(16,185,129,0.32);
  box-shadow: 0 10px 30px -15px rgba(16,185,129,0.28);
}
html[data-dashboard-theme="emerald"] .dash-card .value { color: #34d399; }
html[data-dashboard-theme="emerald"] .bar-fill { background: linear-gradient(90deg, #10b981, #34d399); }
html[data-dashboard-theme="emerald"] .data-table thead th { border-bottom-color: rgba(16,185,129,0.20); }
html[data-dashboard-theme="emerald"] .admin-section-title h3,
html[data-dashboard-theme="emerald"] .dash-section-title h2 { color: #34d399; }

html[data-dashboard-theme="emerald"] .whatsapp-float {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  box-shadow: 0 8px 24px rgba(16,185,129,0.50) !important;
}
html[data-dashboard-theme="emerald"] .kyc-alert {
  border-color: rgba(16,185,129,0.35) !important;
  background: rgba(16,185,129,0.07) !important;
}