.ui-empty-state {
  align-items: center;
  background: var(--ui-empty-bg);
  border: 1px dashed var(--ui-empty-border);
  border-radius: var(--ui-empty-radius);
  box-shadow: var(--ui-shadow-sm);
  color: var(--ui-text-secondary);
  display: grid;
  gap: var(--ui-space-3);
  justify-items: center;
  padding: var(--ui-empty-padding);
  text-align: center;
}

.ui-empty-state--compact {
  --ui-empty-padding: var(--ui-space-5);
}

.ui-empty-state--plain {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.ui-empty-state__icon {
  color: var(--ui-icon);
  font-size: 2rem;
  line-height: 1;
}

.ui-empty-state__title {
  color: var(--ui-text-primary);
  font-size: 1rem;
  font-weight: var(--ui-font-weight-semibold);
  margin: 0;
}

.ui-empty-state__body {
  margin: 0;
  max-width: 42rem;
}

.ui-empty-state__actions {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  justify-content: center;
}

.ui-empty-state[aria-busy="true"] {
  opacity: var(--ui-state-busy-opacity);
}