/* Drop into jabbaos/eze_knowledge_hq/styles/eze_theme.css */

:root {
  /* G-Wiz Electric Blue Palette */
  --bg-dark: #0a0e17;
  --panel-bg: #111827;
  --border-color: #1e293b;
  --accent-blue: #2563eb;
  --accent-blue-glow: #3b82f6;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --highlight-blue-bg: rgba(37, 99, 235, 0.15);
  --highlight-blue-text: #60a5fa;
}

/* Base App Container */
body, .matrix-container {
  background-color: var(--bg-dark) !important;
  color: var(--text-primary) !important;
}

/* Header & Banner Modifications */
.hq-header, .network-badge {
  border-bottom: 1px solid var(--border-color) !important;
}

.network-badge-dot {
  background-color: var(--accent-blue-glow) !important;
  box-shadow: 0 0 8px var(--accent-blue-glow) !important;
}

/* Active Tab Buttons & Badges */
.tab-button.active, .badge-verified {
  background-color: var(--accent-blue) !important;
  color: #ffffff !important;
  border-color: var(--accent-blue-glow) !important;
  box-shadow: 0 0 12px rgba(37, 99, 235, 0.4) !important;
}

/* Table Column Headers & Projection Row Highlights */
th {
  color: var(--highlight-blue-text) !important;
  border-bottom: 2px solid var(--border-color) !important;
}

.data-type-proj, tr.proj-row td {
  background-color: var(--highlight-blue-bg) !important;
  color: var(--highlight-blue-text) !important;
}

.z-score-positive {
  color: #60a5fa !important;
  font-weight: 700;
}

/* Row Hover State */
tr:hover td {
  background-color: rgba(59, 130, 246, 0.08) !important;
}