/* CSS puro. As classes com @apply ficam no bloco text/tailwindcss do base.html,
   porque o CDN do Tailwind não processa @apply em arquivo externo. */

:root {
  color-scheme: light dark;
}

/* Rolagem sem barra visível nos carrosséis de filtro. */
.sem-barra {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sem-barra::-webkit-scrollbar {
  display: none;
}

/* Entrada de conteúdo — cards do painel e bolhas do chat. */
@keyframes surgir {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}
.surgir {
  animation: surgir 0.28s ease-out both;
}

/* iOS dá zoom ao focar campo com fonte menor que 16px. */
input, select, textarea {
  font-size: 16px;
}
@media (min-width: 1024px) {
  input, select, textarea { font-size: 14px; }
}

/* Digitando… */
.pontinho {
  animation: pulsar 1.2s infinite ease-in-out;
}
.pontinho:nth-child(2) { animation-delay: 0.15s; }
.pontinho:nth-child(3) { animation-delay: 0.3s; }
@keyframes pulsar {
  0%, 60%, 100% { opacity: 0.25; }
  30% { opacity: 1; }
}

/* Impressão de relatório: sem menus. */
@media print {
  aside, nav, header, .sem-impressao { display: none !important; }
  main { padding: 0 !important; }
}