/* ============================================================
   MEUS RESULTADOS — cobertura de TEMA CLARO (sub-fase repaginacao 23/06)
   A secao "#view-meusresultados" e Tailwind cinza puro (bg-gray-800/900,
   border-gray-700, text-gray-400) SEM nenhuma variante de tema claro — no
   tema claro virava cinza-chumbo, fora da marca e ferindo a regra forte de
   contraste. Aqui escopamos APENAS o card estatico "Meus Resultados Olimpicos"
   ( > .bg-gray-800 ): os boxes #jornadaAlunoBox / #selosAlunoBox / banner sao
   irmaos com estilo INLINE escuro e ficam fora deste escopo de proposito
   (tratados na migracao inline->classe). Tema ESCURO = 100% inalterado
   (tudo abaixo e body.theme-light). Aditivo, sem mexer no DOM.
   ============================================================ */

/* superficie do card -> branco com borda roxa suave */
body.theme-light #view-meusresultados > .bg-gray-800{
  background:#ffffff !important;
  border-color:rgba(91,31,126,.16) !important;
  box-shadow:0 8px 24px rgba(91,31,126,.08) !important;
}
/* superficies internas (tiles, wrapper da tabela, thead) -> claro */
body.theme-light #view-meusresultados > .bg-gray-800 [class*="bg-gray-9"]{ background:#F7F5FA !important; }
/* bordas e divisorias cinza -> roxo translucido */
body.theme-light #view-meusresultados > .bg-gray-800 [class*="border-gray-7"]{ border-color:rgba(91,31,126,.14) !important; }
body.theme-light #view-meusresultados > .bg-gray-800 [class*="divide-gray-7"] > * + *{ border-color:rgba(91,31,126,.10) !important; }

/* textos: claros -> escuros legiveis */
body.theme-light #view-meusresultados > .bg-gray-800 .text-white,
body.theme-light #view-meusresultados > .bg-gray-800 .text-gray-200{ color:#1F1F1F !important; }
body.theme-light #view-meusresultados > .bg-gray-800 [class*="text-gray-3"],
body.theme-light #view-meusresultados > .bg-gray-800 [class*="text-gray-4"],
body.theme-light #view-meusresultados > .bg-gray-800 [class*="text-gray-5"]{ color:#6b6480 !important; }

/* metricas coloridas: escurecer p/ contraste sobre branco */
body.theme-light #view-meusresultados > .bg-gray-800 .text-amber-400{ color:#9A7B12 !important; }
body.theme-light #view-meusresultados > .bg-gray-800 .text-blue-400{ color:#2563EB !important; }
/* botao "Ver o Mural" e icone roxo legiveis no claro */
body.theme-light #view-meusresultados > .bg-gray-800 .text-purple-200{ color:var(--av-roxo) !important; }

/* ============================================================
   CHUNK C — Jornada do Aluno + Conquistas + Banner: TEMA CLARO
   (CSS-only, sem tocar no jornada-aluno.js/conquistas-aluno.js).
   O render mistura classes Tailwind (overridaveis por classe) com
   estilo INLINE escuro (overridavel por [style*="valor"]). Tudo
   escopado e body.theme-light -> tema escuro 100% intocado, e
   adapta sozinho ao alternar o tema.
   ============================================================ */

/* --- card raiz da Jornada (gradiente inline escuro -> claro da marca) --- */
body.theme-light #jornadaAlunoBox > div{
  background:linear-gradient(135deg, rgba(91,31,126,.12), rgba(255,255,255,.96)) !important;
  border-color:rgba(91,31,126,.20) !important;
}
/* superficies escuras vindas de estilo INLINE (cards de missao, selo "off") -> claras */
body.theme-light #jornadaAlunoBox [style*="rgba(17,24,39"]{ background:rgba(91,31,126,.05) !important; }
body.theme-light #jornadaAlunoBox [style*="rgba(31,41,55"]{ background:rgba(91,31,126,.05) !important; }
/* superficies/bordas vindas de CLASSE Tailwind -> claras */
body.theme-light #jornadaAlunoBox [class*="bg-gray-9"]{ background:rgba(91,31,126,.06) !important; }
body.theme-light #jornadaAlunoBox [class*="bg-gray-8"]{ background:rgba(91,31,126,.12) !important; }
body.theme-light #jornadaAlunoBox [class*="border-gray-7"]{ border-color:rgba(91,31,126,.16) !important; }
/* textos claros -> escuros legiveis */
body.theme-light #jornadaAlunoBox .text-white{ color:#1F1F1F !important; }
body.theme-light #jornadaAlunoBox [class*="text-gray-2"],
body.theme-light #jornadaAlunoBox [class*="text-gray-3"],
body.theme-light #jornadaAlunoBox [class*="text-gray-4"],
body.theme-light #jornadaAlunoBox [class*="text-gray-5"]{ color:#6b6480 !important; }
/* acentos roxo/ouro/verde escurecidos p/ contraste sobre claro */
body.theme-light #jornadaAlunoBox .text-purple-300{ color:#7c3ab7 !important; }
body.theme-light #jornadaAlunoBox .text-amber-300,
body.theme-light #jornadaAlunoBox .text-amber-100{ color:#9A7B12 !important; }
body.theme-light #jornadaAlunoBox .text-emerald-300{ color:#059669 !important; }
body.theme-light #jornadaAlunoBox .text-emerald-100{ color:#065f46 !important; }

/* --- Conquistas Olimpicas (#selosAlunoBox) + banner: claro --- */
body.theme-light #selosAlunoBox .conq-selo-ic{ background:rgba(212,175,55,.14) !important; color:#9A7B12 !important; }
body.theme-light #selosAlunoBox .conq-selo{ background:#F7F5FA !important; border-color:rgba(91,31,126,.14) !important; }
body.theme-light #selosAlunoBox .conq-selo-nome{ color:#1F1F1F !important; }
body.theme-light #selosAlunoBox .conq-selos-head{ color:#1F1F1F !important; }
body.theme-light #bannerConquistaAluno [class*="bg-"]{ background:rgba(91,31,126,.06) !important; }

/* --- Mural da turma (#feedConquistasBox, feed-conquistas.js: tudo cor INLINE escura) --- */
body.theme-light #feedConquistasBox [style*="#14161D"]{ background:#ffffff !important; border-color:rgba(91,31,126,.16) !important; }
body.theme-light #feedConquistasBox [style*="rgba(17,24,39"]{ background:rgba(91,31,126,.05) !important; }
body.theme-light #feedConquistasBox [style*="rgba(75,85,99"]{ border-color:rgba(91,31,126,.14) !important; }
body.theme-light #feedConquistasBox [style*="color:#fff"],
body.theme-light #feedConquistasBox [style*="#e5e7eb"],
body.theme-light #feedConquistasBox [style*="#cbd5e1"]{ color:#1F1F1F !important; }
body.theme-light #feedConquistasBox [style*="#8A909C"],
body.theme-light #feedConquistasBox [style*="#6b7280"],
body.theme-light #feedConquistasBox [style*="#9ca3af"]{ color:#6b6480 !important; }

/* --- #maratonasBox (cards de maratona; raiz = gradiente igual a Jornada) --- */
body.theme-light #maratonasBox [style*="rgba(17,24,39"]{ background:rgba(91,31,126,.05) !important; }
body.theme-light #maratonasBox [style*="rgba(91,31,126,.4)"]{ background:#ffffff !important; }   /* raiz do card -> branco (vem depois: vence) */
body.theme-light #maratonasBox [class*="bg-gray-9"]{ background:#F7F5FA !important; }
body.theme-light #maratonasBox [class*="border-gray-7"]{ border-color:rgba(91,31,126,.14) !important; }
body.theme-light #maratonasBox [class*="border-purple-7"]{ border-color:rgba(91,31,126,.20) !important; }
body.theme-light #maratonasBox .text-white, body.theme-light #maratonasBox .text-gray-200{ color:#1F1F1F !important; }
body.theme-light #maratonasBox [class*="text-gray-4"],
body.theme-light #maratonasBox [class*="text-gray-5"]{ color:#6b6480 !important; }
body.theme-light #maratonasBox .text-purple-300{ color:#7c3ab7 !important; }
body.theme-light #maratonasBox .text-amber-200{ color:#9A7B12 !important; }

/* --- #seguirColegasBox (mesmo padrao inline do Mural da turma) --- */
body.theme-light #seguirColegasBox [style*="#14161D"]{ background:#ffffff !important; border-color:rgba(91,31,126,.16) !important; }
body.theme-light #seguirColegasBox [style*="rgba(17,24,39"]{ background:rgba(91,31,126,.05) !important; }
body.theme-light #seguirColegasBox [style*="rgba(75,85,99"]{ border-color:rgba(91,31,126,.14) !important; }
body.theme-light #seguirColegasBox [style*="color:#fff"],
body.theme-light #seguirColegasBox [style*="#e5e7eb"],
body.theme-light #seguirColegasBox [style*="#cbd5e1"]{ color:#1F1F1F !important; }
body.theme-light #seguirColegasBox [style*="#8A909C"],
body.theme-light #seguirColegasBox [style*="#6b7280"],
body.theme-light #seguirColegasBox [style*="#9ca3af"]{ color:#6b6480 !important; }

/* --- Container das Conquistas Olimpicas (.conq-selos = #1b0e25 no mural-avance.css) --- */
body.theme-light #selosAlunoBox .conq-selos{ background:#ffffff !important; border-color:rgba(91,31,126,.14) !important; }
body.theme-light #selosAlunoBox .conq-selo-prog{ color:#6b6480 !important; }

/* ============================================================
   TEMA CLARO — modais do PERFIL (perfil-aluno.js, 100% estilo inline).
   #overlayMeuPerfil (card publico) + #overlayPersonalizar.
   Banner roxo do topo FICA roxo (protegido); o CORPO vira claro.
   Seletores com PREFIXO (background:/color:) p/ nao colidir bg x borda x texto.
   ============================================================ */
/* raiz dos cards -> branco */
body.theme-light #overlayMeuPerfil #meuPerfilCard > div,
body.theme-light #overlayPersonalizar #personalizarCard > div{ background:#ffffff !important; }
/* superficies internas escuras -> claras (so onde for FUNDO) */
body.theme-light #overlayMeuPerfil [style*="background:#23262F" i],
body.theme-light #overlayPersonalizar [style*="background:#23262F" i]{ background:#E7E0F1 !important; }   /* trilho da barra de XP */
body.theme-light #overlayPersonalizar [style*="background:#0C0D12" i]{ background:#ffffff !important; }    /* input de bio */
body.theme-light #overlayPersonalizar [style*="background:#1b1e27" i],
body.theme-light #overlayMeuPerfil [style*="background:#1f2937" i],
body.theme-light #overlayPersonalizar [style*="background:#13151c" i]{ background:#F4F1F8 !important; }
/* superficies/toggles translucido-claros (invisiveis no claro) -> tint roxo */
body.theme-light #overlayMeuPerfil [style*="background:rgba(255,255,255,.05)"],
body.theme-light #overlayPersonalizar [style*="background:rgba(255,255,255,.05)"],
body.theme-light #overlayPersonalizar [style*="background:rgba(255,255,255,.03)"],
body.theme-light #overlayPersonalizar [style*="background:rgba(255,255,255,.06)"]{ background:rgba(91,31,126,.06) !important; }
body.theme-light #overlayPersonalizar [style*="background:rgba(255,255,255,.15)"]{ background:rgba(91,31,126,.18) !important; }   /* trilho do switch OFF */
/* tiles de stats do card publico (background:rgba(17,24,39,.6)) + borda cinza -> claro */
body.theme-light #overlayMeuPerfil [style*="background:rgba(17,24,39"]{ background:#F4F1F8 !important; }
body.theme-light #overlayMeuPerfil [style*="rgba(75,85,99"]{ border-color:rgba(91,31,126,.14) !important; }
/* textos claros -> escuros (so onde for COR de texto) */
body.theme-light #overlayMeuPerfil [style*="color:#fff"],
body.theme-light #overlayPersonalizar [style*="color:#fff"]{ color:#1F1F1F !important; }
body.theme-light #overlayMeuPerfil [style*="color:#cbd5e1" i],
body.theme-light #overlayMeuPerfil [style*="color:#aab0bb" i],
body.theme-light #overlayMeuPerfil [style*="color:#9aa0aa" i],
body.theme-light #overlayMeuPerfil [style*="color:#9ca3af" i],
body.theme-light #overlayMeuPerfil [style*="color:#6b7280" i],
body.theme-light #overlayPersonalizar [style*="color:#c2c6cf" i],
body.theme-light #overlayPersonalizar [style*="color:#c8ccd4" i],
body.theme-light #overlayPersonalizar [style*="color:#8a909c" i],
body.theme-light #overlayPersonalizar [style*="color:#7a808b" i],
body.theme-light #overlayPersonalizar [style*="color:#6b7280" i]{ color:#6b6480 !important; }
/* acentos: dourado claro -> ouro escuro; roxo claro -> roxo de marca */
body.theme-light #overlayMeuPerfil [style*="color:#fde68a" i],
body.theme-light #overlayMeuPerfil [style*="color:#FFB55C" i]{ color:#9A7B12 !important; }
body.theme-light #overlayMeuPerfil [style*="color:#d8b4fe" i],
body.theme-light #overlayPersonalizar [style*="color:#d8b4fe" i],
body.theme-light #overlayPersonalizar [style*="color:#E9D8FB" i]{ color:#7c3ab7 !important; }
/* PROTECOES: banner roxo do topo (hero) mantem texto branco; botao Salvar idem */
body.theme-light #overlayMeuPerfil [style*="height:94px"] [style*="color:#fff"],
body.theme-light #overlayMeuPerfil [style*="height:120px"] [style*="color:#fff"],
body.theme-light #overlayPersonalizar [style*="height:94px"] [style*="color:#fff"],
body.theme-light #overlayPersonalizar [style*="height:120px"] [style*="color:#fff"]{ color:#ffffff !important; }
body.theme-light #overlayPersonalizar #persoSalvar{ color:#ffffff !important; }