/* ═══════════════════════════════════════════════════════════════════════
   TROCA DE EXERCÍCIO — LADO DO PROFESSOR (.rn-tp-*) · porte 06/10/2026
   [CÓPIA] fonte: docs/rodada_troca_exercicio_2026-10-06/DO_JEAN/troca_exercicio_professor_2026-10-06.html
   Copiado sem alteração, com 4 divergências DECLARADAS:
   1) os tokens do :root do molde entram ESCOPADOS em .rn-tp-folha/.rn-tp-busca
      (o app não tem --card-line-*, --ouro, --rose no :root);
   2) `@container home` → `@media (min-width:900px)`: no app a folha é fixed
      no <body>, fora de qualquer container «home»;
   3) a pele .eq-* NÃO entra (o molde diz «só indicada»: a peça real é a do
      equipmentBundle.js); .hm/.hm-col/.rnev-* do molde também não (moldura;
      o «Esperando você» do app fica como está, C-177);
   4) a regra global de reduced-motion do molde (*) não entra (vazaria pro app).
   ═══════════════════════════════════════════════════════════════════════ */
.rn-tp-folha,.rn-tp-busca,.rn-tp-busca-faixa{--topo-seguro:calc(env(safe-area-inset-top,0px) + 32px);
  --bg:#0a0806;--gold:#c9a227;--gold-hi:#e2c25e;--purple:#9d5cff;--teal:#22d3ee;--blue:#5b8def;--green:#3ddc97;--yellow:#fde047;--red:#f0616b;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.05);--ease:cubic-bezier(.23,1,.32,1);
  --text:#F0EBE0;--text2:#C8BFB0;--text3:#b1a99a;--text4:#9a9384;
  --fs-micro:11.5px;--fs-xs:13px;--fs-sm:14.5px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;
  --ouro:#c9a227;--ouro-hi:#e2c25e;--card-line-1:rgba(255,255,255,.18);--card-line-2:rgba(255,255,255,.28);--card-line-ouro:rgba(201,162,39,.5);
  --rose:#d4998a;--ui:'Jost','Avenir Next',system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Playfair Display',Georgia,serif;
  --bg-app:radial-gradient(760px 640px at 50% 120%,rgba(201,162,39,.05),transparent 62%),radial-gradient(900px 520px at 96% -8%,rgba(201,162,39,.11),transparent 58%),linear-gradient(180deg,#0a0806 0%,#0c0a08 48%,#070505 100%);
  ;color:var(--text);font:400 var(--fs-sm)/1.45 var(--ui);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
.rn-tp-folha *,.rn-tp-busca *{box-sizing:border-box}
:where(.rn-tp-folha,.rn-tp-busca) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.rn-tp-folha input,.rn-tp-folha textarea{font:inherit}
.rn-tp-folha :focus-visible,.rn-tp-busca :focus-visible{outline:2px solid rgba(226,194,94,.6);outline-offset:2px}
.rn-tp-folha .i,.rn-tp-busca .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* ================= .rn-tp-* — A FOLHA DO PEDIDO (colável) ================= */
/* véu e cartão da folha da casa; z-index 9880: acima do cadastro do aluno (≤9800), abaixo de nada que importe */
/* porte janelas F2-1 (07/10): véu, andar e placa do padrão v2 — folha M solta no celular, cartão no Mac ≥1024 (o 900 morreu).
   [CÓPIA] fonte: docs/rodada_janelas_contexto_2026-10-06/DO_JEAN/janela_contexto_v2.css §1/§2/§3/§7/§11 */
.rn-tp-folha{display:flex;position:fixed;inset:0;z-index:var(--rnj-z-folha,10200);align-items:flex-end;justify-content:center;padding:0 10px calc(env(safe-area-inset-bottom,0px) + 10px);background:var(--rnj-veu,rgba(8,6,4,.58));-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}
.rn-tp-card{position:relative;isolation:isolate;width:100%;max-width:560px;height:var(--rnj-h-m,560px);max-height:calc(100dvh - var(--topo-seguro) - 10px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;background:linear-gradient(160deg,var(--rnj-chumbo-1,#262421),var(--rnj-chumbo-0,#1c1b19)) padding-box,linear-gradient(150deg,rgba(236,214,170,.48) 0%,rgba(255,255,255,.28) 34%,rgba(255,255,255,.22) 100%) border-box;border:1px solid transparent;border-radius:var(--rnj-r,18px);box-shadow:0 24px 60px rgba(0,0,0,.62),0 2px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(238,231,218,.07);padding:0 20px calc(env(safe-area-inset-bottom) + 16px);color:var(--rnj-text,#eee7da)}
.rn-tp-card::-webkit-scrollbar{display:none}
.rn-tp-cab{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:20px 0 12px;background:linear-gradient(180deg,var(--rnj-chumbo-1,#262421) 70%,rgba(38,36,33,0))}   /* porte F2-1: o cabeçalho que gruda é chumbo, não marrom */
.rn-tp-voltar{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px 0 10px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.02);color:var(--text2);font:400 var(--fs-xs)/1 var(--ui);letter-spacing:.04em}
.rn-tp-voltar::before{content:"";position:absolute;inset:-2px}
.rn-tp-voltar .i{width:14px;height:14px}
.rn-tp-eb{flex:1;min-width:0;display:flex;align-items:center;gap:7px;font:500 var(--fs-micro)/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-tp-eb .i{width:14px;height:14px;color:var(--yellow)}
.rn-tp-quem{display:flex;align-items:flex-start;gap:12px;margin-top:4px}
.rn-tp-quem .pa{margin-top:2px}
.rn-tp-quem .rn-tp-t{flex:1;min-width:0}
.rn-tp-quem .pa{display:block;flex:none;width:7px;height:26px;border-radius:4px}
.rn-tp-t{margin:0;font:500 var(--fs-xl)/1.2 var(--serif);color:var(--text);text-wrap:balance}
.rn-tp-t b{font-weight:600}
.rn-tp-nota{margin:8px 0 0;font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
.rn-tp-nota b{font-weight:500;color:var(--text)}
/* um pedido = um bloco: o que estava → o que ela pediu → o motivo (→ saúde) → as ações */
.rn-tp-ped{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--card-line-1);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.2)}
.rn-tp-l{display:block;font:500 var(--fs-micro)/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:3px}
.rn-tp-de b,.rn-tp-para b{font:500 var(--fs-lg)/1.2 var(--serif);color:var(--text)}
.rn-tp-de b{color:var(--text2)}
.rn-tp-de small,.rn-tp-para small{display:block;margin-top:2px;font:400 var(--fs-xs)/1.35 var(--ui);color:var(--text2)}
.rn-tp-para small em{font-style:normal;color:var(--text)}
.rn-tp-seta{display:flex;align-items:center;gap:8px;margin:-4px 0;font:400 var(--fs-xs)/1 var(--ui);color:var(--text3)}
.rn-tp-seta .i{color:var(--text2)}
.rn-tp-motivo{padding-top:10px;border-top:1px solid var(--line);font:400 var(--fs-sm)/1.4 var(--ui);color:var(--text)}
.rn-tp-motivo i{display:block;margin-top:2px;font-style:italic;color:var(--text2)}
/* o bloco de saúde: limão + rótulo; o cadastro do aluno entra AQUI, nunca na página do aluno */
.rn-tp-saude{display:flex;flex-direction:column;gap:8px;padding:12px 12px 12px 14px;border:1px solid rgba(253,224,71,.3);border-radius:11px 11px 11px 5px;background:rgba(253,224,71,.05)}
.rn-tp-saude .s-h{display:flex;align-items:center;gap:8px;font:500 var(--fs-sm)/1.2 var(--ui);color:var(--text)}
.rn-tp-saude .s-h .i{color:var(--yellow)}
.rn-tp-saude .s-r{font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text2);text-wrap:pretty}
.rn-tp-saude .s-r b{font-weight:500;color:var(--text)}
.rn-tp-saude .s-r i{font-style:italic;color:var(--text)}
/* o que ela mandou quando nada serviu */
.rn-tp-envio{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(0,0,0,.2)}
.rn-tp-envio .mini{flex:none;width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,#2a2419,#161109);display:grid;place-items:center;color:var(--text3)}
.rn-tp-envio .mini .i{width:20px;height:20px}
.rn-tp-envio .mini.grande{width:100%;height:220px;border-radius:12px}
.rn-tp-envio .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font:400 var(--fs-xs)/1.35 var(--ui);color:var(--text2)}
.rn-tp-envio .t b{font:500 var(--fs-md)/1.25 var(--ui);color:var(--text)}
.rn-tp-envio.col{flex-direction:column;align-items:stretch}
.rn-tp-perg{margin-top:2px;font:500 var(--fs-md)/1.35 var(--ui);color:var(--text);text-wrap:pretty}
/* ações: o OK em ouro; outro/manter em fantasma */
.rn-tp-acoes{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.rn-tp-ok{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:11px 11px 11px 5px;background:var(--ouro);color:#0a0806;font:500 var(--fs-md)/1 var(--ui)}
.rn-tp-ok:active{filter:brightness(.96);transform:translateY(1px)}
.rn-tp-row{display:flex;gap:8px}
.rn-tp-row>*{flex:1}
.rn-tp-ghost{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.02);color:var(--text);font:500 var(--fs-sm)/1.2 var(--ui);text-align:center}
.rn-tp-ghost.mini{min-height:40px;font-size:var(--fs-xs)}
.rn-tp-ok.mini{height:40px;flex:1.2;font-size:var(--fs-sm)}
.rn-tp-campo-l{display:block;margin-top:4px;font:500 var(--fs-micro)/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
.rn-tp-campo{display:block;width:100%;min-height:48px;margin-top:8px;padding:12px 14px;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(0,0,0,.26);color:var(--text);font:400 var(--fs-md)/1.3 var(--ui);caret-color:var(--gold-hi)}
.rn-tp-campo::placeholder{color:var(--text3)}
.rn-tp-campo.foco{border-color:var(--gold);background:rgba(201,162,39,.07);box-shadow:0 0 0 1px rgba(201,162,39,.3)}
.rn-tp-sep{display:flex;align-items:center;gap:10px;margin-top:18px;font:500 var(--fs-xs)/1.2 var(--ui);color:var(--text2)}
.rn-tp-sep::before,.rn-tp-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.rn-tp-sep .i{width:14px;height:14px;color:var(--yellow)}
.rn-tp-fechar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin:14px 0 0;border:1px solid var(--card-line-1);border-radius:11px 11px 11px 5px;background:rgba(255,255,255,.02);color:var(--text);font:500 var(--fs-md)/1 var(--ui)}
/* o pedido resolvido (depois do OK / da busca): verde + rótulo, dentro do mesmo bloco */
.rn-tp-feito{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(61,220,151,.35);border-radius:11px 11px 11px 5px;background:rgba(61,220,151,.05)}
.rn-tp-feito .i{width:18px;height:18px;color:var(--green);margin-top:1px}
.rn-tp-feito .t{display:flex;flex-direction:column;gap:2px;font:400 var(--fs-xs)/1.35 var(--ui);color:var(--text2)}
.rn-tp-feito .t b{font:500 var(--fs-sm)/1.3 var(--ui);color:var(--text)}
.rn-tp-feito.neutro{border-color:var(--card-line-1);background:rgba(0,0,0,.2)}
.rn-tp-feito.neutro .i{color:var(--text2)}
/* a frase do professor na resposta (manter): ele escreve; o aluno lê em itálico rosé */
.rn-tp-fala{font-style:italic;color:var(--rose)}
/* a linha-pedido no cartão do aluno (vários pedidos): a mesma informação, mais densa */
.rn-tp-ped.compacto{gap:10px}
.rn-tp-ped.compacto .rn-tp-de b,.rn-tp-ped.compacto .rn-tp-para b{font-size:var(--fs-md)}
.rn-tp-ped.compacto .rn-tp-motivo{padding-top:8px}

/* ---------- a busca: a peça «Adicionar exercício» (JÁ existe) abre POR CIMA da folha, com a volta pregada no topo ---------- */
.rn-tp-busca{display:flex;flex-direction:column;position:fixed;inset:0;z-index:calc(var(--rnj-z-folha,10200) + 10);background:var(--bg-app)}   /* porte F2-1: acima da folha (era 9890 sobre 9880) */
.rn-tp-volta-pedido{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;min-height:52px;padding:calc(var(--topo-seguro) - 20px) 16px 8px;background:rgba(10,8,6,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.rn-tp-volta-pedido .pill{position:relative;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px 0 10px;border:1px solid var(--card-line-ouro);border-radius:11px 11px 11px 5px;background:rgba(201,162,39,.08);color:var(--ouro-hi);font:500 var(--fs-xs)/1 var(--ui)}
.rn-tp-volta-pedido .pill::before{content:"";position:absolute;inset:-2px}
.rn-tp-volta-pedido .pill .i{width:14px;height:14px}
.rn-tp-volta-pedido .ctx{flex:1;min-width:0;font:400 var(--fs-xs)/1.3 var(--ui);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-tp-volta-pedido .ctx b{font-weight:500;color:var(--text)}
.rn-tp-busca-corpo{flex:1;overflow:auto;padding:14px 16px calc(env(safe-area-inset-bottom) + 16px);display:flex;flex-direction:column;gap:14px}
/* as duas perguntas do fechamento — cartões da casa (não são IA: ouro decide) */
.rn-tp-fecho{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--card-line-2);border-radius:14px 14px 14px 7px;background:rgba(0,0,0,.22)}   /* porte F2-1: poço do v2 */
.rn-tp-fecho .q{margin:0;font:500 var(--fs-lg)/1.3 var(--ui);color:var(--text);text-wrap:pretty}
.rn-tp-fecho .sub{margin:-4px 0 0;font:400 var(--fs-xs)/1.4 var(--ui);color:var(--text2)}
.rn-tp-fecho.feito{border-color:rgba(61,220,151,.35);background:rgba(61,220,151,.05)}
.rn-tp-fecho.feito .q{display:flex;align-items:center;gap:8px}
.rn-tp-fecho.feito .q .i{color:var(--green)}
.rn-tp-fecho.espera{opacity:.55}
/* MAC ≥1024 (porte F2-1: o ponto único do padrão; era 900): folha = cartão M 480; a busca ao lado, à direita */
@media (min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine){
  .rn-tp-folha{align-items:center;padding:28px}
  .rn-tp-card{width:var(--rnj-w-m,480px);max-width:var(--rnj-w-m,480px);height:auto;max-height:min(86dvh,780px);padding:0 22px 20px}
  .rn-tp-folha.com-busca{justify-content:flex-start;padding-left:48px}
  .rn-tp-folha.com-busca .rn-tp-card{opacity:.72}
  .rn-tp-busca{inset:auto 48px 40px auto;top:40px;width:var(--rnj-w-g,640px);border:1px solid var(--card-line-2);border-radius:var(--rnj-r,18px);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.62)}
  .rn-tp-volta-pedido{padding-top:10px}
}


/* [CÓPIA] fonte: docs/rodada_troca_exercicio_2026-10-06/DO_JEAN/ADENDO/troca_exercicio_ADENDO_2026-10-06.html */
/* ================= [ADENDO] professor — 3 regras novas, colar junto do .rn-tp-feito ================= */
/* AD4 · «mudou o pedido»: a mesma caixa .rn-tp-feito em limão (atenção: o que você estava lendo não é mais o pedido) */
.rn-tp-feito.mudou{border-color:rgba(253,224,71,.3);background:rgba(253,224,71,.05)}
.rn-tp-feito.mudou .i{color:var(--yellow)}
/* AD4 · o bloco de um pedido que o aluno desfez: fica no lugar, sem ações, até a folha fechar */
.rn-tp-ped.desistiu{border-style:dashed}


/* [CONSTRUÇÃO] a faixa «Voltar ao pedido» pregada no topo do overlay EXISTENTE
   de Minha academia (a peça «Adicionar exercício» da Rodada 53 roda lá dentro);
   divergência declarada no equipmentBundle.js (buscarParaPedido). */
.rn-tp-busca-faixa{position:fixed;left:0;right:0;top:0;z-index:10300;font:400 var(--fs-sm)/1.45 var(--ui);color:var(--text)}
.rn-tp-busca-faixa button{font:inherit;background:none;cursor:pointer}
.rn-tp-busca-faixa .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#equipmentOverlay.eq-com-pedido{padding-top:calc(env(safe-area-inset-top,0px) + 44px)}