/**
 * EmptyState Component - Estilos
 */

.lumiere-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--space-lg, 24px) var(--space-md, 16px);
  gap: var(--space-sm, 8px);
  color: var(--color-text-muted, #a0a0a0);
  border: 1px dashed var(--color-border, rgba(212, 175, 55, 0.15));
  border-radius: var(--radius-md, 8px);
  background: transparent;
}

.lumiere-empty__icon {
  font-size: 2rem;
  line-height: 1;
  color: var(--color-gold, #d4af37);
  opacity: 0.7;
}

.lumiere-empty__title {
  margin: 0;
  font-size: var(--font-size-md, 1rem);
  font-weight: 600;
  color: var(--color-text, #f5f5f5);
}

.lumiere-empty__message {
  margin: 0;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-text-muted, #a0a0a0);
  max-width: 40ch;
}

.lumiere-empty__action {
  margin-top: var(--space-sm, 8px);
  background: transparent;
  color: var(--color-gold, #d4af37);
  border: 1px solid var(--color-gold, #d4af37);
  border-radius: var(--radius-sm, 4px);
  padding: 6px 14px;
  font-size: var(--font-size-sm, 0.875rem);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.lumiere-empty__action:hover,
.lumiere-empty__action:focus-visible {
  background: var(--color-gold, #d4af37);
  color: var(--color-bg, #0a0a0a);
  outline: none;
}

/* Variante compact */
.lumiere-empty--compact {
  padding: var(--space-md, 16px) var(--space-sm, 8px);
  gap: var(--space-xs, 4px);
}
.lumiere-empty--compact .lumiere-empty__icon { font-size: 1.25rem; }
.lumiere-empty--compact .lumiere-empty__title { font-size: var(--font-size-sm, 0.875rem); }

/* Variante inline (sem borda, para uso dentro de cards/seções) */
.lumiere-empty--inline {
  border: none;
  padding: var(--space-md, 16px) var(--space-sm, 8px);
  background: transparent;
}