/* =====================================================
   Analytics BI Light Theme
   For Bootstrap 5.3.3
   Keep all class names unchanged
===================================================== */

:root,
[data-bs-theme="light"] {

  /* ===== Brand Colors ===== */
  --bs-primary: #2563eb;                 /* Deep analytics blue */
  --bs-primary-rgb: 37,99,235;
  --bs-primary-text-emphasis: #0b3ea8;
  --bs-primary-bg-subtle: #e8f0ff;
  --bs-primary-border-subtle: #c7dbff;

  --bs-secondary: #64748b;               /* Muted slate */
  --bs-secondary-rgb: 100,116,139;

  --bs-success: #16a34a;
  --bs-success-rgb: 22,163,74;

  --bs-info: #0ea5e9;
  --bs-info-rgb: 14,165,233;

  --bs-warning: #f59e0b;
  --bs-warning-rgb: 245,158,11;

  --bs-danger: #dc2626;
  --bs-danger-rgb: 220,38,38;

  /* ===== Background System ===== */
  --bs-body-bg: #f6f8fb;                 /* Soft dashboard gray */
  --bs-body-bg-rgb: 246,248,251;

  --bs-body-color: #1e293b;              /* Dark slate text */
  --bs-body-color-rgb: 30,41,59;

  --bs-secondary-bg: #ffffff;            /* Cards */
  --bs-tertiary-bg: #f1f5f9;             /* Tables / sections */

  /* ===== Borders ===== */
  --bs-border-color: #e2e8f0;
  --bs-border-color-translucent: rgba(0,0,0,0.05);

  /* ===== Links ===== */
  --bs-link-color: #2563eb;
  --bs-link-hover-color: #1d4ed8;

  /* ===== Focus Ring ===== */
  --bs-focus-ring-color: rgba(37,99,235,0.25);

  /* ===== Tables ===== */
  --bs-table-striped-bg: rgba(30,41,59,0.02);
  --bs-table-hover-bg: rgba(37,99,235,0.05);
  --bs-table-active-bg: rgba(37,99,235,0.08);

  /* ===== Shadows (Clean BI style) ===== */
  --bs-box-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --bs-box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  --bs-box-shadow-lg: 0 10px 25px rgba(0,0,0,0.08);
}

/* =====================================================
   Analytics Enhancements (No Class Name Changes)
===================================================== */

/* Cards */
.card {
  border: 1px solid var(--bs-border-color);
  box-shadow: var(--bs-box-shadow-sm);
}

.card-header {
  background-color: var(--bs-tertiary-bg);
  font-weight: 600;
}

/* Tables */
.table {
  background-color: #ffffff;
}

.table thead th {
  background-color: var(--bs-tertiary-bg);
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #475569;
}

/* Buttons (slightly modern look) */
.btn {
  border-radius: 0.5rem;
  font-weight: 500;
}

/* KPI Cards (auto looks better without changing class names) */
.bg-primary,
.bg-success,
.bg-warning,
.bg-danger,
.bg-info {
  color: #ffffff !important;
}

/* Forms */
.form-control,
.form-select {
  border-color: var(--bs-border-color);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .2rem rgba(37,99,235,0.15);
}

/* Navbar BI Style */
.navbar {
  box-shadow: var(--bs-box-shadow-sm);
}

/* Clean Section Spacing */
.section {
  background: #ffffff;
  padding: 1.25rem;
  border-radius: 0.75rem;
  box-shadow: var(--bs-box-shadow-sm);
}