/**
 * Component: Empty State
 * Generalizes the pattern already used in content-none.php so any
 * context (dashboard widget, notifications list, search results) can
 * render a consistent "nothing here yet, here's what to do" state.
 * See stackforge_empty_state() in inc/template-tags.php.
 */

.empty-state {
  text-align: center;
  padding: var(--sf-space-16) var(--sf-space-8);
}

.empty-state--compact { padding: var(--sf-space-10) var(--sf-space-6); }

.empty-state__badge { margin-bottom: var(--sf-space-4); }

.empty-state__title { margin-bottom: var(--sf-space-2); }

.empty-state__description {
  color: var(--sf-slate-600);
  margin-inline: auto;
  max-width: 46ch;
}

.empty-state__action { margin-top: var(--sf-space-6); }