/* ============================================================
   components/empty-state.css
   Empty / no-data state
   ============================================================ */

.empty-state {
  text-align: center;
  color: var(--text-subtle);
  padding: var(--space-10) var(--space-5);
  font-size: var(--font-base);
}
.empty-state--lg { padding: var(--space-20) var(--space-5); }
.empty-state__icon { font-size: 48px; opacity: 0.4; margin-bottom: var(--space-3); }
.empty-state__title { font-size: var(--font-lg); color: var(--text-muted); margin-bottom: var(--space-2); }