/* KPI GLOW FIX — max specificity */

/* Inbound — cyan */
.kpi-grid .kpi-card .kpi-value#kpiInbound,
#kpiInbound.kpi-value,
#kpiInbound {
  color: #00C2F0 !important;
  text-shadow: 0 0 24px rgba(0,194,240,.35) !important;
}

/* Outbound — teal */
.kpi-grid .kpi-card .kpi-value#kpiOutbound,
#kpiOutbound.kpi-value,
#kpiOutbound {
  color: #2DD4A8 !important;
  text-shadow: 0 0 24px rgba(45,212,168,.35) !important;
}

/* Ready — bright green */
.kpi-grid .kpi-card .kpi-value#kpiReady,
#kpiReady.kpi-value,
#kpiReady {
  color: #2DD4A8 !important;
  text-shadow: 0 0 24px rgba(45,212,168,.4) !important;
}

/* Issues — red glow */
.kpi-grid .kpi-card .kpi-value#kpiIssue,
.kpi-grid .kpi-card .kpi-value.has-issues,
#kpiIssue.kpi-value,
#kpiIssue,
.kpi-value.has-issues {
  color: #FF4D6A !important;
  text-shadow: 0 0 28px rgba(255,77,106,.45) !important;
}

/* Active trailers — white, big */
.kpi-grid .kpi-card .kpi-value#kpiActive,
#kpiActive {
  color: #E8E8EC !important;
  text-shadow: 0 0 12px rgba(255,255,255,.1) !important;
}

/* All KPI values — ensure Jakarta display font */
.kpi-value, .kpi-grid .kpi-value {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
}

/* KPI labels — mono, tiny, muted */
.kpi-label, .kpi-grid .kpi-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: #4A4A54 !important;
}

/* Also target the global dashboard KPIs */
.gkpi-value.green, .kpi-strip-val.clear { color: #2DD4A8 !important; text-shadow: 0 0 20px rgba(45,212,168,.35) !important; }
.gkpi-value.amber, .kpi-strip-val.caution { color: #E5A011 !important; text-shadow: 0 0 20px rgba(229,160,17,.35) !important; }
.gkpi-value.red, .kpi-strip-val.critical { color: #FF4D6A !important; text-shadow: 0 0 20px rgba(255,77,106,.4) !important; }
.gkpi-value.blue { color: #00C2F0 !important; text-shadow: 0 0 20px rgba(0,194,240,.35) !important; }
.gkpi-value.purple { color: #9F6CF7 !important; text-shadow: 0 0 20px rgba(159,108,247,.35) !important; }