/* ══ Painel organizado (16/10/2026) ══
   Pedido dele: "pouco texto, pouco estímulo; só as letras e os cálculos em destaque quando
   estiver lendo", no jeito do "Painel das Aranhas" que ele desenhou (Downloads/Painel das Aranhas(1).zip).
   É uma pele por cima: nada do motor muda. Tudo vale só com body.organizado; o botão "Tudo" tira a classe. */

/* cores do painel que ele desenhou (fundo noite, cobre como único acento; o livro continua papel) */
#painel,#painel.t-creme,#painel.t-verde,#telao.t-creme,#telao.t-verde{
  --night:#0a0f17;--night2:#101826;--night3:#172133;--linha:#25324a;--txt:#e8edf5;--txt2:#8d99ad;
  --copper:#c8834a;--copper2:#ecac72;--ok:#3fbf7a;--aviso:#fbbf24;--verde:#7fd49b;--verde2:#3fbf7a;
  --caixa:#0a0f17;--trilho:#ffffff14;color:var(--txt)}
#painel .bloco .q,#painel .et,#painel .et i,#painel .et.nt,#painel .desl,#painel .bloco.ex .papel,#painel .bloco.ex dd,#painel .bloco.ex ul,#painel .bloco.ex .le,#painel .bloco.ex dt,#painel .bloco.ex .cont,#painel .bloco.lt .nm,#painel .bloco.lt .ex .de,#painel .fala{color:var(--txt)}
#topo{background:#0d1420;border-bottom:1px solid #25324a;color:#e8edf5}
#topo .marca{color:#8d99ad} #topo .marca b{color:#ecac72}
#topo select,#topo button{background:#172133;border:1px solid #25324a;color:#e8edf5;border-radius:10px}
#topo button.pri{background:#c8834a;border-color:#c8834a;color:#fff}
#topo button.lig{border-color:#ecac72;color:#ecac72}
#abas button{background:#172133;border-color:#25324a;color:#e8edf5}
.bloco{background:var(--night2);border-color:var(--linha);border-radius:12px}
.bloco h4{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--txt2)}

/* ── só a linha de agora: os blocos de linhas anteriores somem (organizado.js marca .velho) ── */
body.organizado #mexp>.bloco.velho{display:none}
body.organizado #painel.mostra-velhos #mexp>.bloco.velho{display:block;opacity:.55}
body.organizado #mexp>.bloco.ex.ops,body.organizado #mexp>.bloco.ex.nums{display:none}  /* conta é coisa da calculista */
body.organizado #mexp .rev-bt{display:none}                                             /* "revisar com Claude" fica no ⋯ */
body.organizado .falas>:not(:nth-last-child(-n+2)){display:none}                        /* o bate-papo mostra só as 2 últimas falas */
#btVelhos{display:none;margin:4px 12px 8px;background:none;border:1px dashed var(--linha);color:var(--txt2);border-radius:99px;padding:3px 10px;font:12px var(--mono);cursor:pointer}
body.organizado #btVelhos.tem{display:inline-block}

/* ── as letras em destaque ── */
body.organizado .bloco.lt .topo .big{font-size:2.1em;color:var(--copper2)}
body.organizado .bloco.lt .nm{font-size:17px;font-weight:600;color:var(--txt)}
body.organizado .bloco.lt .papel.it.ag{font-size:13.5px;color:var(--txt2)}
body.organizado .bloco.lt .esc{font-size:1.15em}
body.organizado .bloco.lt .esc .mi{color:var(--copper2);font-size:1.25em}
body.organizado .bloco.ex>.papel{font-size:13.5px;color:var(--txt2);line-height:1.5}
body.organizado .bloco.ex .katex{font-size:1.18em}
body.organizado .bloco.lt .sub{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--txt2);margin-top:10px}
body.organizado .bloco.lt .chips .sinal{background:var(--night3);border:1px solid var(--linha);border-radius:10px;min-width:40px;min-height:40px;font-size:1.1em}

/* ── os cálculos em destaque (calculista) ── */
body.organizado #miolo .bloco .q{font-size:12px;color:var(--txt2);font-style:normal}
body.organizado #miolo .et{font-size:15px;padding:6px 0;border-bottom:1px solid var(--linha)}
body.organizado #miolo .et .katex{font-size:1.25em}
body.organizado #miolo .et.fim{font-size:1.35em;color:var(--copper2)}
body.organizado #miolo .et.fim .katex{font-size:1.5em}
body.organizado #miolo .et.ok{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
body.organizado #miolo .et.nt{font-size:12.5px;color:var(--txt2)}

/* ── menos botões: no topo só capítulo, setas, ler, voz; o resto vai pro ⋯ ── */
body.organizado #topo #modo,body.organizado #topo #lpl,body.organizado #topo #vel{display:none}
body.organizado #topo.mais #modo,body.organizado #topo.mais #lpl,body.organizado #topo.mais #vel{display:inline-block}
#abas .ferramentas{display:none;flex-wrap:wrap;gap:6px;width:100%;padding:6px 0 2px;border-top:1px dashed var(--linha);margin-top:6px}
#abas.aberto .ferramentas{display:flex}
#abas .ferramentas button{font-size:12.5px;padding:5px 9px}
#abas>button{white-space:nowrap;align-self:flex-start}
#btMais,#btTudo{background:var(--night3)!important;border:1px solid var(--linha)!important;color:var(--txt)!important;border-radius:99px!important}
#btMais.on{border-color:var(--copper2)!important;color:var(--copper2)!important}
#btTudo{color:var(--copper2)!important}
body:not(.organizado) #abas .ferramentas{display:flex}
body:not(.organizado) #btMais{display:none}
