/* Empty state blocks */

.empty-state {
  text-align: center;
  padding: var(--space-12) var(--space-6);
}

.empty-state h4 {
  color: var(--text-secondary);
  margin-bottom: var(--space-4);
  font-weight: 500;
}

.empty-state p {
  color: var(--text-tertiary);
}

.empty-icon {
  font-size: 3.5rem;
  margin-bottom: var(--space-4);
  opacity: 0.4;
}

.empty-state-small {
  padding: var(--space-8) var(--space-4);
}