/* =====================================================================
   AprovAKI — aki_denunciar_msg.css  (2026-08-02)
   ---------------------------------------------------------------------
   Padroniza as mensagens de feedback do modal "Denunciar perfil" com
   o mesmo estilo das caixinhas verde/vermelha do popover "Avisar erro
   na questão". Ficam num bloco arredondado dentro do card, e não mais
   como texto solto vermelho/verde no rodapé.

   Carregar DEPOIS de aki_uiux_v4.css (que define a versão antiga).
   ===================================================================== */

.aki-denunciar-modal__feedback {
  display: none;
  margin: 10px 0 0;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: 10px;
  background: #ecfdf5;                 /* verde claro — sucesso/loading */
  color: #065f46;
  border: 1px solid rgba(16, 185, 129, .18);
  text-align: left;
}

.aki-denunciar-modal__feedback.is-visivel {
  display: block;
  animation: aki-den-msg-in .18s ease-out;
}

.aki-denunciar-modal__feedback.is-erro {
  background: #fef2f2;                 /* vermelho claro — erro */
  color: #991b1b;
  border-color: rgba(220, 38, 38, .20);
}

@keyframes aki-den-msg-in {
  from { opacity: 0; transform: translateY(-2px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Compatibilidade com o markup atual: se o feedback estava usado como
   texto solto no rodapé (verde e vermelho sem caixa), força ele a virar
   bloco arredondado igual ao do aviso de questão. */
.aki-denunciar-modal .aki-denunciar-modal__feedback:empty { display: none; }