/* Customizacoes especificas do SGQ Flow.
   Tailwind cobre 95% via CDN; este arquivo agrupa overrides + animacoes
   pequenas + utilities que vivem alem das classes do Tailwind. */

/* Esconde elementos com x-cloak ate Alpine inicializar (evita flash) */
[x-cloak] { display: none !important; }

/* Indicador de loading global do HTMX */
.htmx-indicator {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator { opacity: 1; }
.htmx-request.htmx-indicator { opacity: 1; }

/* Skeleton para cartoes de IA enquanto carregam */
.ia-skeleton {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 37%, #f1f5f9 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease infinite;
}
@keyframes shimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

/* Card de sugestao IA - destaque sutil amarelo (PRD 8.2) */
.card-ia {
  border-left: 3px solid #f59e0b;
}

/* Badges de status conforme PRD 6.2 */
.badge-status {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}
.status-em_investigacao                 { background:#fef3c7; color:#92400e; }
.status-aguardando_aprovacao_causa_plano{ background:#fce7f3; color:#9d174d; }
.status-plano_de_acao_em_andamento      { background:#dbeafe; color:#1e40af; }
.status-aguardando_validacao_sgq        { background:#e0e7ff; color:#3730a3; }
.status-aguardando_verificacao_eficacia { background:#cffafe; color:#155e75; }
.status-encerrada_eficaz                { background:#dcfce7; color:#166534; }
.status-encerrada_nao_eficaz            { background:#fecaca; color:#991b1b; }
.status-nao_procedente                  { background:#e2e8f0; color:#475569; }

/* Badge tipo */
.badge-tipo-roa { background:#ddd6fe; color:#5b21b6; }
.badge-tipo-rnc { background:#fed7aa; color:#9a3412; }

/* Urgencia */
.badge-urgencia-baixa { background:#dcfce7; color:#166534; }
.badge-urgencia-media { background:#fef3c7; color:#92400e; }
.badge-urgencia-alta  { background:#fecaca; color:#991b1b; }