/* ==========================================================================
   RUKIA F10 — states.css
   --------------------------------------------------------------------------
   F10.4.3-N — camada de estados visuais auxiliares.

   Responsabilidade:
   - Empty state
   - Skeleton loading visual

   Observação:
   - Helpers utilitários globais (.hidden, .sr-only, .nowrap etc.)
     já foram movidos para base.css na F10.4.3-A.

   NÃO contém:
   - Tokens/base
   - Login CP-01
   - Layout/Header/Footer
   - Cliente Público
   - Grid/KPIs/Tabela
   - Modal/Importação
   - Responsividade
   ========================================================================== */

/* Estados auxiliares */

.empty-state {
  display: grid;
  min-height: 260px;
  padding: 28px;
  color: var(--text-muted);
  text-align: center;
  place-items: center;
}

.empty-state h3 {
  margin: 0 0 6px;
  color: var(--text-strong);
  font-size: 18px;
}

.empty-state p {
  max-width: 560px;
  margin: 0 auto;
}

.skeleton {
  position: relative;
  overflow: hidden;
  color: transparent;
  background: var(--neutral-soft);
  border-radius: var(--radius-sm);
}

.skeleton::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.38), transparent);
  transform: translateX(-100%);
  animation: skeletonSweep 1.35s infinite;
}

html[data-theme="dark"] .skeleton::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}

@keyframes skeletonSweep {
  100% {
    transform: translateX(100%);
  }
}

/* Helpers utilitários globais movidos para base.css na F10.4.3-A. */