/* KPI Cards v1.1.0 - frontend & editor styles */
.kpi-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--kpi-min, 280px), 1fr));
  gap: var(--kpi-gap, 16px);
  align-items: stretch;
}

.kpi-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 16px;
  background: var(--wp--preset--color--base, #fff);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

.kpi-cards-grid[data-border="off"] .kpi-card { border: none; }
.kpi-cards-grid[data-shadow="off"] .kpi-card { box-shadow: none; }

.kpi-card__title {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 8px;
}

.kpi-card__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: baseline;
  gap: 12px;
  padding: 6px 0;
}

.kpi-card__row--header .kpi-card__label {
  font-weight: 600;
  opacity: 0.85;
}

.kpi-card__colhead {
  font-weight: 600;
  opacity: 0.75;
}

.kpi-card__label--spacer { visibility: hidden; }

.kpi-card__value,
.kpi-card__value-input input {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
}

.kpi-card__divider {
  height: 1px;
  background: rgba(0,0,0,0.08);
  margin: 4px 0;
  display: block;
}

.kpi-cards-grid[data-divider="off"] .kpi-card__divider { display: none; }