/* Empty state: an icon, one sentence, and at most one action. */

.empty-state {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
  padding: var(--space-6) var(--space-4);
  border: 1px dashed var(--color-border-strong);
  border-radius: var(--radius-md);
  color: var(--color-text-muted);
  text-align: center;
}

.empty-state > .icon {
  width: 2rem;
  height: 2rem;
}

.empty-state p {
  margin: 0;
}