/* =========================
   OVERVIEW TAB — STYLES
========================= */

#overview h3 {
  margin-bottom: 16px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #aaa;
}

.overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
}

.overview-card {
  border: 1px solid #1f1f1f;
  background: #0d0d0d;
  padding: 16px;
}

.overview-value {
  font-size: 24px;
  font-weight: bold;
  color: #00ff9d;
}

.overview-label {
  margin-top: 6px;
  font-size: 11px;
  color: #777;
  letter-spacing: 1px;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.kpi-card {
  border: 1px solid #222;
  padding: 16px;
  background: #0b0b0b;
}

.kpi-label {
  font-size: 11px;
  color: #777;
  letter-spacing: 1px;
}

.kpi-value {
  font-size: 24px;
  font-weight: bold;
  margin-top: 6px;
}