.user-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
.user-kpis .metric { min-height: 92px; padding: 16px; }
.user-kpis .metric.active { border-color: var(--primary); box-shadow: 0 0 0 1px var(--primary); }
.user-kpis + .notice + .card th:last-child,
.user-kpis + .notice + .card td:last-child,
.user-kpis + .card th:last-child,
.user-kpis + .card td:last-child { text-align: right; }
@media (max-width: 1199px) {
  .user-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .user-kpis { grid-template-columns: 1fr; }
}