/* ═══════════════════════════════
   QUANTIUM REFINED DARK THEME
   Softer backgrounds + bolder fonts
   Keep dark base — improve readability
═══════════════════════════════ */

/* ── PAGE BACKGROUND ── */
/* Soften pure black to dark navy */
body {
  background: #0f1624 !important;
}

/* ── MAIN CONTENT AREA ── */
.main-content,
[class*="main-content"],
[class*="content-area"],
[class*="page-content"] {
  background: #111827 !important;
}

/* ── CARDS — slightly lighter ── */
.card,
[class*="card"],
.panel {
  background: #1a2236 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ── KPI CARDS — colored tints ── */
.kpi-card.blue   { background: #1a2a4a !important; border-color: #2563eb !important; }
.kpi-card.green  { background: #1a3028 !important; border-color: #059669 !important; }
.kpi-card.red    { background: #3a1a1a !important; border-color: #dc2626 !important; }
.kpi-card.amber  { background: #3a2a10 !important; border-color: #d97706 !important; }
.kpi-card.purple { background: #2a1a3a !important; border-color: #7c3aed !important; }
.kpi-card.teal   { background: #1a2e30 !important; border-color: #0d9488 !important; }

/* ── NAVBAR ── */
.navbar,
nav,
.top-nav {
  background: #0f1624 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* ── SIDEBAR ── */
.sidebar,
[class*="sidebar"] {
  background: #111827 !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}

/* ── TABLES ── */
thead, th {
  background: #1a2236 !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.7px !important;
}
td {
  color: #e2e8f0 !important;
  font-weight: 500 !important;
}
tr:hover td {
  background: rgba(255,255,255,0.04) !important;
}

/* ── HEADINGS — bolder ── */
h1, h2, h3 {
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
}
h4, h5, h6 {
  font-weight: 700 !important;
}

/* ── KPI VALUES — larger + bolder ── */
.kpi-value,
[class*="kpi-value"] {
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
}

/* ── KPI LABELS ── */
.kpi-label,
[class*="kpi-label"] {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.7px !important;
  color: #94a3b8 !important;
}

/* ── CATEGORY HEADERS in field config ── */
[class*="category-header"],
[class*="category-title"],
[class*="category-name"],
.field-category h3,
.field-category h4,
.field-category .title {
  font-weight: 800 !important;
  font-size: 14px !important;
  color: #ffffff !important;
}

/* ── FIELD ITEMS — more readable ── */
[class*="field-item"],
[class*="field-label"],
[class*="field-name"] {
  font-weight: 600 !important;
  color: #e2e8f0 !important;
}

[class*="field-id"],
[class*="field-number"],
[class*="field-code"] {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-family: monospace !important;
}

/* ── PRODUCT TABS ── */
.product-tab {
  font-weight: 600 !important;
}
.product-tab.active {
  font-weight: 700 !important;
}

/* ── BUTTONS ── */
.btn-primary,
[class*="btn-primary"] {
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}

/* ── BADGES ── */
.badge,
[class*="badge"] {
  font-weight: 700 !important;
  font-size: 11px !important;
}

/* ── SEARCH INPUTS ── */
input[type="search"],
input[placeholder*="earch"],
[class*="search-input"] {
  background: #1a2236 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #e2e8f0 !important;
  font-size: 14px !important;
}

/* ── FORM INPUTS ── */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  background: #1a2236 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #e2e8f0 !important;
}
.form-control:focus,
input:focus {
  border-color: #1a56db !important;
  box-shadow: 0 0 0 2px rgba(26,86,219,0.2) !important;
}

/* ── SCROLLBARS ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0f1624; }
::-webkit-scrollbar-thumb { background: #2d3748; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #4a5568; }

/* ── TRIAL BANNER ── */
.trial-banner,
[class*="trial-banner"],
[class*="trial-bar"] {
  background: #1e3a8a !important;
  border-bottom: 1px solid #2563eb !important;
  color: #bfdbfe !important;
}

/* ── SELECTION ── */
::selection {
  background: #1e40af;
  color: #ffffff;
}