/* GRID */
.global-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-lg-16);
}

/* CARD */
.global-kpi-card {
  background: var(--color-card-bg);
  border: 1px solid var(--color-card-border);
  border-radius: var(--radius-lg-16);
  padding: var(--space-lg-16);
  box-shadow: var(--shadow-xs);
}

.global-kpi-card {
  padding: 8px 12px;
  min-height: 60px;
}
/* LABEL */
.global-kpi-label {
  font-size: var(--font-sm-12);
  color: var(--color-text-secondary);
}

/* VALUE */
.global-kpi-value {
  margin-top: var(--space-xs-04);
  font-size: var(--font-2xl-22);
  font-weight: var(--font-bold-700);
  color: var(--color-text);
}

.global-kpi-value {
  text-align: center;
  width: 100%;
}

/* HELPER */
.global-kpi-helper {
  margin-top: var(--space-xs-04);
  font-size: var(--font-sm-12);
  color: var(--color-text-light);
}