/* =====================================================================
   cerebro_pedido_v1.css — MEU CÉREBRO: a folha do pedido refeita (.mcp-*), «Com qual?» e o 8→9 (.mcq-*), o par na proposta (.wkb-prop-par*)
   [CÓPIA] fonte: docs/rodada_cerebro_pedido_e_biset_2026-10-06/DO_JEAN/cerebro_pedido_biset_2026-10-06.html, linhas 432–582, sem editar.
   Adaptações do porte (07/10, declaradas):
     · @container app (min-width:1024px) → @media (min-width:1024px) — o mesmo corte do janela_contexto_v2.css do app;
     · .wkb-prop-ex{display:flex} e .wkb-prop-ex .t escopados em .origem-cerebro → .mcj desde 12/10 (no molde é global; no app tocaria a proposta da RN IA);
     · .wkb-prop-vaga{text-align…} → button.wkb-prop-vaga (no app a vaga do «faltou» é <div> e já tem desenho);
     · tokens da prancheta (--fs-*, --ciano, --roxo…, --text*, --line, --card-line-1, --ui) declarados nos três escopos, com os valores do :root do molde;
     · .per-fita* escopados em .mcp-per (no molde são globais; no app a fita do editor r7 e a da proposta continuam as delas);
     · posição do balão dentro da folha: as 4 regras .mcp .rnj-ancora/.rnj-balao da moldura do molde (linhas 62–66), sem a largura de 335 da prancheta.
   Carregar DEPOIS de css/janela_contexto_v2.css.
   ===================================================================== */
.mcp,.mcq,.mcq-lista,.mcj{--fs-micro:11.5px;--fs-xs:13px;--fs-sm:14.5px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--text:#F0EBE0;--text2:#C8BFB0;--text3:#b1a99a;--ouro:#c9a227;--ouro-hi:#e2c25e;--roxo:#9d5cff;--roxo2:#c7a6f5;--ciano:#22d3ee;--limao:#fde047;
  --line:rgba(255,255,255,.08);--card-line-1:rgba(255,255,255,.18);--ui:'Jost','Avenir Next',system-ui,-apple-system,'Segoe UI',sans-serif}
/* [CÓPIA] molde :62–66 — o «?» abre o balão do padrão DENTRO da folha (nunca folha sobre folha) */
.mcp .rnj-ancora{position:relative;display:inline-flex;margin-left:auto}
.mcp .rnj-balao.direita{left:auto;right:0}
.mcp .rnj-balao{z-index:5}
/* [CONSTRUÇÃO] a largura que a prancheta dava ao balão no celular (335 = o corpo da folha a 375): no app, o corpo da folha; no Mac, o P do padrão */
.mcp .rnj-balao{width:min(var(--rnj-w-p),calc(100vw - 40px))}
.mcp .rnj-balao.sobe{top:auto;bottom:calc(100% + 12px)}
.mcp .rnj-balao.sobe .rnj-fio{top:auto;bottom:8px}
/* [CONSTRUÇÃO] o balão aberto do chip «Sem nível» mora na cabeça: a cabeça sobe por cima do rolo enquanto ele está aberto */
.mcp .rnj-head:has(.rnj-balao.open){z-index:4}
/* [CONSTRUÇÃO] o que o molde não desenhou e o app já tinha: as porções abertas e a 2ª fileira 5–8 do «+» */
.mcp-porcoes{grid-column:1/-1;margin:0 0 4px 15px}
.mcp-m .qtd.mais{grid-column:2;margin-top:4px}
/* [CÓPIA] molde :17 — o reset de botão da prancheta (:where, especificidade zero), só onde as peças novas moram */
:where(.mcp,.mcq,.mcq-lista) button,:where(.mcj) :where(.wkb-prop-par-btn,button.wkb-prop-vaga){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
/* [CÓPIA] molde :16 — .ab .i{16×16} vence o .par-g{14} na prancheta: o mesmo aqui, sem passar por cima dos .i do padrão (.rnj-status, .rnj-close) */
:where(.mcp,.mcq,.mcq-lista,.mcj) .i{width:16px;height:16px}
:where(.mcp,.mcq,.mcq-lista,.mcj) .i.par-g{width:16px;height:16px}
/* o glifo de linha (.i) da prancheta: no app ele vem com os atributos no próprio <svg> */
.mcp .i,.mcq .i,.mcq-lista .i,.mcj .par-g,.mcj .wkb-prop-par .i{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ═══════════════════════════════════════════════════════════════════════
   NOVO · .mcp-* — A FOLHA DO PEDIDO vestida no padrão: .rnj--cheia (celular) = cartão G 640 (Mac)
   O que o JS emite continua: #wkbFolhaPedido (vira .rnj-overlay) › .folha (vira .rnj.rnj--cheia.mcp) › .wkb-pd-topo (= .rnj-head) ·
   .wkb-pd-corpo (= .rnj-body) · .wkb-pd-pe (= .rnj-foot). A periodização (_cerebroPerHtml) sai do topo e entra no FIM do corpo.
   Regra da peça: tudo que se toca fica na frente; explicação é linha curta ou «?». Cores: ouro decide (pílula acesa, Montar) ·
   ciano = músculo · roxo = o cérebro (disco, selo, método sugerido) · azul = só a fita do plano · limão = aviso, com ícone e rótulo.
   ═══════════════════════════════════════════════════════════════════════ */
.mcp .rnj-body{padding-top:0;-webkit-mask:linear-gradient(180deg,#000 calc(100% - 18px),transparent);mask:linear-gradient(180deg,#000 calc(100% - 18px),transparent)}   /* a régua grudada faz o papel do esmaecido de cima */
.mcp .rnj-eyebrow .mcb-ico{--d:18px;margin:0 2px 0 -2px}
/* lido do cadastro: nível · objetivo · sexo. O que falta é o próprio botão de ajuda (rn-ajuda--chip, tracejado = vazio da casa) */
.mcp-fatos{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.mcp-fatos li{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px 8px 8px 4px;font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2);white-space:nowrap}
.mcp-fatos li.falta{padding:0;border:0}
.mcp-fatos .rn-ajuda--chip{height:30px;border-style:dashed;border-color:rgba(255,255,255,.16);background:rgba(0,0,0,.26)}
.mcp-fatos .rn-ajuda--chip .rn-ajuda-termo{color:var(--rnj-text)}
/* a régua das letras — grudada no topo do rolo; o conteúdo desliza por trás dela (translúcida + blur) */
.mcp-abas{position:sticky;top:0;z-index:3;display:flex;gap:6px;margin:0 -20px;padding:10px 20px;background:rgba(36,34,31,.94);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 18px -14px rgba(0,0,0,.8)}
.mcp-aba{flex:1 1 0;min-width:44px;white-space:nowrap;display:inline-flex;align-items:baseline;justify-content:center;gap:5px;min-height:44px;padding:0 6px;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);cursor:pointer}
.mcp-aba b{font:500 var(--fs-lg)/1 var(--rnj-serif);color:var(--rnj-text)}
.mcp-aba small{font:500 var(--fs-xs)/1 var(--rnj-ui);font-variant-numeric:tabular-nums}
.mcp-aba[aria-selected="true"]{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28);color:var(--rnj-text)}
.mcp-aba.vazia{border-style:dashed;border-color:rgba(255,255,255,.16)}                                   /* letra sem grupos: o vazio da casa pede toque */
.mcp-aba.vazia[aria-selected="true"]{border-style:dashed;border-color:rgba(255,255,255,.28)}
/* [CÓPIA] fonte: docs/rodada_marca_metodo_aba_2026-10-12/DO_JEAN/entrega_jean_fable.md — a marca de método na pílula da letra (Raphael 12/10): ponto = método de um exercício, dois blocos = de par; só quando ELE marcou */
.mcp-aba{position:relative}
.mcp-aba .mcp-marca{position:absolute;left:0;right:0;bottom:5px;display:flex;align-items:center;justify-content:center;gap:3px;height:8px;color:var(--rnj-ouro-txt);pointer-events:none}
.mcp-aba .mcp-marca svg{display:block;fill:currentColor}
.mcp-aba .mcp-marca .um{width:6px;height:6px}
.mcp-aba .mcp-marca .par{width:11px;height:8px}
.mcp-abas .fantasma{flex:2 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border:1px dashed rgba(255,255,255,.16);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:400 var(--fs-xs)/1.2 var(--rnj-ui);text-align:center;text-wrap:balance}
/* a letra ativa */
.mcp-letra{padding:12px 0 2px}
.mcp-nota{margin:2px 0 8px;font:400 var(--fs-sm)/1.4 var(--rnj-ui);color:var(--rnj-text);text-wrap:pretty}
.mcp-nota b{font-weight:500}
/* a linha do músculo: pastilha ciano + nome (toque = tira) + quantidades 1–4 e «+» (toque 44) */
.mcp-m{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:3px 0}
.mcp-m+.mcp-m{border-top:1px solid rgba(255,255,255,.06)}
.mcp-m .nome{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--rnj-text);font:500 var(--fs-sm)/1.2 var(--rnj-ui);text-align:left;cursor:pointer}
.mcp-pa{display:block;flex:none;width:5px;height:18px;border-radius:2px;background:var(--ciano);box-shadow:0 0 6px rgba(34,211,238,.45)}
.mcp-m.fora .mcp-pa{background:none;border:1px solid var(--rnj-text3);box-shadow:none}
.mcp-m.fora .nome{color:var(--rnj-text2)}
.mcp-m .qtd{display:flex;gap:4px}
.mcp-m .qtd button{width:42px;height:44px;white-space:nowrap;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:500 var(--fs-md)/1 var(--rnj-ui);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer}
.mcp-m .qtd button[aria-pressed="true"]{border-color:rgba(201,162,39,.5);color:var(--rnj-ouro-txt);background:rgba(201,162,39,.1)}
.mcp-m .porcoes{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:-6px 0 0 15px;color:var(--rnj-text2);font:400 var(--fs-xs)/1.2 var(--rnj-ui);cursor:pointer}
.mcp-m .porcoes i{font-style:normal;color:var(--rnj-text3);font-size:var(--fs-md);line-height:1}
/* «+ músculo» abre a grade; vira «Pronto» com ela aberta — [CÓPIA] geometria do .wkb-pd-add */
.mcp-add{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:2px 0 0;padding:0 4px 0 2px;color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);cursor:pointer}
.mcp-add::before{content:"+";font:500 var(--fs-lg)/1 var(--rnj-ui);color:var(--rnj-ouro-txt)}
.mcp-add[aria-expanded="true"]::before{content:"✓"}
/* a grade dos músculos: 3 colunas no celular, 4 no Mac; ciano quando entra (a pastilha enche); a letra NUNCA fica por cima dela */
.mcp-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 4px}
.mcp-grade button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:500 var(--fs-sm)/1.15 var(--rnj-ui);text-align:left;cursor:pointer}
.mcp-grade button .mcp-pa{background:none;border:1px solid var(--rnj-text3);box-shadow:none;height:16px}
.mcp-grade button[aria-pressed="true"]{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.09);color:var(--rnj-text)}
.mcp-grade button[aria-pressed="true"] .mcp-pa{background:var(--ciano);border:0;box-shadow:0 0 6px rgba(34,211,238,.45)}
.mcp-hint{margin:8px 0 0;font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text2);text-wrap:pretty}
/* MÉTODOS: nome (toque = nenhum) · selo do cérebro (roxo = identidade, nunca decide) · «?» · as pílulas (ouro acesa; disco roxo = o que ele usaria) */
.mcp-met{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
.mcp-met.fora .tipos button{opacity:.45}
.mcp-met-cab{display:flex;align-items:center;gap:10px;min-height:44px}
.mcp-met-cab .nome{display:inline-flex;align-items:center;min-height:44px;color:var(--rnj-text);font:500 var(--fs-sm)/1.2 var(--rnj-ui);cursor:pointer}
.mcp-met-cab .rn-ajuda{margin-left:auto}
.mcp-selo{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px 0 6px;border:1px solid rgba(var(--cer-rgb),.42);border-radius:8px 8px 8px 4px;background:rgba(var(--cer-rgb),.07);color:var(--rnj-text);font:500 var(--fs-xs)/1 var(--rnj-ui);white-space:nowrap}
.mcp-selo .mcb-ico{--d:16px}
.mcp-selo.sem{padding-left:10px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.02);color:var(--rnj-text2)}
.mcp-met .tipos,.mcp-vol .tipos{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.mcp-met .tipos button,.mcp-vol .tipos button{display:inline-flex;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:0 10px;white-space:nowrap;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);cursor:pointer}
.mcp-met .tipos button .mcb-ico{--d:16px;margin-left:-3px}
.mcp-met .tipos button[data-pd-cerebro="1"]{color:var(--rnj-text)}
.mcp-met .tipos button[aria-pressed="true"],.mcp-vol .tipos button[aria-pressed="true"]{border-color:rgba(201,162,39,.5);color:var(--rnj-ouro-txt);background:rgba(201,162,39,.1)}
.mcp-met .tipos .par-l{flex:1 0 100%;display:flex;align-items:center;gap:8px;margin-top:6px;font:500 var(--fs-micro)/1.2 var(--rnj-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--rnj-text3)}
.mcp-met .tipos .par-l::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}
.par-g{width:14px;height:14px;flex:none}
.mcp-met .tipos button .par-g{margin-right:-2px}
.mcp-met .tipos .par-l~button{padding:0 9px;gap:6px}                                                                   /* o glifo do PAR: dois blocos colados — a marca própria dos métodos de par */
.mcp-aviso{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:8px 0 0;font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text);text-wrap:pretty}
.mcp-aviso .rnj-status .i{align-self:center}
/* PERIODIZAÇÃO — no fim do rolo, num poço: nome + resumo de uma linha + «?» · pílulas · a fita (azul = tempo; nunca texto) */
.mcp-per{margin-top:16px;padding:12px 12px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.22)}
.mcp-per .cab{display:flex;align-items:center;gap:10px;min-height:32px}
.mcp-per .cab .mcb-ico{--d:22px}
.mcp-per .cab .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mcp-per .cab .rnj-ancora,.mcp-met-cab .rnj-ancora{margin-left:auto}
.mcp-per .cab b{font:500 var(--fs-sm)/1.2 var(--rnj-ui);color:var(--rnj-text)}
.mcp-per .cab small{font:400 var(--fs-xs)/1.3 var(--rnj-ui);color:var(--rnj-text2);text-wrap:pretty}
.mcp-per .cab small b{font:inherit;font-weight:500}
.mcp-per .tipos{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mcp-per .tipos button{min-height:44px;padding:0 12px;white-space:nowrap;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);cursor:pointer}
.mcp-per .tipos button[aria-pressed="true"]{border-color:rgba(201,162,39,.5);color:var(--rnj-ouro-txt);background:rgba(201,162,39,.1)}
.mcp-per .tipos button[aria-disabled="true"]{border-style:dashed;border-color:rgba(255,255,255,.16);color:var(--rnj-text3);cursor:default}   /* indisponível = vazio da casa, não erro */
/* [CÓPIA] .per-fita do editor único r7 — só o intervalo sobe de micro pra xs (micro é só caixa alta) */
.mcp-per .per-fita{display:flex;gap:3px;height:10px;margin:10px 0 0}
.mcp-per .per-fita span{flex:var(--w) 1 0;min-width:8px;border-radius:3px;background:rgba(91,141,239,.32);border:1px solid rgba(91,141,239,.5)}
.mcp-per .per-fita-n{display:flex;gap:3px;margin-top:5px}
.mcp-per .per-fita-n span{flex:var(--w) 1 0;min-width:8px;text-align:center;white-space:nowrap;overflow:hidden;font:500 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text2);font-variant-numeric:tabular-nums}
.mcp-per .per-fita-n span i{display:block;margin-top:3px;font:400 var(--fs-xs)/1 var(--rnj-ui);font-style:normal;color:var(--rnj-text3)}
/* o Montar: o único herói em ouro; a 2ª linha diz o que vai (A e C · 9 exercícios) */
.mcp .rnj-foot .rnj-btn--primary{flex:1}
@media (min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine){
  .mcp-grade{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mcp .rnj-foot{justify-content:flex-end}
  .mcp .rnj-foot .rnj-btn--primary{flex:0 0 auto;min-width:260px}
}

/* ═══════════════════════════════════════════════════════════════════════
   NOVO · .mcq-* — «COM QUAL?» (folha M · cartão 480) e o aviso 8→9 (diálogo, 10300 por cima)
   ═══════════════════════════════════════════════════════════════════════ */
.mcq .rnj-eyebrow .par-g{color:var(--rnj-ouro-txt)}
.mcq-criterio{margin:0 0 10px;font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text2);text-wrap:pretty}
.mcq-criterio b{font-weight:500;color:var(--rnj-text)}
/* a chave Mais usados | Novidades — [CÓPIA] geometria do .rn-per .par (periodizacao_v1.css): poço, 2 colunas, 38px, acesa em ouro */
.mcq-chave{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.26);margin:0 0 10px}
.mcq-chave button{height:38px;border:0;white-space:nowrap;border-radius:9px;background:none;color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);text-align:center;cursor:pointer}
.mcq-chave button[aria-selected="true"]{background:rgba(201,162,39,.12);color:var(--rnj-ouro-txt)}
.mcq .rnj-linha .l-t small em{font-style:normal;color:var(--rnj-text)}
.mcq .rnj-linha .l-t small{display:block}
.mcq .rnj-linha .l-t small>span:first-child::after{content:" · "}
.mcq-novo{display:inline;font:500 var(--fs-xs)/1.35 var(--rnj-ui);color:var(--rnj-text);white-space:nowrap}
.mcq-novo::before{content:"+ ";color:var(--rnj-ouro-txt)}
.mcq-sug{display:inline-flex;align-items:center;gap:5px;color:var(--rnj-text);vertical-align:bottom}
.mcq-sug .mcb-ico{--d:14px}

.mcq-vazio{padding:16px 14px;border:1px dashed rgba(255,255,255,.16);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.26);font:400 var(--fs-sm)/1.45 var(--rnj-ui);color:var(--rnj-text);text-wrap:pretty}
.mcq-vazio small{display:block;margin-top:6px;font-size:var(--fs-xs);color:var(--rnj-text2)}
/* a lista do 8→9: o par não sai (sem ✕); os outros levam ✕ (chip 32, toque 44) — tirar é opcional */
.mcq-lista{display:flex;flex-direction:column;padding:4px 8px}
.mcq-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 0 4px 6px;color:var(--rnj-text);font:400 var(--fs-sm)/1.25 var(--rnj-ui)}
.mcq-item+.mcq-item{border-top:1px solid rgba(255,255,255,.06)}
.mcq-item .t{flex:1;min-width:0}
.mcq-item small{display:block;font-size:var(--fs-xs);color:var(--rnj-text2)}
.mcq-item .par-g{color:var(--rnj-ouro-txt)}
.mcq-x{position:relative;flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:9px 9px 9px 4px;background:rgba(255,255,255,.02);color:var(--rnj-text2);cursor:pointer}
.mcq-x::before{content:"";position:absolute;inset:-6px}
.mcq-x .i{width:14px;height:14px}

/* ═══════════════════════════════════════════════════════════════════════
   NOVO · o PAR na proposta (.wkb-rev-panel do editor r7, que não muda): o par colado · o botão do par por exercício · o par desfeito · a vaga
   ═══════════════════════════════════════════════════════════════════════ */
.mcj .wkb-prop-ex{display:flex;align-items:center;gap:10px}
.mcj .wkb-prop-ex .t{flex:1;min-width:0}
.wkb-prop-par-btn{position:relative;flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--card-line-1);border-radius:9px 9px 9px 4px;background:rgba(255,255,255,.02);color:var(--text2);cursor:pointer}
.wkb-prop-par-btn::before{content:"";position:absolute;inset:-4px}
.mcj .wkb-prop-troca-btn .i{width:16px;height:16px;flex:none}   /* C-1324: o botão de trocar = o do par, ícone de troca do cérebro (_MCE_TROCA_SVG), mesmo tamanho do par-g */
.wkb-prop-par{display:block;margin:6px 0;border:1px solid var(--card-line-1);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.2);color:var(--text);cursor:pointer;overflow:hidden}
.wkb-prop-par .cab{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-bottom:1px solid var(--line);font:500 var(--fs-xs)/1.2 var(--ui);color:var(--text2)}
.wkb-prop-par .cab .par-g{color:var(--ouro-hi)}
.wkb-prop-par .cab b{font-weight:500;color:var(--text)}
.wkb-prop-par .cab .troca{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--ouro-hi);white-space:nowrap}
.wkb-prop-par .cab .troca .i{width:14px;height:14px}
.wkb-prop-par .wkb-prop-ex{padding:8px 12px 7px;border-top:0}
.wkb-prop-par .wkb-prop-ex+.wkb-prop-ex{padding-top:0}                                                    /* colado: sem linha entre os dois — o cab já diz «sem descanso» */
.wkb-prop-par.desfeito{border-color:rgba(253,224,71,.3);background:rgba(253,224,71,.04)}
.wkb-prop-par.desfeito .cab .rnj-status{margin-left:auto}
.wkb-prop-par .vaga{display:flex;flex-direction:column;gap:3px;margin:4px 12px 12px;padding:10px 12px;border:1px dashed rgba(255,255,255,.16);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.26)}
.wkb-prop-par .vaga b{font:500 var(--fs-sm)/1.25 var(--ui);color:var(--text)}
.wkb-prop-par .vaga span{font:400 var(--fs-xs)/1.4 var(--ui);color:var(--text2)}
button.wkb-prop-vaga{text-align:left;width:100%;cursor:pointer;color:inherit;font:inherit}

/* [CONSTRUÇÃO, medido 07/10] o painel da proposta no app é mais estreito que o 560 do molde (~290px de corpo em 375):
   o cabeçalho do par quebra em linha inteira, nunca no meio de «Bi-set» */
.wkb-prop-par .cab{flex-wrap:wrap;row-gap:2px;padding-top:6px;padding-bottom:6px}
.wkb-prop-par .cab b{white-space:nowrap}

/* ══ MEU CÉREBRO 2ª VOLTA (08/10) — o SÍMBOLO na cor do cérebro (jade-gelo, decidida por Raphael 08/10). [CÓPIA] fonte: docs/rodada_mapa_corpo_2026-10-08/DO_JEAN/cerebro_simbolo_barra_enviar_enfase.html (.mcb-*). Cor do cérebro: só no símbolo, no ícone e no selo «Cérebro escolhe»; nunca botão, nunca texto corrido, nunca gráfico. Sai o disco roxo (.mcr-disco). ══ */
:root{--cer:#a8f7d6;--cer-rgb:168,247,214;--cer-luz:#eafff7}
@property --mcb-giro{syntax:'<angle>';inherits:false;initial-value:0deg}
.mcb-cer-fundo{fill:#0f0d0a}
.mcb-cer-contorno{fill:none;stroke:rgba(var(--cer-rgb),.55);stroke-width:1.4;stroke-linejoin:round}
.mcb-cer-cerebelo{fill:#0f0d0a;stroke:rgba(var(--cer-rgb),.45);stroke-width:1.2}
.mcb-cer-folia{fill:none;stroke:rgba(var(--cer-rgb),.35);stroke-width:1;stroke-linecap:round}
.mcb-cer-tronco{fill:#0f0d0a;stroke:rgba(var(--cer-rgb),.35);stroke-width:1.1;stroke-linejoin:round}
.mcb-r{fill:none;stroke:rgba(238,231,218,.16);stroke-width:1.5;stroke-linecap:round;transition:stroke .6s var(--ease),filter .6s var(--ease)}
.mcb-cer-fissura{fill:none;stroke:#0f0d0a;stroke-width:2.6;stroke-linecap:round}
/* os sulcos acendem do miolo pra fora: --sabe = 0..7 cristas acesas */
/* o ícone pequeno (16–24): aro PARADO + um brilho que passa uma vez ao aparecer (.chega) — nunca gira em loop */
.mcb-ico{--d:22px;display:inline-grid;place-items:center;flex:none;width:var(--d);height:var(--d);border-radius:50%;border:1.2px solid transparent;vertical-align:middle;
  background:linear-gradient(180deg,#151310,#0b0a08) padding-box,conic-gradient(from 210deg,rgba(var(--cer-rgb),.45),var(--cer) 40%,var(--cer-luz) 52%,var(--cer) 64%,rgba(var(--cer-rgb),.5)) border-box}
.mcb-ico svg{width:calc(var(--d)*.72);height:calc(var(--d)*.6);overflow:visible}
.mcb-ico .mcb-r{stroke-width:3.2}
.mcb-ico .mcb-cer-contorno{stroke-width:3}
.mcb-ico .mcb-cer-fissura{stroke-width:4}
.mcb-ico .mcb-r[data-r="7"],.mcb-ico .mcb-r[data-r="6"],.mcb-ico .mcb-r[data-r="5"],.mcb-ico .mcb-r[data-r="4"]{stroke:var(--cer)}
@media (prefers-reduced-motion:reduce){.mcb-aro,.mcb-aro.aprende,.mcb-ico.chega{animation:none}.mcb-r{transition:none}}
.mcp .rnj-eyebrow .mcb-ico{--d:18px;margin:0 2px 0 -2px}

/* ══ BARRA DE CONHECIMENTO (2ª volta, 08/10) — [CÓPIA] mesma fonte: o aro grande (.mcb-aro), a cabeça (.mcb-cab), a barra e o «?» (.mcb-dim; tokens --rnj-* → os da casa, a folha do «?» é a rn-ajuda). As regras de .rnd-cerebro/.rnd-cerebro-montar do molde NÃO entram: a seção que já existe fica como está. ══ */
.mcb-aro{--d:88px;position:relative;flex:none;width:var(--d);height:var(--d);border-radius:50%;isolation:isolate;display:grid;place-items:center;
  border:1.5px solid transparent;
  background:radial-gradient(70% 70% at 30% 25%,rgba(var(--cer-rgb),.16),transparent 60%) padding-box,linear-gradient(180deg,#151310,#0b0a08) padding-box,
    conic-gradient(from var(--mcb-giro) at 50% 50%,rgba(var(--cer-rgb),.45) 0deg,var(--cer) 96deg,var(--cer-luz) 138deg,var(--cer) 184deg,rgba(var(--cer-rgb),.55) 262deg,var(--cer) 318deg,rgba(var(--cer-rgb),.45) 360deg) border-box;
  box-shadow:0 0 22px rgba(var(--cer-rgb),.18),0 14px 30px -18px rgba(0,0,0,.8)}   /* 12/10 (rodada identidade, decisão 3): o aro para de girar — mcbAcende/mcbOndula/mcbBrilho saíram; só o cérebro se mexe (cerebro_movimento_v1.css) */
.mcb-aro svg{width:calc(var(--d)*.68);height:calc(var(--d)*.57);overflow:visible}
/* os sulcos acendem do miolo pra fora: --sabe = 0..7 cristas acesas */
.mcb-aro[data-sabe="1"] .mcb-r[data-r="7"],.mcb-aro[data-sabe="2"] .mcb-r[data-r="7"],.mcb-aro[data-sabe="2"] .mcb-r[data-r="6"],
.mcb-aro[data-sabe="3"] .mcb-r:nth-last-child(-n+5):not(.mcb-cer-contorno):not(.mcb-cer-fissura),
.mcb-aro[data-sabe="4"] .mcb-r[data-r="7"],.mcb-aro[data-sabe="4"] .mcb-r[data-r="6"],.mcb-aro[data-sabe="4"] .mcb-r[data-r="5"],.mcb-aro[data-sabe="4"] .mcb-r[data-r="4"],
.mcb-aro[data-sabe="5"] .mcb-r:not([data-r="1"]):not([data-r="2"]),
.mcb-aro[data-sabe="6"] .mcb-r:not([data-r="1"]),
.mcb-aro[data-sabe="7"] .mcb-r{stroke:var(--cer);filter:drop-shadow(0 0 2.5px rgba(var(--cer-rgb),.75))}
.mcb-aro[data-sabe="3"] .mcb-r[data-r="7"],.mcb-aro[data-sabe="3"] .mcb-r[data-r="6"],.mcb-aro[data-sabe="3"] .mcb-r[data-r="5"]{stroke:var(--cer);filter:drop-shadow(0 0 2.5px rgba(var(--cer-rgb),.75))}
.mcb-cab{display:flex;align-items:center;gap:16px;margin-top:12px}
.mcb-cab .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mcb-cab h3{margin:0;font:500 var(--fs-xl)/1.15 var(--serif);color:var(--text);text-wrap:balance}
.mcb-cab p{margin:0;font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
.mcb-cab p b{color:var(--text);font-weight:500}
/* a barra: cresce devagar (600ms quando anda); permitida porque o cérebro SABE o que mede */
.mcb-barra{margin-top:14px}
.mcb-trilho{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.mcb-cheio{position:absolute;left:0;top:0;bottom:0;width:var(--p,4%);border-radius:3px;background:linear-gradient(90deg,rgba(var(--cer-rgb),.55),var(--cer));box-shadow:0 0 8px rgba(var(--cer-rgb),.45);transition:width .6s var(--ease)}
.mcb-cheio::after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:2px;border-radius:1px;background:var(--cer-luz);box-shadow:0 0 6px rgba(var(--cer-rgb),.9)}
.mcb-barra.recuo .mcb-cheio{background:linear-gradient(90deg,rgba(var(--cer-rgb),.35),rgba(var(--cer-rgb),.7))}
.mcb-barra.recuo .mcb-fantasma{position:absolute;top:0;bottom:0;left:var(--p);width:var(--rec,8%);border-radius:0 3px 3px 0;border:1px dashed rgba(var(--cer-rgb),.45);border-left:0}
.mcb-leg{display:flex;align-items:flex-start;gap:10px;margin-top:8px;font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text)}
.mcb-leg b{font-weight:500}
.mcb-leg .quanto{margin-left:auto;flex:none;font:500 var(--fs-xs)/1.4 var(--ui);color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}
.mcb-falta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding:10px 12px;border:1px dashed rgba(255,255,255,.16);border-radius:12px 12px 12px 6px;background:rgba(0,0,0,.26);font:400 var(--fs-sm)/1.4 var(--ui);color:var(--text)}
.mcb-falta button{min-height:40px;padding:0 14px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;color:var(--text);font:500 var(--fs-sm)/1 var(--ui);white-space:nowrap}
.mcb-aprendeu{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font:400 var(--fs-xs)/1.45 var(--ui);color:var(--text2)}
.mcb-aprendeu .i{width:15px;height:15px;color:var(--text3);margin-top:2px}
.mcb-aprendeu b{color:var(--text);font-weight:500}
.mcb-acerto{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font:400 var(--fs-sm)/1.4 var(--ui);color:var(--text)}
.mcb-acerto b{font:500 var(--fs-lg)/1 var(--serif);font-variant-numeric:tabular-nums}
.mcb-dim{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}
.mcb-dim:first-child{border-top:0}
.mcb-dim b{font:500 var(--fs-sm)/1.3 var(--ui);color:var(--text)}
.mcb-dim small{grid-column:1;font:400 var(--fs-xs)/1.4 var(--ui);color:var(--text2)}
.mcb-dim .mini{grid-column:2;grid-row:1/3;width:64px;height:5px;border-radius:3px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.mcb-dim .mini i{position:absolute;left:0;top:0;bottom:0;width:var(--p);background:var(--cer);border-radius:3px}
/* [CONSTRUÇÃO, Raphael 08/10] o nome sob a barra, em eyebrow: «BARRA DE CONHECIMENTO» */
.mcb-leg .mcb-nome{font:500 var(--fs-micro)/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
.mcb-dim .nao{grid-column:2;grid-row:1/3;font:400 var(--fs-xs)/1.3 var(--ui);color:var(--text3)}
.mcb-aprendeu[hidden],.mcb-acerto[hidden]{display:none}

/* ══ A JANELA DEPOIS DO «ENVIAR» (2ª volta, 08/10) — [CÓPIA] mesma fonte, .mce-* (3a/3b) ══ */
.mce-eb{display:flex;align-items:center;gap:8px}
.mce-eb .mcb-ico{--d:18px}
.mce-eb .n{margin-left:auto;font:500 var(--fs-xs)/1 var(--rnj-ui);letter-spacing:.04em;text-transform:none;color:var(--rnj-text3);font-variant-numeric:tabular-nums}
.mce-troca{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.22)}
.mce-troca span{display:flex;flex-direction:column;gap:2px;min-width:0;font:500 var(--fs-sm)/1.25 var(--rnj-ui);color:var(--rnj-text)}
.mce-troca span small{font:400 var(--fs-xs)/1.2 var(--rnj-ui);color:var(--rnj-text3)}
.mce-troca span:last-child{text-align:right}
.mce-troca .i{width:18px;height:18px;color:var(--rnj-ouro-txt)}
.mce-pular{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.mce-pular::before{content:"";position:absolute;inset:-4px}
.rnj-foot.mce-pe{justify-content:space-between}
.rnj-foot.mce-pe .par{display:flex;gap:10px;flex:1}
.rnj-foot.mce-pe .par .rnj-btn{flex:1}

/* ══ A LEITURA DE VOLUME (2ª volta, 08/10) — [CÓPIA] mesma fonte, .mcp-vol (5a–5e) + o registro .mce-reg ══ */
/* ═══════════ NOVO · .mcp-vol — a LEITURA de séries/semana embaixo do grupo (só leitura; o controle continua o +/− que já existe) ═══════════ */
.mcp-vol{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:-2px 0 6px 15px}
.mcp-vol .lin{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:400 var(--fs-xs)/1.3 var(--rnj-ui);color:var(--rnj-text2)}
.mcp-vol .lin b{font-weight:500;color:var(--rnj-text);font-variant-numeric:tabular-nums}
.mcp-vol .rn-ajuda{grid-column:2;grid-row:1/3}
.mcp-fio{grid-column:1;position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:visible}
.mcp-fio .faixa{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));border-radius:3px;background:rgba(34,211,238,.18);border:1px solid rgba(34,211,238,.35)}
.mcp-fio .pos{position:absolute;top:-3px;left:var(--x);width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--rnj-verde);box-shadow:0 0 0 2px #1f1d1a,0 0 8px rgba(61,220,151,.5)}
.mcp-vol.acima .mcp-fio .pos{background:var(--rnj-limao);box-shadow:0 0 0 2px #1f1d1a,0 0 8px rgba(253,224,71,.5)}
.mcp-vol.semfaixa .mcp-fio{display:none}
.mcp-vol .rnj-status{font-size:var(--fs-xs)}
.mce-reg{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font:400 var(--fs-xs)/1.45 var(--rnj-ui);color:var(--rnj-text2)}
.mce-reg .i{width:14px;height:14px;margin-top:2px;color:var(--rnj-text3)}
.mce-reg b{color:var(--rnj-text);font-weight:500}
/* [CONSTRUÇÃO] o «Baixar» com a conta embaixo: no padrão o botão é linha única (nowrap) e a conta estourava o cartão em 375 */
.rnj-btn.mcp-vol-baixar{flex-direction:column;gap:0;white-space:normal;padding:8px 18px}

/* ══ A NOTA DO PROFESSOR (2ª volta, 08/10) — [CONSTRUÇÃO] sem molde: as pílulas copiam a forma de .mcp-vicio .tipos (mesma prancha) ══ */
.mce-nota{display:flex;gap:6px;margin-top:12px}
.mce-nota button{flex:1 1 0;min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);font-variant-numeric:tabular-nums;text-align:center}
.mce-nota button:focus-visible{outline:2px solid var(--rnj-ouro,#c9a227);outline-offset:2px}
@media(hover:hover){.mce-nota button:hover{border-color:rgba(201,162,39,.5);color:var(--rnj-ouro-txt)}}

/* ══ «CONFERE COMIGO» NA PRÉVIA (2ª volta, 08/10) — [CÓPIA] mesma fonte, .mcpg (3d/3e) ══ */
.mcpg{margin:0 0 12px;padding:12px 14px 10px;border:1px solid rgba(var(--cer-rgb),.28);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.24)}
.mcpg-cab{display:flex;align-items:center;gap:8px;min-height:24px;font:500 var(--fs-micro)/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
.mcpg-cab .mcb-ico{--d:18px}
.mcpg-cab .n{margin-left:auto;letter-spacing:.04em;text-transform:none;font-variant-numeric:tabular-nums;color:var(--text3);font-size:var(--fs-xs)}   /* [CONSTRUÇÃO] caixa baixa não fica em 11,5 (8ª trava) */
.mcpg p{margin:8px 0 10px;font:400 var(--fs-md)/1.4 var(--ui);color:var(--text);text-wrap:pretty}
.mcpg p b{font-weight:500}
.mcpg-ops{display:flex;flex-wrap:wrap;gap:6px}
.mcpg-ops button{min-height:44px;padding:0 14px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(0,0,0,.26);color:var(--text);font:500 var(--fs-sm)/1.15 var(--ui);text-align:left}
.mcpg-ops button[aria-pressed="true"]{border-color:rgba(201,162,39,.5);color:var(--gold2);background:rgba(201,162,39,.1)}
.mcpg-ops .pular{margin-left:auto;border-style:dashed;border-color:rgba(255,255,255,.16);color:var(--text2)}
.mcpg[data-neutra]{border-style:dashed}

/* ══ AS PÍLULAS 20/40/60 (2ª volta, 08/10) — [CÓPIA] mesma fonte, .mcp-vicio (5a/5e). [CONSTRUÇÃO] .mcp-variou: o «no lugar de… · Desfazer» na proposta (a prancha só diz «desfaz um a um») ══ */
.mcp-vicio{margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.22)}
.mcp-vicio .cab{display:flex;align-items:center;gap:8px;min-height:28px;font:500 var(--fs-sm)/1.3 var(--rnj-ui);color:var(--rnj-text)}
.mcp-vicio .cab .rn-ajuda{margin-left:auto}
.mcp-vicio .tipos{display:flex;gap:6px;margin-top:8px}
.mcp-vicio .tipos button{flex:1 1 0;min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);font-variant-numeric:tabular-nums;text-align:center}
.mcp-vicio .tipos button[aria-pressed="true"]{border-color:rgba(201,162,39,.5);color:var(--rnj-ouro-txt);background:rgba(201,162,39,.1)}
.mcp-vicio small{display:block;margin-top:8px;font:400 var(--fs-xs)/1.4 var(--rnj-ui);color:var(--rnj-text2)}
.mcp-variou{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font:400 var(--fs-xs)/1.4 var(--ui);color:var(--text2)}
.mcp-variou b{font-weight:500;color:var(--text)}
.mcp-variou button{min-height:32px;padding:0 10px;border:1px solid var(--card-line-1);border-radius:9px 9px 9px 4px;background:none;color:var(--text);font:500 var(--fs-xs)/1 var(--ui)}
/* ══ «EU MONTO» · Começar da sugestão | em branco (Jean, 09/10) — [CÓPIA] fonte: .mcp-vicio .tipos (linhas 325–327), prefixo novo ══ */
.mcp-per .comeca{display:flex;align-items:center;gap:8px;margin:10px 0 0 4px;font:400 var(--fs-xs)/1.3 var(--rnj-ui);color:var(--rnj-text2)}
.mcp-per .comeca .tipos{flex:1 1 auto;display:flex;gap:6px;margin-top:0}
.mcp-per .comeca .tipos button{flex:1 1 0;min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 10px 5px;background:rgba(0,0,0,.26);color:var(--rnj-text2);font:500 var(--fs-sm)/1 var(--rnj-ui);text-align:center}
.mcp-per .comeca .tipos button[aria-pressed="true"]{border-color:rgba(201,162,39,.5);color:var(--rnj-ouro-txt);background:rgba(201,162,39,.1)}

/* ═════════════ [CÓPIA] fonte: docs/rodada_barra_ajustes_2026-10-09/DO_JEAN/barra_ajustes_v2.html — entra no .mcb-* (as DUAS telas ganham; nada muda onde o dado não existe) ═════════════ */
/* o aprendido-esperando: o bruto da conta, por BAIXO do preenchido, mais claro, sem brilho e sem número. Mexe sem transição: só a subida anda. */
.mcb-espera{position:absolute;left:0;top:0;bottom:0;width:var(--b);border-radius:3px;background:rgba(var(--cer-rgb),.2)}
/* a segunda-feira: um vão de 2 px no preenchido onde a semana começou — o «+3 desde segunda» se vê */
.mcb-semana{position:absolute;top:0;bottom:0;left:var(--ref);width:2px;margin-left:-1px;background:#0f0d0a}
.mcp-vol .tipos{grid-column:1/-1}
/* C-1324 (13/10): com o tempo de toda letra na cabeça (C-1318), o título espremia e o «Usar esta divisão»
   saía da caixa a 375. [CÓPIA] fonte: css/enfase_v1.css:132-138 (.tem-enfase) — título em cima, tempo + Usar embaixo; Mac numa linha. */
.mcj .wkb-prop-ficha-head:has(.wkb-prop-tempo):not(.tem-enfase .wkb-prop-ficha-head){display:grid;grid-template-columns:1fr auto;grid-template-areas:"t t" "tempo usar";gap:8px 12px;align-items:center}
.mcj .wkb-prop-ficha-head:has(.wkb-prop-tempo):not(.tem-enfase .wkb-prop-ficha-head)>b{grid-area:t}
.mcj .wkb-prop-ficha-head:has(.wkb-prop-tempo):not(.tem-enfase .wkb-prop-ficha-head) .wkb-prop-tempo{grid-area:tempo}
.mcj .wkb-prop-ficha-head:has(.wkb-prop-tempo):not(.tem-enfase .wkb-prop-ficha-head) .wkb-prop-usar{grid-area:usar}
@media (min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine){.mcj .wkb-prop-ficha-head:has(.wkb-prop-tempo):not(.tem-enfase .wkb-prop-ficha-head){grid-template-columns:1fr auto auto;grid-template-areas:"t tempo usar"}}
/* C-1339 (13/10): os minutos da letra na aba, numa 2ª linha (cabe em 5-6 letras no celular); acima da faixa ganha o limão + ↑ */
.mcp-aba.com-min{flex-wrap:wrap;align-content:center;row-gap:3px;padding-top:6px;padding-bottom:14px}
.mcp-aba small.min{flex-basis:100%;text-align:center;font:400 var(--fs-xs)/1 var(--rnj-ui);color:var(--rnj-text3);font-variant-numeric:tabular-nums}
.mcp-aba small.min.acima{color:#fde047}
.mcp-aba small.min.acima::before{content:"\2191\00a0"}
/* Raphael 16/10 — alça de ordem + lixeira na proposta. [CÓPIA] alça = .rnd-alca (montagem_v4.css:247), aqui mais estreita
   pra não espremer o nome; no celular os botões descem pra uma linha própria embaixo do nome (o nome não quebra em 4 linhas). */
.mcj .wkb-prop-alca{width:22px;min-height:44px;margin-left:-6px;align-self:center}
.mcj .wkb-prop-par .cab .wkb-prop-alca{min-height:34px;width:16px;margin:0 -6px 0 -8px}
.mcj .wkb-prop-ex.rn-arr-pego,.mcj .wkb-prop-par.rn-arr-pego{position:relative;z-index:2;background:var(--surface,#14110c);box-shadow:0 10px 28px rgba(0,0,0,.45)}
.mcj .wkb-prop-ex.rn-arr-pego .wkb-prop-alca,.mcj .wkb-prop-par.rn-arr-pego .wkb-prop-alca{color:var(--ouro-hi)}
@media (max-width:600px){
  .mcj .wkb-prop-ex[data-prop-item]{flex-wrap:wrap;row-gap:6px}
  .mcj .wkb-prop-ex[data-prop-item] > .t{flex:1 1 calc(100% - 32px)}
  .mcj .wkb-prop-ex[data-prop-item] > .wkb-prop-par-btn:first-of-type{margin-left:auto}
}
.mcj .wkb-prop-par .cab .cabt{flex:1 1 0;min-width:0}
.mcj .wkb-prop-par .cab .troca{flex-basis:100%;justify-content:flex-end}
.mcj .wkb-prop-alca{position:relative}.mcj .wkb-prop-alca::before{content:"";position:absolute;inset:0 -10px}   /* toque ≥44 sem alargar o desenho */
.mcj .wkb-prop-perg{padding:8px 0 6px;border-top:1px solid rgba(255,255,255,.05)}.mcj .wkb-prop-perg .mcl-porque{font-style:normal;color:var(--text2)}   /* 16/10 «Por quê?» da lixeira/ordem: [CÓPIA] .mcl-porque/.mcl-chips da Calibração */
.ts-perg{padding:6px 0 8px}.ts-perg .mcl-porque{font-style:normal;color:var(--ink-2,var(--text2))}   /* 16/10 armário: [CÓPIA] .mcl-porque/.mcl-chips da Calibração */