/* ============================================================
   panel-themes.css — Color Palette Themes
   Loads after panel-modern.css; each palette uses higher
   specificity (two attribute selectors) to override base rules.

   Palettes: slate | midnight | ocean | ember
   "classic" = no data-palette / falls through to panel-modern.css

   Applied via:  html[data-palette="X"]
   Toggled by:   window.setPalette("X")  (set in menu.php)
   ============================================================ */

/* ============================================================
   SLATE — Clean modern gray (new popular default)
   Accent #3b82f6 · Light bg #f1f5f9 · Dark bg #0f172a
   ============================================================ */

html[data-palette="slate"] {
  --ui-primary:       #3b82f6;
  --ui-primary-rgb:   59, 130, 246;
  --ui-primary-2:     #06b6d4;
  --ui-danger:        #ef4444;
  --ui-warning:       #f59e0b;
  --ui-bg:            #f1f5f9;
  --ui-surface:       #ffffff;
  --ui-surface-2:     #f8fafc;
  --ui-surface-3:     #f1f5f9;
  --ui-border:        #e2e8f0;
  --ui-border-strong: #cbd5e1;
  --ui-text:          #0f172a;
  --ui-muted:         #64748b;
  --ui-muted-soft:    #94a3b8;
  --sidebar-bg:       #0f172a;
  --sidebar-border:   rgba(255,255,255,.07);
}

html[data-palette="slate"][data-theme="dark"] {
  --ui-bg:            #0f172a;
  --ui-surface:       #1e293b;
  --ui-surface-2:     #1e293b;
  --ui-surface-3:     #334155;
  --ui-border:        #334155;
  --ui-border-strong: #475569;
  --ui-text:          #f1f5f9;
  --ui-muted:         #bcc7dc;
  --ui-muted-soft:    #94a3b8;
  --ui-primary:       #60a5fa;
  --ui-primary-rgb:   96, 165, 250;
  --ui-primary-2:     #22d3ee;
  --sidebar-bg:       #0a0f1e;
  --sidebar-border:   rgba(255,255,255,.06);
}

html[data-palette="slate"][data-theme="light"] {
  --sidebar-bg:     #e8f0fb;
  --sidebar-border: rgba(59,130,246,.14);
}

/* Body */
html[data-palette="slate"][data-theme="light"] body {
  background:
    radial-gradient(circle at 10% 10%, rgba(59,130,246,.08), transparent 36%),
    radial-gradient(circle at 90% 88%, rgba(6,182,212,.06), transparent 40%),
    #f1f5f9 !important;
  color: #0f172a !important;
}
html[data-palette="slate"][data-theme="dark"] body {
  background: #0f172a !important;
  color: #f1f5f9 !important;
}

/* Cards */
html[data-palette="slate"][data-theme="light"] .card,
html[data-palette="slate"][data-theme="light"] .glass-card,
html[data-palette="slate"][data-theme="light"] .ai-support-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}
html[data-palette="slate"][data-theme="dark"] .card,
html[data-palette="slate"][data-theme="dark"] .glass-card {
  background: #1e293b !important;
  border-color: #334155 !important;
}

/* Top menu */
html[data-palette="slate"][data-theme="light"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(59,130,246,.07), transparent 34%),
    rgba(248,250,252,.93) !important;
  border-color: rgba(59,130,246,.13) !important;
}
html[data-palette="slate"][data-theme="dark"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(96,165,250,.12), transparent 34%),
    linear-gradient(135deg, #151f35 0%, #111827 100%) !important;
  border-color: rgba(96,165,250,.16) !important;
}

/* Tech news card */
html[data-palette="slate"][data-theme="light"] .tech-news-card {
  background: #f0f4ff !important;
  border-color: rgba(59,130,246,.14) !important;
}
html[data-palette="slate"] .tech-news-label {
  color: #3b82f6 !important;
  background: rgba(59,130,246,.1) !important;
  border-color: rgba(59,130,246,.22) !important;
}
html[data-palette="slate"][data-theme="dark"] .tech-news-label {
  color: #93c5fd !important;
  background: rgba(96,165,250,.14) !important;
  border-color: rgba(96,165,250,.28) !important;
}

/* Dashboard hero banner */
html[data-palette="slate"] .hero {
  background: linear-gradient(125deg, #3b82f6, #2563eb 55%, #0284c7);
}

/* Panel page-hero */
html[data-palette="slate"][data-theme="light"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.12), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.55), rgba(255,255,255,.2));
}
html[data-palette="slate"][data-theme="dark"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(96,165,250,.18), transparent 34%),
    linear-gradient(120deg, rgba(30,41,59,.85), rgba(15,23,42,.85));
}

/* Sidebar brand-wrap (dark bg so white logo stays readable) */
html[data-palette="slate"][data-theme="light"] .sidebar-brand-wrap {
  background: #1e3a5f !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
}

/* Sidebar nav — light mode */
html[data-palette="slate"][data-theme="light"] .sidebar-link { color: #253b55 !important; }
html[data-palette="slate"][data-theme="light"] .sidebar-link:hover {
  background: rgba(59,130,246,.09) !important;
  color: #2563eb !important;
}
html[data-palette="slate"][data-theme="light"] .sidebar-link.active {
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(59,130,246,.3) !important;
}
html[data-palette="slate"][data-theme="light"] .sidebar-group-title {
  color: rgba(59,130,246,.5) !important;
}
html[data-palette="slate"][data-theme="light"] .sidebar-submenu a { color: #3d5f90 !important; }
html[data-palette="slate"][data-theme="light"] .sidebar-submenu a:hover {
  color: #3b82f6 !important;
  background: rgba(59,130,246,.07) !important;
}
html[data-palette="slate"][data-theme="light"] .sidebar-user-card {
  background: rgba(59,130,246,.07) !important;
  border-color: rgba(59,130,246,.16) !important;
}
html[data-palette="slate"][data-theme="light"] .sidebar-user-role { color: #2563eb !important; }
html[data-palette="slate"][data-theme="light"] #mobileNavOffcanvas { background: #e8f0fb !important; }

/* Tables */
html[data-palette="slate"][data-theme="light"] .table-modern thead th,
html[data-palette="slate"][data-theme="light"] .table thead th {
  background: rgba(59,130,246,.07) !important;
  color: #1e40af !important;
}

/* Metric cards */
html[data-palette="slate"] .metric-workplace { background: linear-gradient(145deg, #3b82f6, #2563eb); }
html[data-palette="slate"] .metric-server    { background: linear-gradient(145deg, #6366f1, #818cf8); }

/* Selector card */
html[data-palette="slate"] .selector-card {
  background: linear-gradient(130deg, #eff6ff, #dbeafe 45%, #cffafe 100%);
  border-color: #93c5fd;
  box-shadow: 0 16px 30px rgba(59,130,246,.14);
}
html[data-palette="slate"] .selector-title { color: #1d4ed8; }
html[data-palette="slate"] .selector-sub   { color: #1e40af; }

/* Active-glow button */
html[data-palette="slate"] .top-menu-links .btn.active-glow,
html[data-palette="slate"] .top-menu-actions .btn.active-glow {
  box-shadow: 0 0 0 0.2rem rgba(59,130,246,.34), 0 10px 22px rgba(59,130,246,.3);
}

/* AI support */
html[data-palette="slate"] .ai-support-card {
  background: linear-gradient(135deg, rgba(59,130,246,.1), rgba(6,182,212,.09));
}
html[data-palette="slate"] .ai-support-chip { border-color: rgba(59,130,246,.22); }
html[data-palette="slate"][data-theme="dark"] .ai-support-chip {
  background: #1e293b;
  border-color: rgba(96,165,250,.28);
}

/* Trend period buttons */
html[data-palette="slate"] .trend-period-btn-group .btn.active {
  background: #3b82f6;
  border-color: #3b82f6;
}


/* ============================================================
   MIDNIGHT — Deep indigo / violet
   Accent #8b5cf6 · Light bg #f5f3ff · Dark bg #0e0c2a
   ============================================================ */

html[data-palette="midnight"] {
  --ui-primary:       #8b5cf6;
  --ui-primary-rgb:   139, 92, 246;
  --ui-primary-2:     #a78bfa;
  --ui-danger:        #f87171;
  --ui-warning:       #f59e0b;
  --ui-bg:            #f5f3ff;
  --ui-surface:       #ffffff;
  --ui-surface-2:     #faf8ff;
  --ui-surface-3:     #f0ebff;
  --ui-border:        #e5dffe;
  --ui-border-strong: #c4b5fd;
  --ui-text:          #1e1b4b;
  --ui-muted:         #6d59a0;
  --ui-muted-soft:    #a89bc0;
  --sidebar-bg:       #0e0c2a;
  --sidebar-border:   rgba(167,139,250,.1);
}

html[data-palette="midnight"][data-theme="dark"] {
  --ui-bg:            #0e0c2a;
  --ui-surface:       #171330;
  --ui-surface-2:     #1e1842;
  --ui-surface-3:     #2d2558;
  --ui-border:        #3b2e6e;
  --ui-border-strong: #5a49a0;
  --ui-text:          #ede9ff;
  --ui-muted:         #c6b8dc;
  --ui-muted-soft:    #a89bc0;
  --ui-primary:       #a78bfa;
  --ui-primary-rgb:   167, 139, 250;
  --ui-primary-2:     #c4b5fd;
  --sidebar-bg:       #08061e;
  --sidebar-border:   rgba(167,139,250,.1);
}

html[data-palette="midnight"][data-theme="light"] {
  --sidebar-bg:     #f0ebff;
  --sidebar-border: rgba(139,92,246,.14);
}

/* Body */
html[data-palette="midnight"][data-theme="light"] body {
  background:
    radial-gradient(circle at 10% 10%, rgba(139,92,246,.09), transparent 36%),
    radial-gradient(circle at 90% 88%, rgba(167,139,250,.07), transparent 40%),
    #f5f3ff !important;
  color: #1e1b4b !important;
}
html[data-palette="midnight"][data-theme="dark"] body {
  background: #0e0c2a !important;
  color: #ede9ff !important;
}

/* Cards */
html[data-palette="midnight"][data-theme="light"] .card,
html[data-palette="midnight"][data-theme="light"] .glass-card,
html[data-palette="midnight"][data-theme="light"] .ai-support-card {
  background: #ffffff !important;
  border-color: #e5dffe !important;
}
html[data-palette="midnight"][data-theme="dark"] .card,
html[data-palette="midnight"][data-theme="dark"] .glass-card {
  background: #171330 !important;
  border-color: #3b2e6e !important;
}

/* Top menu */
html[data-palette="midnight"][data-theme="light"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(139,92,246,.07), transparent 34%),
    rgba(250,248,255,.93) !important;
  border-color: rgba(139,92,246,.14) !important;
}
html[data-palette="midnight"][data-theme="dark"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(167,139,250,.15), transparent 34%),
    linear-gradient(135deg, #140f30 0%, #0e0c2a 100%) !important;
  border-color: rgba(167,139,250,.18) !important;
}

/* Tech news */
html[data-palette="midnight"][data-theme="light"] .tech-news-card {
  background: #f3efff !important;
  border-color: rgba(139,92,246,.14) !important;
}
html[data-palette="midnight"] .tech-news-label {
  color: #8b5cf6 !important;
  background: rgba(139,92,246,.1) !important;
  border-color: rgba(139,92,246,.22) !important;
}
html[data-palette="midnight"][data-theme="dark"] .tech-news-label {
  color: #c4b5fd !important;
  background: rgba(167,139,250,.14) !important;
  border-color: rgba(167,139,250,.28) !important;
}

/* Hero banner */
html[data-palette="midnight"] .hero {
  background: linear-gradient(125deg, #7c3aed, #8b5cf6 55%, #6d28d9);
}

/* Panel hero */
html[data-palette="midnight"][data-theme="light"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(139,92,246,.12), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.55), rgba(255,255,255,.2));
}
html[data-palette="midnight"][data-theme="dark"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(167,139,250,.2), transparent 34%),
    linear-gradient(120deg, rgba(23,19,48,.85), rgba(14,12,42,.85));
}

/* Sidebar brand-wrap */
html[data-palette="midnight"][data-theme="light"] .sidebar-brand-wrap {
  background: #1a0f3c !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
}

/* Sidebar nav — light mode */
html[data-palette="midnight"][data-theme="light"] .sidebar-link { color: #2d1b69 !important; }
html[data-palette="midnight"][data-theme="light"] .sidebar-link:hover {
  background: rgba(139,92,246,.09) !important;
  color: #7c3aed !important;
}
html[data-palette="midnight"][data-theme="light"] .sidebar-link.active {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(139,92,246,.3) !important;
}
html[data-palette="midnight"][data-theme="light"] .sidebar-group-title {
  color: rgba(139,92,246,.5) !important;
}
html[data-palette="midnight"][data-theme="light"] .sidebar-submenu a { color: #4a2d96 !important; }
html[data-palette="midnight"][data-theme="light"] .sidebar-submenu a:hover {
  color: #8b5cf6 !important;
  background: rgba(139,92,246,.07) !important;
}
html[data-palette="midnight"][data-theme="light"] .sidebar-user-card {
  background: rgba(139,92,246,.07) !important;
  border-color: rgba(139,92,246,.16) !important;
}
html[data-palette="midnight"][data-theme="light"] .sidebar-user-role { color: #7c3aed !important; }
html[data-palette="midnight"][data-theme="light"] #mobileNavOffcanvas { background: #f0ebff !important; }

/* Tables */
html[data-palette="midnight"][data-theme="light"] .table-modern thead th,
html[data-palette="midnight"][data-theme="light"] .table thead th {
  background: rgba(139,92,246,.07) !important;
  color: #4c1d95 !important;
}

/* Metric */
html[data-palette="midnight"] .metric-workplace { background: linear-gradient(145deg, #7c3aed, #8b5cf6); }
html[data-palette="midnight"] .metric-server    { background: linear-gradient(145deg, #4338ca, #6366f1); }

/* Selector */
html[data-palette="midnight"] .selector-card {
  background: linear-gradient(130deg, #f5f3ff, #ede9fe 45%, #ddd6fe 100%);
  border-color: #c4b5fd;
  box-shadow: 0 16px 30px rgba(139,92,246,.14);
}
html[data-palette="midnight"] .selector-title { color: #4c1d95; }
html[data-palette="midnight"] .selector-sub   { color: #5b21b6; }

/* Active-glow */
html[data-palette="midnight"] .top-menu-links .btn.active-glow,
html[data-palette="midnight"] .top-menu-actions .btn.active-glow {
  box-shadow: 0 0 0 0.2rem rgba(139,92,246,.34), 0 10px 22px rgba(139,92,246,.3);
}

/* AI support */
html[data-palette="midnight"] .ai-support-card {
  background: linear-gradient(135deg, rgba(139,92,246,.1), rgba(167,139,250,.09));
}
html[data-palette="midnight"] .ai-support-chip { border-color: rgba(139,92,246,.22); }
html[data-palette="midnight"][data-theme="dark"] .ai-support-chip {
  background: #171330;
  border-color: rgba(167,139,250,.28);
}

/* Trend */
html[data-palette="midnight"] .trend-period-btn-group .btn.active {
  background: #8b5cf6;
  border-color: #8b5cf6;
}

/* Selector – dark */
html[data-palette="midnight"][data-theme="dark"] .selector-card {
  background: linear-gradient(130deg, #171330, #1e1842 45%, #2d2558 100%);
  border-color: #5a49a0;
  box-shadow: 0 16px 30px rgba(139,92,246,.18);
}
html[data-palette="midnight"][data-theme="dark"] .selector-title { color: #c4b5fd; }
html[data-palette="midnight"][data-theme="dark"] .selector-sub   { color: #a89bc0; }

/* Tables – dark */
html[data-palette="midnight"][data-theme="dark"] .table-modern thead th,
html[data-palette="midnight"][data-theme="dark"] .table thead th {
  background: rgba(167,139,250,.1) !important;
  color: #c4b5fd !important;
}

/* Sidebar nav — dark mode */
html[data-palette="midnight"][data-theme="dark"] .sidebar-link { color: #c4b5fd !important; }
html[data-palette="midnight"][data-theme="dark"] .sidebar-link:hover {
  background: rgba(167,139,250,.12) !important;
  color: #e2d9ff !important;
}
html[data-palette="midnight"][data-theme="dark"] .sidebar-link.active {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(139,92,246,.35) !important;
}
html[data-palette="midnight"][data-theme="dark"] .sidebar-group-title {
  color: rgba(167,139,250,.45) !important;
}
html[data-palette="midnight"][data-theme="dark"] .sidebar-submenu a { color: #a89bc0 !important; }
html[data-palette="midnight"][data-theme="dark"] .sidebar-submenu a:hover {
  color: #c4b5fd !important;
  background: rgba(167,139,250,.1) !important;
}
html[data-palette="midnight"][data-theme="dark"] .sidebar-user-card {
  background: rgba(167,139,250,.1) !important;
  border-color: rgba(167,139,250,.2) !important;
}
html[data-palette="midnight"][data-theme="dark"] .sidebar-user-role { color: #a78bfa !important; }
html[data-palette="midnight"][data-theme="dark"] #mobileNavOffcanvas { background: #0e0c2a !important; }

/* Tech news card – dark */
html[data-palette="midnight"][data-theme="dark"] .tech-news-card {
  background: #171330 !important;
  border-color: rgba(167,139,250,.18) !important;
}


/* ============================================================
   OCEAN — Teal / emerald
   Accent #0d9488 · Light bg #f0fdfa · Dark bg #022c2c
   ============================================================ */

html[data-palette="ocean"] {
  --ui-primary:       #0d9488;
  --ui-primary-rgb:   13, 148, 136;
  --ui-primary-2:     #0ea5e9;
  --ui-danger:        #ef4444;
  --ui-warning:       #f59e0b;
  --ui-bg:            #f0fdfa;
  --ui-surface:       #ffffff;
  --ui-surface-2:     #f8fffd;
  --ui-surface-3:     #e6faf7;
  --ui-border:        #ccf1eb;
  --ui-border-strong: #5eead4;
  --ui-text:          #042f2e;
  --ui-muted:         #2e7d76;
  --ui-muted-soft:    #5fb5ae;
  --sidebar-bg:       #022c2c;
  --sidebar-border:   rgba(94,234,212,.1);
}

html[data-palette="ocean"][data-theme="dark"] {
  --ui-bg:            #022c2c;
  --ui-surface:       #0a3636;
  --ui-surface-2:     #0e3f3f;
  --ui-surface-3:     #134747;
  --ui-border:        #1d5555;
  --ui-border-strong: #2f7a7a;
  --ui-text:          #e6fffb;
  --ui-muted:         #7ae7e0;
  --ui-muted-soft:    #5bb8b0;
  --ui-primary:       #2dd4bf;
  --ui-primary-rgb:   45, 212, 191;
  --ui-primary-2:     #38bdf8;
  --sidebar-bg:       #001a1a;
  --sidebar-border:   rgba(45,212,191,.1);
}

html[data-palette="ocean"][data-theme="light"] {
  --sidebar-bg:     #e6faf7;
  --sidebar-border: rgba(13,148,136,.14);
}

/* Body */
html[data-palette="ocean"][data-theme="light"] body {
  background:
    radial-gradient(circle at 10% 10%, rgba(13,148,136,.09), transparent 36%),
    radial-gradient(circle at 90% 88%, rgba(14,165,233,.07), transparent 40%),
    #f0fdfa !important;
  color: #042f2e !important;
}
html[data-palette="ocean"][data-theme="dark"] body {
  background: #022c2c !important;
  color: #e6fffb !important;
}

/* Cards */
html[data-palette="ocean"][data-theme="light"] .card,
html[data-palette="ocean"][data-theme="light"] .glass-card,
html[data-palette="ocean"][data-theme="light"] .ai-support-card {
  background: #ffffff !important;
  border-color: #ccf1eb !important;
}
html[data-palette="ocean"][data-theme="dark"] .card,
html[data-palette="ocean"][data-theme="dark"] .glass-card {
  background: #0a3636 !important;
  border-color: #1d5555 !important;
}

/* Top menu */
html[data-palette="ocean"][data-theme="light"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(13,148,136,.07), transparent 34%),
    rgba(240,253,250,.93) !important;
  border-color: rgba(13,148,136,.14) !important;
}
html[data-palette="ocean"][data-theme="dark"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(45,212,191,.12), transparent 34%),
    linear-gradient(135deg, #083030 0%, #022c2c 100%) !important;
  border-color: rgba(45,212,191,.16) !important;
}

/* Tech news */
html[data-palette="ocean"][data-theme="light"] .tech-news-card {
  background: #e6faf7 !important;
  border-color: rgba(13,148,136,.14) !important;
}
html[data-palette="ocean"] .tech-news-label {
  color: #0d9488 !important;
  background: rgba(13,148,136,.1) !important;
  border-color: rgba(13,148,136,.22) !important;
}
html[data-palette="ocean"][data-theme="dark"] .tech-news-label {
  color: #2dd4bf !important;
  background: rgba(45,212,191,.12) !important;
  border-color: rgba(45,212,191,.25) !important;
}

/* Hero banner */
html[data-palette="ocean"] .hero {
  background: linear-gradient(125deg, #0d9488, #0f766e 55%, #0284c7);
}

/* Panel hero */
html[data-palette="ocean"][data-theme="light"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(13,148,136,.12), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.55), rgba(255,255,255,.2));
}
html[data-palette="ocean"][data-theme="dark"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(45,212,191,.18), transparent 34%),
    linear-gradient(120deg, rgba(10,54,54,.85), rgba(2,44,44,.85));
}

/* Sidebar brand-wrap */
html[data-palette="ocean"][data-theme="light"] .sidebar-brand-wrap {
  background: #013d3d !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
}

/* Sidebar nav — light mode */
html[data-palette="ocean"][data-theme="light"] .sidebar-link { color: #134e4a !important; }
html[data-palette="ocean"][data-theme="light"] .sidebar-link:hover {
  background: rgba(13,148,136,.09) !important;
  color: #0f766e !important;
}
html[data-palette="ocean"][data-theme="light"] .sidebar-link.active {
  background: linear-gradient(135deg, #0d9488, #0f766e) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(13,148,136,.3) !important;
}
html[data-palette="ocean"][data-theme="light"] .sidebar-group-title {
  color: rgba(13,148,136,.5) !important;
}
html[data-palette="ocean"][data-theme="light"] .sidebar-submenu a { color: #1f6e68 !important; }
html[data-palette="ocean"][data-theme="light"] .sidebar-submenu a:hover {
  color: #0d9488 !important;
  background: rgba(13,148,136,.07) !important;
}
html[data-palette="ocean"][data-theme="light"] .sidebar-user-card {
  background: rgba(13,148,136,.07) !important;
  border-color: rgba(13,148,136,.16) !important;
}
html[data-palette="ocean"][data-theme="light"] .sidebar-user-role { color: #0f766e !important; }
html[data-palette="ocean"][data-theme="light"] #mobileNavOffcanvas { background: #e6faf7 !important; }

/* Tables */
html[data-palette="ocean"][data-theme="light"] .table-modern thead th,
html[data-palette="ocean"][data-theme="light"] .table thead th {
  background: rgba(13,148,136,.07) !important;
  color: #134e4a !important;
}

/* Metric */
html[data-palette="ocean"] .metric-workplace { background: linear-gradient(145deg, #0d9488, #0f766e); }
html[data-palette="ocean"] .metric-employee  { background: linear-gradient(145deg, #0891b2, #0ea5e9); }
html[data-palette="ocean"] .metric-server    { background: linear-gradient(145deg, #1d4ed8, #3b82f6); }

/* Selector */
html[data-palette="ocean"] .selector-card {
  background: linear-gradient(130deg, #f0fdfa, #ccfbf1 45%, #cffafe 100%);
  border-color: #5eead4;
  box-shadow: 0 16px 30px rgba(13,148,136,.14);
}
html[data-palette="ocean"] .selector-title { color: #134e4a; }
html[data-palette="ocean"] .selector-sub   { color: #0f766e; }

/* Active-glow */
html[data-palette="ocean"] .top-menu-links .btn.active-glow,
html[data-palette="ocean"] .top-menu-actions .btn.active-glow {
  box-shadow: 0 0 0 0.2rem rgba(13,148,136,.34), 0 10px 22px rgba(13,148,136,.3);
}

/* AI support */
html[data-palette="ocean"] .ai-support-card {
  background: linear-gradient(135deg, rgba(13,148,136,.1), rgba(14,165,233,.09));
}
html[data-palette="ocean"] .ai-support-chip { border-color: rgba(13,148,136,.22); }
html[data-palette="ocean"][data-theme="dark"] .ai-support-chip {
  background: #0a3636;
  border-color: rgba(45,212,191,.28);
}

/* Trend */
html[data-palette="ocean"] .trend-period-btn-group .btn.active {
  background: #0d9488;
  border-color: #0d9488;
}

/* Selector – dark */
html[data-palette="ocean"][data-theme="dark"] .selector-card {
  background: linear-gradient(130deg, #0a3636, #0e3f3f 45%, #134747 100%);
  border-color: #2f7a7a;
  box-shadow: 0 16px 30px rgba(13,148,136,.18);
}
html[data-palette="ocean"][data-theme="dark"] .selector-title { color: #5eead4; }
html[data-palette="ocean"][data-theme="dark"] .selector-sub   { color: #6ecece; }

/* Tables – dark */
html[data-palette="ocean"][data-theme="dark"] .table-modern thead th,
html[data-palette="ocean"][data-theme="dark"] .table thead th {
  background: rgba(45,212,191,.1) !important;
  color: #2dd4bf !important;
}

/* Sidebar nav — dark mode */
html[data-palette="ocean"][data-theme="dark"] .sidebar-link { color: #6ecece !important; }
html[data-palette="ocean"][data-theme="dark"] .sidebar-link:hover {
  background: rgba(45,212,191,.12) !important;
  color: #99f6e4 !important;
}
html[data-palette="ocean"][data-theme="dark"] .sidebar-link.active {
  background: linear-gradient(135deg, #0d9488, #0f766e) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(13,148,136,.35) !important;
}
html[data-palette="ocean"][data-theme="dark"] .sidebar-group-title {
  color: rgba(45,212,191,.45) !important;
}
html[data-palette="ocean"][data-theme="dark"] .sidebar-submenu a { color: #3a9090 !important; }
html[data-palette="ocean"][data-theme="dark"] .sidebar-submenu a:hover {
  color: #2dd4bf !important;
  background: rgba(45,212,191,.1) !important;
}
html[data-palette="ocean"][data-theme="dark"] .sidebar-user-card {
  background: rgba(45,212,191,.1) !important;
  border-color: rgba(45,212,191,.2) !important;
}
html[data-palette="ocean"][data-theme="dark"] .sidebar-user-role { color: #2dd4bf !important; }
html[data-palette="ocean"][data-theme="dark"] #mobileNavOffcanvas { background: #022c2c !important; }

/* Tech news card – dark */
html[data-palette="ocean"][data-theme="dark"] .tech-news-card {
  background: #0a3636 !important;
  border-color: rgba(45,212,191,.18) !important;
}


/* ============================================================
   EMBER — Warm orange / amber
   Accent #f97316 · Light bg #fff7ed · Dark bg #1c0a00
   ============================================================ */

html[data-palette="ember"] {
  --ui-primary:       #f97316;
  --ui-primary-rgb:   249, 115, 22;
  --ui-primary-2:     #eab308;
  --ui-danger:        #e11d48;
  --ui-warning:       #f97316;
  --ui-bg:            #fff7ed;
  --ui-surface:       #ffffff;
  --ui-surface-2:     #fffbf5;
  --ui-surface-3:     #fff3e0;
  --ui-border:        #ffe0b2;
  --ui-border-strong: #fb923c;
  --ui-text:          #431407;
  --ui-muted:         #9a3412;
  --ui-muted-soft:    #c2793a;
  --sidebar-bg:       #1c0a00;
  --sidebar-border:   rgba(251,146,60,.1);
}

html[data-palette="ember"][data-theme="dark"] {
  --ui-bg:            #1c0a00;
  --ui-surface:       #2d1500;
  --ui-surface-2:     #381c00;
  --ui-surface-3:     #462400;
  --ui-border:        #5a3000;
  --ui-border-strong: #8a4800;
  --ui-text:          #fff1e0;
  --ui-muted:         #e0956a;
  --ui-muted-soft:    #a06040;
  --ui-primary:       #fb923c;
  --ui-primary-rgb:   251, 146, 60;
  --ui-primary-2:     #fbbf24;
  --sidebar-bg:       #100500;
  --sidebar-border:   rgba(251,146,60,.1);
}

html[data-palette="ember"][data-theme="light"] {
  --sidebar-bg:     #fff3e0;
  --sidebar-border: rgba(249,115,22,.14);
}

/* Body */
html[data-palette="ember"][data-theme="light"] body {
  background:
    radial-gradient(circle at 10% 10%, rgba(249,115,22,.09), transparent 36%),
    radial-gradient(circle at 90% 88%, rgba(234,179,8,.07), transparent 40%),
    #fff7ed !important;
  color: #431407 !important;
}
html[data-palette="ember"][data-theme="dark"] body {
  background: #1c0a00 !important;
  color: #fff1e0 !important;
}

/* Cards */
html[data-palette="ember"][data-theme="light"] .card,
html[data-palette="ember"][data-theme="light"] .glass-card,
html[data-palette="ember"][data-theme="light"] .ai-support-card {
  background: #ffffff !important;
  border-color: #ffe0b2 !important;
}
html[data-palette="ember"][data-theme="dark"] .card,
html[data-palette="ember"][data-theme="dark"] .glass-card {
  background: #2d1500 !important;
  border-color: #5a3000 !important;
}

/* Top menu */
html[data-palette="ember"][data-theme="light"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(249,115,22,.07), transparent 34%),
    rgba(255,247,237,.93) !important;
  border-color: rgba(249,115,22,.14) !important;
}
html[data-palette="ember"][data-theme="dark"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(251,146,60,.12), transparent 34%),
    linear-gradient(135deg, #2d1500 0%, #1c0a00 100%) !important;
  border-color: rgba(251,146,60,.16) !important;
}

/* Tech news */
html[data-palette="ember"][data-theme="light"] .tech-news-card {
  background: #fff3e0 !important;
  border-color: rgba(249,115,22,.15) !important;
}
html[data-palette="ember"] .tech-news-label {
  color: #ea580c !important;
  background: rgba(249,115,22,.1) !important;
  border-color: rgba(249,115,22,.22) !important;
}
html[data-palette="ember"][data-theme="dark"] .tech-news-label {
  color: #fb923c !important;
  background: rgba(251,146,60,.12) !important;
  border-color: rgba(251,146,60,.25) !important;
}

/* Hero banner */
html[data-palette="ember"] .hero {
  background: linear-gradient(125deg, #ea580c, #f97316 55%, #d97706);
}

/* Panel hero */
html[data-palette="ember"][data-theme="light"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(249,115,22,.12), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.55), rgba(255,255,255,.2));
}
html[data-palette="ember"][data-theme="dark"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(251,146,60,.18), transparent 34%),
    linear-gradient(120deg, rgba(45,21,0,.85), rgba(28,10,0,.85));
}

/* Sidebar brand-wrap */
html[data-palette="ember"][data-theme="light"] .sidebar-brand-wrap {
  background: #431407 !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
}

/* Sidebar nav — light mode */
html[data-palette="ember"][data-theme="light"] .sidebar-link { color: #431407 !important; }
html[data-palette="ember"][data-theme="light"] .sidebar-link:hover {
  background: rgba(249,115,22,.09) !important;
  color: #c2410c !important;
}
html[data-palette="ember"][data-theme="light"] .sidebar-link.active {
  background: linear-gradient(135deg, #ea580c, #f97316) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(249,115,22,.3) !important;
}
html[data-palette="ember"][data-theme="light"] .sidebar-group-title {
  color: rgba(249,115,22,.55) !important;
}
html[data-palette="ember"][data-theme="light"] .sidebar-submenu a { color: #7c2d12 !important; }
html[data-palette="ember"][data-theme="light"] .sidebar-submenu a:hover {
  color: #ea580c !important;
  background: rgba(249,115,22,.07) !important;
}
html[data-palette="ember"][data-theme="light"] .sidebar-user-card {
  background: rgba(249,115,22,.07) !important;
  border-color: rgba(249,115,22,.16) !important;
}
html[data-palette="ember"][data-theme="light"] .sidebar-user-role { color: #c2410c !important; }
html[data-palette="ember"][data-theme="light"] #mobileNavOffcanvas { background: #fff3e0 !important; }

/* Tables */
html[data-palette="ember"][data-theme="light"] .table-modern thead th,
html[data-palette="ember"][data-theme="light"] .table thead th {
  background: rgba(249,115,22,.07) !important;
  color: #7c2d12 !important;
}

/* Metric */
html[data-palette="ember"] .metric-workplace { background: linear-gradient(145deg, #ea580c, #f97316); }
html[data-palette="ember"] .metric-hardware  { background: linear-gradient(145deg, #d97706, #f59e0b); }
html[data-palette="ember"] .metric-server    { background: linear-gradient(145deg, #7c3aed, #8b5cf6); }

/* Selector */
html[data-palette="ember"] .selector-card {
  background: linear-gradient(130deg, #fff7ed, #fed7aa 45%, #fef3c7 100%);
  border-color: #fb923c;
  box-shadow: 0 16px 30px rgba(249,115,22,.14);
}
html[data-palette="ember"] .selector-title { color: #7c2d12; }
html[data-palette="ember"] .selector-sub   { color: #9a3412; }

/* Active-glow */
html[data-palette="ember"] .top-menu-links .btn.active-glow,
html[data-palette="ember"] .top-menu-actions .btn.active-glow {
  box-shadow: 0 0 0 0.2rem rgba(249,115,22,.34), 0 10px 22px rgba(249,115,22,.3);
}

/* AI support */
html[data-palette="ember"] .ai-support-card {
  background: linear-gradient(135deg, rgba(249,115,22,.1), rgba(234,179,8,.09));
}
html[data-palette="ember"] .ai-support-chip { border-color: rgba(249,115,22,.22); }
html[data-palette="ember"][data-theme="dark"] .ai-support-chip {
  background: #2d1500;
  border-color: rgba(251,146,60,.28);
}

/* Trend */
html[data-palette="ember"] .trend-period-btn-group .btn.active {
  background: #f97316;
  border-color: #f97316;
}

/* Selector – dark */
html[data-palette="ember"][data-theme="dark"] .selector-card {
  background: linear-gradient(130deg, #2d1500, #381c00 45%, #462400 100%);
  border-color: #8a4800;
  box-shadow: 0 16px 30px rgba(249,115,22,.18);
}
html[data-palette="ember"][data-theme="dark"] .selector-title { color: #fb923c; }
html[data-palette="ember"][data-theme="dark"] .selector-sub   { color: #e0956a; }

/* Tables – dark */
html[data-palette="ember"][data-theme="dark"] .table-modern thead th,
html[data-palette="ember"][data-theme="dark"] .table thead th {
  background: rgba(251,146,60,.1) !important;
  color: #fb923c !important;
}

/* Sidebar nav — dark mode */
html[data-palette="ember"][data-theme="dark"] .sidebar-link { color: #e0956a !important; }
html[data-palette="ember"][data-theme="dark"] .sidebar-link:hover {
  background: rgba(251,146,60,.12) !important;
  color: #fed7aa !important;
}
html[data-palette="ember"][data-theme="dark"] .sidebar-link.active {
  background: linear-gradient(135deg, #ea580c, #f97316) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(249,115,22,.35) !important;
}
html[data-palette="ember"][data-theme="dark"] .sidebar-group-title {
  color: rgba(251,146,60,.45) !important;
}
html[data-palette="ember"][data-theme="dark"] .sidebar-submenu a { color: #a06040 !important; }
html[data-palette="ember"][data-theme="dark"] .sidebar-submenu a:hover {
  color: #fb923c !important;
  background: rgba(251,146,60,.1) !important;
}
html[data-palette="ember"][data-theme="dark"] .sidebar-user-card {
  background: rgba(251,146,60,.1) !important;
  border-color: rgba(251,146,60,.2) !important;
}
html[data-palette="ember"][data-theme="dark"] .sidebar-user-role { color: #fb923c !important; }
html[data-palette="ember"][data-theme="dark"] #mobileNavOffcanvas { background: #1c0a00 !important; }

/* Tech news card – dark */
html[data-palette="ember"][data-theme="dark"] .tech-news-card {
  background: #2d1500 !important;
  border-color: rgba(251,146,60,.18) !important;
}

/* Slate – dark selector + table (was missing) */
html[data-palette="slate"][data-theme="dark"] .selector-card {
  background: linear-gradient(130deg, #1e293b, #1e293b 45%, #334155 100%);
  border-color: #475569;
  box-shadow: 0 16px 30px rgba(59,130,246,.18);
}
html[data-palette="slate"][data-theme="dark"] .selector-title { color: #93c5fd; }
html[data-palette="slate"][data-theme="dark"] .selector-sub   { color: #94a3b8; }
html[data-palette="slate"][data-theme="dark"] .table-modern thead th,
html[data-palette="slate"][data-theme="dark"] .table thead th {
  background: rgba(96,165,250,.1) !important;
  color: #93c5fd !important;
}
html[data-palette="slate"][data-theme="dark"] .tech-news-card {
  background: #1e293b !important;
  border-color: rgba(96,165,250,.18) !important;
}


/* ============================================================
   LUMINESCENT — Deep navy command-center, cyan accent
   Accent #00cfee · Light bg #eafbff · Dark bg #07101e
   Designed to match a premium "management console" aesthetic.
   ============================================================ */

html[data-palette="luminescent"] {
  --ui-primary:       #00cfee;
  --ui-primary-rgb:   0, 207, 238;
  --ui-primary-2:     #00d4a0;
  --ui-danger:        #ff5577;
  --ui-warning:       #f59e0b;
  --ui-success:       #00d4a0;
  --ui-bg:            #eafbff;
  --ui-surface:       #ffffff;
  --ui-surface-2:     #f0fdff;
  --ui-surface-3:     #e0f8ff;
  --ui-border:        #b8ecf8;
  --ui-border-strong: #5dd8f0;
  --ui-text:          #03202e;
  --ui-muted:         #2a7a96;
  --ui-muted-soft:    #5dacc0;
  --sidebar-bg:       #051030;
  --sidebar-border:   rgba(0,207,238,.12);
}

html[data-palette="luminescent"][data-theme="dark"] {
  --ui-bg:            #07101e;
  --ui-surface:       #0c1828;
  --ui-surface-2:     #101e30;
  --ui-surface-3:     #152438;
  --ui-border:        #0e2035;
  --ui-border-strong: #163050;
  --ui-text:          #cce4ff;
  --ui-muted:         #6090b0;
  --ui-muted-soft:    #3d6080;
  --ui-primary:       #00cfee;
  --ui-primary-rgb:   0, 207, 238;
  --ui-primary-2:     #00d4a0;
  --sidebar-bg:       #040c18;
  --sidebar-border:   rgba(0,207,238,.10);
}

html[data-palette="luminescent"][data-theme="light"] {
  --sidebar-bg:     #051030;
  --sidebar-border: rgba(0,207,238,.18);
}

/* Body */
html[data-palette="luminescent"][data-theme="light"] body {
  background:
    radial-gradient(circle at 10% 10%, rgba(0,207,238,.10), transparent 36%),
    radial-gradient(circle at 90% 88%, rgba(0,212,160,.08), transparent 40%),
    #eafbff !important;
  color: #03202e !important;
}
html[data-palette="luminescent"][data-theme="dark"] body {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(0,207,238,.07) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(0,212,160,.04) 0%, transparent 55%),
    #07101e !important;
  color: #cce4ff !important;
}

/* Cards */
html[data-palette="luminescent"][data-theme="light"] .card,
html[data-palette="luminescent"][data-theme="light"] .glass-card,
html[data-palette="luminescent"][data-theme="light"] .ai-support-card {
  background: #ffffff !important;
  border-color: #b8ecf8 !important;
}
html[data-palette="luminescent"][data-theme="dark"] .card,
html[data-palette="luminescent"][data-theme="dark"] .glass-card {
  background: #0c1828 !important;
  border-color: #0e2035 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.35), 0 0 0 1px rgba(0,207,238,.06) !important;
}

/* Top menu */
html[data-palette="luminescent"][data-theme="light"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(0,207,238,.08), transparent 34%),
    rgba(234,251,255,.96) !important;
  border-color: rgba(0,207,238,.18) !important;
}
html[data-palette="luminescent"][data-theme="dark"] .top-menu-card {
  background:
    radial-gradient(circle at 8% 12%, rgba(0,207,238,.10), transparent 34%),
    linear-gradient(135deg, #0a1a2e 0%, #07101e 100%) !important;
  border-color: rgba(0,207,238,.14) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.5), 0 1px 0 rgba(0,207,238,.12) inset !important;
}

/* Tech news */
html[data-palette="luminescent"][data-theme="light"] .tech-news-card {
  background: #d8f8ff !important;
  border-color: rgba(0,207,238,.18) !important;
}
html[data-palette="luminescent"] .tech-news-label {
  color: #00cfee !important;
  background: rgba(0,207,238,.10) !important;
  border-color: rgba(0,207,238,.25) !important;
}
html[data-palette="luminescent"][data-theme="dark"] .tech-news-label {
  color: #5de0f5 !important;
  background: rgba(0,207,238,.12) !important;
  border-color: rgba(0,207,238,.28) !important;
}

/* Hero banner */
html[data-palette="luminescent"] .hero {
  background: linear-gradient(125deg, #006b8f, #00acd0 55%, #00cfee);
}

/* Panel hero */
html[data-palette="luminescent"][data-theme="light"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(0,207,238,.14), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.60), rgba(255,255,255,.25));
}
html[data-palette="luminescent"][data-theme="dark"] .panel-hero {
  background:
    radial-gradient(circle at 0% 0%, rgba(0,207,238,.20), transparent 34%),
    linear-gradient(120deg, rgba(12,24,40,.90), rgba(7,16,30,.90));
}

/* Sidebar brand-wrap */
html[data-palette="luminescent"][data-theme="light"] .sidebar-brand-wrap {
  background: #03182c !important;
  border-bottom-color: rgba(0,207,238,.18) !important;
}
html[data-palette="luminescent"][data-theme="dark"] .sidebar-brand-wrap {
  background: #030d1c !important;
  border-bottom-color: rgba(0,207,238,.14) !important;
}

/* Sidebar nav — light mode */
html[data-palette="luminescent"][data-theme="light"] .sidebar-link { color: #03202e !important; }
html[data-palette="luminescent"][data-theme="light"] .sidebar-link:hover {
  background: rgba(0,207,238,.10) !important;
  color: #007a96 !important;
}
html[data-palette="luminescent"][data-theme="light"] .sidebar-link.active {
  background: linear-gradient(135deg, #006b8f, #00cfee) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0,207,238,.30) !important;
}
html[data-palette="luminescent"][data-theme="light"] .sidebar-group-title {
  color: rgba(0,207,238,.5) !important;
}
html[data-palette="luminescent"][data-theme="light"] .sidebar-submenu a { color: #2a7a96 !important; }
html[data-palette="luminescent"][data-theme="light"] .sidebar-submenu a:hover {
  color: #00cfee !important;
  background: rgba(0,207,238,.07) !important;
}
html[data-palette="luminescent"][data-theme="light"] .sidebar-user-card {
  background: rgba(0,207,238,.07) !important;
  border-color: rgba(0,207,238,.16) !important;
}
html[data-palette="luminescent"][data-theme="light"] .sidebar-user-role { color: #00acd0 !important; }
html[data-palette="luminescent"][data-theme="light"] #mobileNavOffcanvas { background: #eafbff !important; }

/* Sidebar nav — dark mode */
html[data-palette="luminescent"][data-theme="dark"] .sidebar-link { color: #7ab8d0 !important; }
html[data-palette="luminescent"][data-theme="dark"] .sidebar-link:hover {
  background: rgba(0,207,238,.10) !important;
  color: #a8dff0 !important;
}
html[data-palette="luminescent"][data-theme="dark"] .sidebar-link.active {
  background: linear-gradient(135deg, #005a78, #007899) !important;
  color: #00efff !important;
  box-shadow: 0 0 0 1px rgba(0,207,238,.35), 0 4px 16px rgba(0,207,238,.20) !important;
}
html[data-palette="luminescent"][data-theme="dark"] .sidebar-group-title {
  color: rgba(0,207,238,.35) !important;
}
html[data-palette="luminescent"][data-theme="dark"] .sidebar-submenu a { color: #3d6080 !important; }
html[data-palette="luminescent"][data-theme="dark"] .sidebar-submenu a:hover {
  color: #7ab8d0 !important;
  background: rgba(0,207,238,.08) !important;
}
html[data-palette="luminescent"][data-theme="dark"] .sidebar-user-card {
  background: rgba(0,207,238,.08) !important;
  border-color: rgba(0,207,238,.16) !important;
}
html[data-palette="luminescent"][data-theme="dark"] .sidebar-user-role { color: #00cfee !important; }
html[data-palette="luminescent"][data-theme="dark"] #mobileNavOffcanvas { background: #07101e !important; }

/* Tables — light */
html[data-palette="luminescent"][data-theme="light"] .table-modern thead th,
html[data-palette="luminescent"][data-theme="light"] .table thead th {
  background: rgba(0,207,238,.07) !important;
  color: #006b8f !important;
}
/* Tables — dark */
html[data-palette="luminescent"][data-theme="dark"] .table-modern thead th,
html[data-palette="luminescent"][data-theme="dark"] .table thead th {
  background: rgba(0,207,238,.08) !important;
  color: #5de0f5 !important;
}
html[data-palette="luminescent"][data-theme="dark"] .table-modern tbody tr:hover {
  background: rgba(0,207,238,.07) !important;
}

/* Metric cards */
html[data-palette="luminescent"] .metric-workplace { background: linear-gradient(145deg, #005a78, #0096bb); }
html[data-palette="luminescent"] .metric-server    { background: linear-gradient(145deg, #006655, #00a882); }

/* Selector card */
html[data-palette="luminescent"][data-theme="light"] .selector-card {
  background: linear-gradient(130deg, #eafbff, #d4f4ff 45%, #c2effd 100%);
  border-color: #5dd8f0;
  box-shadow: 0 16px 30px rgba(0,207,238,.14);
}
html[data-palette="luminescent"][data-theme="light"] .selector-title { color: #006b8f; }
html[data-palette="luminescent"][data-theme="light"] .selector-sub   { color: #2a7a96; }
html[data-palette="luminescent"][data-theme="dark"] .selector-card {
  background: linear-gradient(130deg, #0c1828, #101e30 45%, #152438 100%);
  border-color: #163050;
  box-shadow: 0 16px 30px rgba(0,207,238,.12);
}
html[data-palette="luminescent"][data-theme="dark"] .selector-title { color: #5de0f5; }
html[data-palette="luminescent"][data-theme="dark"] .selector-sub   { color: #6090b0; }

/* Active-glow */
html[data-palette="luminescent"] .top-menu-links .btn.active-glow,
html[data-palette="luminescent"] .top-menu-actions .btn.active-glow {
  box-shadow: 0 0 0 0.2rem rgba(0,207,238,.34), 0 10px 22px rgba(0,207,238,.28);
}

/* AI support */
html[data-palette="luminescent"] .ai-support-card {
  background: linear-gradient(135deg, rgba(0,207,238,.10), rgba(0,212,160,.09));
}
html[data-palette="luminescent"] .ai-support-chip { border-color: rgba(0,207,238,.22); }
html[data-palette="luminescent"][data-theme="dark"] .ai-support-chip {
  background: #0c1828;
  border-color: rgba(0,207,238,.26);
}

/* Trend period */
html[data-palette="luminescent"] .trend-period-btn-group .btn.active {
  background: #00cfee;
  border-color: #00cfee;
  color: #07101e;
}

/* Tech news card – dark */
html[data-palette="luminescent"][data-theme="dark"] .tech-news-card {
  background: #0c1828 !important;
  border-color: rgba(0,207,238,.14) !important;
}

/* Dark mode: extra glow on focused form inputs */
html[data-palette="luminescent"][data-theme="dark"] .form-control:focus,
html[data-palette="luminescent"][data-theme="dark"] .form-select:focus {
  border-color: rgba(0,207,238,.60) !important;
  box-shadow: 0 0 0 3px rgba(0,207,238,.18) !important;
}

/* Dark mode: icon-btn subtle glow */
html[data-palette="luminescent"][data-theme="dark"] .icon-btn:hover {
  box-shadow: 0 3px 12px rgba(0,207,238,.18), 0 0 0 1px rgba(0,207,238,.20) !important;
}