/* ═══════════════════════════════════════════════════════════════════════════════════════════
   cerebro_calculando_v1.css — «Meu cérebro»: o efeito de «calculando» antes da ficha sugerida
   Rodada de 12/10/2026 · Jean. Vai pro app como está (css/), carregado DEPOIS de montagem_v5.css e cerebro_pedido_v1.css.

   Lê os tokens do app: --cer / --cer-rgb (cerebro_pedido_v1.css ~194) · --text --text2 --text3 · --fs-sm --fs-md · --ui ·
   --gold · --card-line-1 · --ease. Nenhum número cru de fonte. Roxo: zero. Jade (--cer) SÓ no símbolo (.mcb-ico, que já
   existe) e no tique.

   Prefixo único: .mcc-* («meu cérebro calculando»).

   ESTADOS — moram no corpo do painel (#wkbPropostaBody.wkb-rev-body), um de cada vez, nesta ordem:
     .mcc--pensando   0 → 4,05 s    símbolo + três lugares de linha com altura reservada; a ficha está no DOM, display:none
     .mcc--recolhe    4,05 → 4,45   as linhas sobem e viram o rastro; a ficha passa a ocupar lugar (visibility:hidden) —
                                    é o ÚNICO momento em que o corpo redimensiona (o Montador anima a altura do painel, ver memo)
     .mcc--entrando   4,45 → ~5,5   rastro fechado; a ficha entra bloco a bloco (.mcc-ent.entra); nada tocável até o rodapé
     .mcc--pronta                   o corpo de hoje + o rastro no topo
         + .mcc--aberto             rastro expandido (as três linhas com os tiques, a ficha desce)
         + .mcc--redesenhada        redesenho sem nova montagem (Desfazer · Com qual?): ficha pronta de uma vez, rastro como estava
   Erro do motor: nenhum estado aqui — o corpo é substituído pelo .wkb-revisao-err de hoje, na hora, cortando as linhas.

   LINHAS   .mcc-linha.entra (a frase aparece inteira) · .feita (o tique desenha) · .espera (linha de espera: sem tique)
   FICHA    todo bloco do corpo que entra leva .mcc-ent (classe ADITIVA nos blocos de hoje). Marcadores de ordem, sem estilo
            próprio: .mcc-ent--letra (cabeçalho de treino) · .mcc-ent--rodape (Ajustar · Aprovar tudo) · .mcc-ent--mcpg (Confere comigo)
   MORRE    .wkb-cerebro-montando (montagem_v5.css ~2729) e o setTimeout de 300 ms que o chamava — o «montando» agora é .mcc--pensando.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · o bloco do cérebro no topo do corpo — sem moldura enquanto pensa; vira a caixa do rastro ao recolher ── */
.mcc{display:grid;margin:0 0 14px;padding:0;border:1px solid transparent;border-radius:12px 12px 12px 6px;background:transparent}
.mcc--pensando .mcc,.mcc--recolhe .mcc{padding:10px 0 6px}
.mcc--entrando .mcc,.mcc--pronta .mcc{border-color:var(--card-line-1);background:rgba(0,0,0,.22)}
.mcc--recolhe .mcc{animation:mcc-caixa 400ms var(--ease) forwards}

/* ── 2 · o símbolo: desde 12/10 (rodada identidade) é o herói 64 no .mcv-palco (cerebro_movimento_v1.css bloco 11); o .mcc-simbolo de 22 morreu ── */

/* ── 3 · as três linhas ── */
.mcc-pesa{display:grid;grid-template-rows:1fr;min-height:0}
.mcc-pesa-in{min-height:0;overflow:hidden;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:14px;align-items:start}
.mcc-linhas{list-style:none;margin:0;padding:0;display:grid;row-gap:10px}
.mcc-linha{display:grid;grid-template-columns:minmax(0,1fr) 20px;column-gap:10px;align-items:start;opacity:0;transform:translateY(4px)}
/* altura reservada desde t=0: duas linhas de texto em --fs-md — nada pula quando a frase chega (§10-ix, x) */
.mcc--pensando .mcc-linha,.mcc--recolhe .mcc-linha{min-height:calc(var(--fs-md) * 1.4 * 2)}
.mcc-linha.entra{animation:mcc-linha-entra 220ms var(--ease) forwards}
.mcc-txt{font:400 var(--fs-md)/1.4 var(--ui);color:var(--text);text-wrap:pretty;overflow-wrap:anywhere}
.mcc-txt b{font-weight:500}
.mcc-linha.espera .mcc-txt{color:var(--text2)}
/* o tique: traço em jade, desenhado (não emoji) */
.mcc-tique{width:20px;height:20px;margin-top:calc((var(--fs-md) * 1.4 - 20px) / 2);color:var(--cer);overflow:visible}
.mcc-tique path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:21;stroke-dashoffset:21}
.mcc-linha.feita .mcc-tique path{animation:mcc-tique 180ms var(--ease) forwards}
.mcc-linha.espera .mcc-tique{visibility:hidden}

/* ── 4 · recolher: as linhas somem pra cima (1fr → 0fr, sem altura mágica) e o rastro nasce no mesmo movimento ── */
.mcc--recolhe .mcc-pesa{animation:mcc-recolhe 400ms var(--ease) forwards}
.mcc--entrando .mcc-pesa,.mcc--pronta .mcc-pesa{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows 320ms var(--ease),opacity 240ms var(--ease),visibility 0s linear 320ms}
.mcc--pronta.mcc--aberto .mcc-pesa{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s,0s,0s}
/* aberto: as três linhas, tiques já marcados, alinhadas sob o texto do rastro (o símbolo já está no rastro — um só) */
.mcc--entrando .mcc-pesa-in,.mcc--pronta .mcc-pesa-in{grid-template-columns:minmax(0,1fr);padding:0 12px 12px 42px}
.mcc--entrando .mcc-linha,.mcc--pronta .mcc-linha{opacity:1;transform:none;animation:none}
.mcc--entrando .mcc-tique path,.mcc--pronta .mcc-tique path{stroke-dashoffset:0;animation:none}
.mcc--pronta .mcc-linhas{row-gap:6px}

/* ── 5 · o rastro: 1 linha, botão de 44px, símbolo + «Pesei:» + 3 palavras-chave + chevron. Abre e fecha por toque/clique/Enter ── */
.mcc-rastro{order:-1;display:grid;grid-template-columns:20px minmax(0,1fr) 16px;column-gap:10px;align-items:center;min-height:44px;margin:0;padding:10px 12px;border:0;background:transparent;color:var(--text2);text-align:left;cursor:pointer;border-radius:inherit;font:400 var(--fs-sm)/1.35 var(--ui);opacity:0;visibility:hidden;-webkit-appearance:none;appearance:none}
.mcc--pensando .mcc-rastro{display:none}
.mcc-rastro .mcb-ico{--d:20px;width:20px;height:20px}   /* porte 12/10: o .mcb-ico real escala por --d (cerebro_pedido_v1.css 205-207: width/height/svg = var(--d)) — só width/height deixava o desenho em 22 */
.mcc-rastro-txt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcc-rastro-txt b{font-weight:500;color:var(--text)}
.mcc-chev{width:16px;height:16px;color:var(--text3);transition:transform 240ms var(--ease)}
.mcc-chev path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcc--aberto .mcc-chev{transform:rotate(180deg)}
.mcc--recolhe .mcc-rastro{animation:mcc-rastro-entra 400ms var(--ease) forwards}
.mcc--entrando .mcc-rastro,.mcc--pronta .mcc-rastro{opacity:1;visibility:visible}
.mcc--pronta .mcc-rastro:hover{background:rgba(255,255,255,.04);color:var(--text)}
.mcc-rastro:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}

/* ── 6 · a entrada da ficha: cada bloco de hoje com .mcc-ent; o Montador acende .entra no relógio (~40 ms, teto 1,0 s) ── */
.mcc--pensando .mcc-ent{display:none}
.mcc-ent{opacity:0;visibility:hidden;transform:translateY(6px)}
.mcc-ent.entra{animation:mcc-ent-entra 220ms var(--ease) forwards}
.mcc--pronta .mcc-ent,.mcc--redesenhada .mcc-ent{opacity:1;visibility:visible;transform:none;animation:none}
.mcc--recolhe .mcc-ent,.mcc--entrando .mcc-ent{pointer-events:none}

/* ── 7 · movimento (8px/220ms da casa; o recolher é o único de 400ms) ── */
@keyframes mcc-linha-entra{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes mcc-tique{to{stroke-dashoffset:0}}
@keyframes mcc-recolhe{from{grid-template-rows:1fr;opacity:1;transform:none}55%{opacity:0}to{grid-template-rows:0fr;opacity:0;transform:translateY(-8px)}}
@keyframes mcc-rastro-entra{0%,40%{opacity:0;visibility:visible;transform:translateY(4px)}100%{opacity:1;visibility:visible;transform:none}}
@keyframes mcc-caixa{from{border-color:transparent;background:transparent;padding:10px 0 6px}to{border-color:var(--card-line-1);background:rgba(0,0,0,.22);padding:0}}
@keyframes mcc-ent-entra{from{opacity:0;visibility:visible;transform:translateY(6px)}to{opacity:1;visibility:visible;transform:none}}

/* ── 8 · reduced-motion: o relógio é o mesmo; sai o deslocamento, o desenho do tique e a entrada um a um (a ficha inteira no 4,45) ── */
@media (prefers-reduced-motion:reduce){
  .mcc-linha,.mcc-ent{transform:none}
  .mcc-linha.entra,.mcc-ent.entra{animation:none;opacity:1;visibility:visible}
  .mcc-linha.feita .mcc-tique path{animation:none;stroke-dashoffset:0}
  .mcc--recolhe .mcc,.mcc--recolhe .mcc-pesa,.mcc--recolhe .mcc-rastro{animation:none}
  .mcc--recolhe .mcc{border-color:var(--card-line-1);background:rgba(0,0,0,.22);padding:0}
  .mcc--recolhe .mcc-pesa{grid-template-rows:0fr;opacity:0;visibility:hidden}
  .mcc--recolhe .mcc-rastro{opacity:1;visibility:visible}
  .mcc--entrando .mcc-ent{opacity:1;visibility:visible}
  .mcc--pronta .mcc-pesa,.mcc-chev{transition:none}
}