/* Stats – 4 pro Reihe auf Mobile, kompakt & lesbar */
.stats-row {}

/* Card kompakter */
.stat-card { 
  border-radius: 12px;
}

.stat-body{
  padding: 8px 8px;        /* kompakter als Bootstrap */
  min-height: 56px;        /* verhindert "zerdrückt" */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Label klein, aber nicht matschig */
.stat-label{
  font-size: 0.62rem;
  line-height: 1.1;
  color: var(--muted);
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Wert responsive skaliert + nie umbrechen */
.stat-value{
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
  font-size: clamp(0.95rem, 4.6vw, 1.25rem);
  color: var(--text);
}

.stat-value.text-done{
  color: var(--accent);
}

/* Ab md darf es wieder grösser sein */
@media (min-width: 768px){
  .stat-body{ padding: 12px 14px; min-height: 70px; }
  .stat-label{ font-size: 0.78rem; }
  .stat-value{ font-size: 1.45rem; }
}