/* ==========================================================
   STAT BAR — DARK GLASS / NEON GLOW REDESIGN
   TARGET ONLY: .ai-crims-features-section.ai-crims-project-overview .stat-bar
   This file only overrides the 4-item stat bar (Archived Projects /
   TF-IDF / Active Researchers / Accessible). It is loaded last and uses
   the same scoped selectors as final-polish.css, so nothing else on the
   landing page (or any other page) is affected.
   ========================================================== */

.ai-crims-features-section.ai-crims-project-overview .stat-bar {
  background: linear-gradient(150deg, rgba(8, 12, 34, .97), rgba(15, 19, 56, .97)) !important;
  border: 1px solid rgba(129, 148, 255, .35) !important;
  box-shadow:
    0 0 0 1px rgba(99, 140, 255, .10),
    0 25px 60px rgba(8, 12, 34, .55),
    0 0 45px rgba(88, 110, 255, .40),
    0 0 90px rgba(139, 92, 246, .22) !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-item:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-item:not(:last-child)::after {
  background: rgba(255, 255, 255, .14) !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-icon {
  background: linear-gradient(150deg, rgba(59, 110, 246, .38), rgba(37, 60, 150, .55)) !important;
  border: 1px solid rgba(140, 170, 255, .45) !important;
  box-shadow:
    0 0 18px rgba(80, 120, 255, .55),
    inset 0 0 12px rgba(150, 180, 255, .28) !important;
  color: #cfe0ff !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-icon svg {
  width: 22px;
  height: 22px;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-number {
  color: #ffffff !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-label {
  color: #eef2ff !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-sub {
  color: #9fb3e8 !important;
}

/* ---------- Make the bar longer (wider) and bigger overall ----------
   Only widens the container for THIS section (not the shared --max-width
   variable used site-wide), then enlarges the inner spacing/text/icons. */

.ai-crims-features-section.ai-crims-project-overview > .container {
  width: min(100% - 32px, 1440px) !important;
  max-width: 1440px !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar {
  padding: 18px !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-item {
  padding: 38px 34px !important;
  gap: 20px;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-icon {
  width: 66px !important;
  height: 66px !important;
  flex: 0 0 66px !important;
  border-radius: 16px !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-icon svg {
  width: 30px;
  height: 30px;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-number {
  font-size: 1.9rem !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-label {
  font-size: 1.05rem !important;
}

.ai-crims-features-section.ai-crims-project-overview .stat-bar-sub {
  font-size: .92rem !important;
}

@media (min-width: 981px) {
  .ai-crims-features-section.ai-crims-project-overview .stat-bar-item:not(:last-child)::after {
    height: 60% !important;
  }
}