/* Estados exclusivos da atividade Múltipla Escolha. O JS só escreve
   data-estado; esta folha vem depois do tailwind.css e define a aparência. */
.atividade-multiple-choice .questao-opcao[data-estado="selecionada"] {
  border-color: #6366f1;
  background: rgb(99 102 241 / 0.1);
  color: #4338ca;
}

.dark .atividade-multiple-choice .questao-opcao[data-estado="selecionada"] { color: #a5b4fc; }

.atividade-multiple-choice .questao-opcao[data-estado="correta"] {
  border-color: rgb(34 197 94 / 0.6);
  background: rgb(34 197 94 / 0.1);
  color: #15803d;
}

.dark .atividade-multiple-choice .questao-opcao[data-estado="correta"] { color: #86efac; }

.atividade-multiple-choice .questao-opcao[data-estado="errada"] {
  border-color: rgb(239 68 68 / 0.6);
  background: rgb(239 68 68 / 0.1);
  color: #b91c1c;
}

.dark .atividade-multiple-choice .questao-opcao[data-estado="errada"] { color: #fca5a5; }

.atividade-multiple-choice .questao-opcao[data-estado="nao-selecionada"] { color: #94a3b8; }
.dark .atividade-multiple-choice .questao-opcao[data-estado="nao-selecionada"] { color: #64748b; }
.atividade-multiple-choice .questao-opcao:disabled { cursor: not-allowed; }