/* Strip de KPIs do período (Receitas / Despesas / Saldo do mês / Lançamentos) */

.kpi-strip {
  display: grid;
  grid-template-columns: repeat(var(--kpi-cols, 4), 1fr);
  gap: .55rem;
  margin-bottom: .8rem;
}

.kpi-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: .65rem;
  padding: .65rem .85rem;
}

.kpi-card-label {
  font-size: .55rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-dim);
  font-weight: 700;
}

.kpi-card-value {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  margin-top: .2rem;
  font-variant-numeric: tabular-nums;
}

.kpi-card-value.pos { color: #059669 }
.kpi-card-value.neg { color: #dc2626 }

/* card de destaque (ex: Saldo da conta) — mais peso que os demais */
.kpi-card-hl {
  background: linear-gradient(180deg, rgba(99,102,241,.08), rgba(99,102,241,.03));
  border-color: #c7d2fe;
  box-shadow: 0 2px 10px rgba(79,70,229,.12);
}
.kpi-card-hl .kpi-card-label { color: #4338ca; }
.kpi-card-hl .kpi-card-value { font-size: 1.42rem; }

.kpi-card-sub {
  font-size: .62rem;
  color: var(--text-mut);
  margin-top: .15rem;
}