/* Indicador do cartao atual dos Cartoes de Memorizacao. O JS so escreve
   data-estado; esta folha vem depois do tailwind.css e define a cor nos dois temas.
   Agora e um <button> clicavel (pula direto pro cartao), entao reseta o
   estilo nativo de botao que o Tailwind nao cobre por si so. */
.atividade-flashcards .fc-dot {
  border: none;
  padding: 0;
  cursor: pointer;
}

.atividade-flashcards .fc-dot[data-estado="inativo"] { background: #e2e8f0; }
.atividade-flashcards .fc-dot[data-estado="ativo"]   { background: #6366f1; }

.dark .atividade-flashcards .fc-dot[data-estado="inativo"] { background: #334155; }