/* =========================================================
   SWC PMO · costs.css — Sprint 5
   Cards de categoria para visão Custos.
   Reaproveita .sched-kpis, .sched-badge, .sched-fieldset, .eap-table.
========================================================= */

.cost-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  padding: 12px;
}

.cost-cat-card {
  background: rgba(255, 255, 255, .02);
  border: 1px solid rgba(255, 255, 255, .06);
  border-left: 3px solid var(--c, #94a3b8);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cost-cat-card__hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cost-cat-card__hd strong {
  color: var(--c, #f1f5f9);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .02em;
}
.cost-cat-card__count {
  font-size: 11px;
  font-weight: 700;
  color: #8892a4;
  background: rgba(255, 255, 255, .04);
  border-radius: 99px;
  padding: 2px 8px;
}
.cost-cat-card__nums {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 12px;
}
.cost-cat-card__nums > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.cost-cat-card__nums small {
  color: #8892a4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cost-cat-card__nums b {
  font-weight: 700;
  font-size: 12.5px;
}