/* Empty state — extensões para variantes de imagem e ações múltiplas. */

section.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 6) calc(var(--spacing) * 4);
}

section.empty > h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.4;
}

section.empty > p {
  color: var(--muted-foreground);
}

.empty-media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.empty-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 160px;
  object-fit: contain;
}

.empty-image--sm { max-width: 96px; }
.empty-image--md { max-width: 160px; }
.empty-image--lg { max-width: 240px; }

.empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--spacing) * 2);
}

@media (max-width: 480px) {
  .empty-image--lg { max-width: 180px; }
  .empty-image--md { max-width: 128px; }
}