/* ── Estado vacío de gráficos y listados ────────────────────────────
   Un gimnasio recién llegado no tiene movimientos, y un gráfico sin datos
   no debe dibujar la rejilla con un eje inventado: eso se lee como si
   hubiera cifras. En su lugar la tarjeta dice, en texto, que no hay nada
   que mostrar todavía.

   Uno solo por tarjeta, con alto mínimo propio para que la fila no dependa
   de `h-100`. Lo usan el dashboard principal y el financiero; lo escribe
   `renderEmptyState()` en gym-dashboard.js y financial-dashboard.js. */

.chart-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 160px;
  padding: 1.5rem 1rem;
  text-align: center;
  color: var(--athena-text-muted, #6c757d);
}

.chart-empty-state i {
  font-size: 2.5rem;
  opacity: 0.35;
}