/* Estados do Mapa de Jogo. O JS so escreve data-estado no .mapa-local; esta
   folha vem depois do tailwind.css e pinta cartao, icone, nome e status nos
   dois temas. Cor sozinha nao carrega o estado: o icone tambem muda
   (cadeado -> alfinete -> visto). */

/* --- bloqueado --- */
.atividade-game-map .mapa-local[data-estado="bloqueado"] { background: #f1f5f9; border-color: #e2e8f0; opacity: .5; }
.atividade-game-map .mapa-local[data-estado="bloqueado"] .mj-icone  { background: #f1f5f9; border-color: #cbd5e1; color: #475569; }
.atividade-game-map .mapa-local[data-estado="bloqueado"] .mj-nome   { color: #64748b; }
.atividade-game-map .mapa-local[data-estado="bloqueado"] .mj-status { color: #475569; }

/* --- disponivel --- */
.atividade-game-map .mapa-local[data-estado="disponivel"] { background: rgb(241 245 249 / .6); border-color: #cbd5e1; cursor: pointer; }
.atividade-game-map .mapa-local[data-estado="disponivel"]:hover { border-color: rgb(99 102 241 / .4); }
.atividade-game-map .mapa-local[data-estado="disponivel"] .mj-icone  { background: #f1f5f9; border-color: #94a3b8; color: #475569; }
.atividade-game-map .mapa-local[data-estado="disponivel"] .mj-nome   { color: #1e293b; }
.atividade-game-map .mapa-local[data-estado="disponivel"] .mj-status { color: #64748b; }

/* --- concluido --- */
.atividade-game-map .mapa-local[data-estado="concluido"] { background: rgb(99 102 241 / .05); border-color: rgb(99 102 241 / .3); }
.atividade-game-map .mapa-local[data-estado="concluido"] .mj-icone  { background: rgb(99 102 241 / .2); border-color: #6366f1; color: #4f46e5; }
.atividade-game-map .mapa-local[data-estado="concluido"] .mj-nome   { color: #4338ca; }
.atividade-game-map .mapa-local[data-estado="concluido"] .mj-status { color: #4f46e5; }

/* --- tema escuro --- */
.dark .atividade-game-map .mapa-local[data-estado="bloqueado"] { background: rgb(30 41 59 / .2); border-color: #1e293b; }
.dark .atividade-game-map .mapa-local[data-estado="bloqueado"] .mj-icone { background: #1e293b; border-color: #334155; color: #94a3b8; }

.dark .atividade-game-map .mapa-local[data-estado="disponivel"] { background: rgb(30 41 59 / .6); border-color: #334155; }
.dark .atividade-game-map .mapa-local[data-estado="disponivel"] .mj-icone { background: #1e293b; border-color: #475569; color: #94a3b8; }
.dark .atividade-game-map .mapa-local[data-estado="disponivel"] .mj-nome  { color: #e2e8f0; }

.dark .atividade-game-map .mapa-local[data-estado="concluido"] .mj-icone  { color: #818cf8; }
.dark .atividade-game-map .mapa-local[data-estado="concluido"] .mj-nome   { color: #a5b4fc; }
.dark .atividade-game-map .mapa-local[data-estado="concluido"] .mj-status { color: rgb(129 140 248 / .85); }