/**
 * empty-state.css — EmptyState SSOT
 * Token-driven only. No hex. No fallbacks. No !important.
 * Moved from helix-app.css.
 */
.hx-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--hx-empty-gap);
  max-width: var(--hx-empty-max);
  margin-inline: auto;
  color: var(--hx-empty-fg);
}

.hx-empty__icon {
  width: var(--hx-empty-icon);
  height: var(--hx-empty-icon);
  color: var(--hx-empty-muted);
}

.hx-empty__icon svg {
  width: 100%;
  height: 100%;
}

.hx-empty__title {
  margin: 0;
  font-size: var(--text-body-size);
  font-weight: var(--font-weight-semibold);
}

.hx-empty__desc {
  margin: 0;
  font-size: var(--text-label-size);
  line-height: var(--line-height-normal);
  color: var(--hx-empty-muted);
}

.hx-empty__actions {
  display: flex;
  gap: var(--hx-empty-gap);
  margin-top: var(--spacing-2);
}

.hx-empty--compact {
  gap: var(--spacing-1);
}

.hx-empty--compact .hx-empty__title {
  font-size: var(--text-label-size);
}

.hx-empty--compact .hx-empty__actions {
  flex-direction: column;
  align-items: stretch;
}

.hx-empty-card {
  border: 1px solid var(--hx-empty-line);
  border-radius: var(--radius-container);
  background: var(--hx-empty-card);
  padding: var(--spacing-6);
  box-shadow: none;
}