/* ══════════════════════════════════════════════════════════════════════
COCKPIT · PROPOSTA B — "AUTORAL" · rodada 09/08/2026
Base: montagem_v4.css aprovada e no ar, INTACTA até a marca "RODADA
COCKPIT · B" lá embaixo. Nenhum id, data-* ou classe renomeada; todo
estado do esqueleto tem regra. Elementos novos: rnd-* (montador) e
rnd-hub-* (hub) — acrescentados.
Hipótese B: comando é LEITURA VIVA, não repertório — módulos com filete
de acento (linguagem chart-card do app), o copiloto fala primeiro e as
ações nomeadas vêm depois, mini-HUD fixo no celular (tempo/volume sempre
à vista), o Hub responde "o que preciso fazer agora?" numa frase.
Roxo só no copiloto RN IA. Dourado escasso: o agora e a ação primária.
Fontes pelos stacks (o app embarca). Celular 390 primeiro; Mac ≥900.
══════════════════════════════════════════════════════════════════════ */
:root{--bg:#0a0806;--ink:#eee7da;--ink2:#b1a99a;--ink3:#7a7060;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.05);--gold:#c9a227;--gold2:#e2c25e;--ia:#9d5cff;--ciano:#22d3ee;--azul:#5b8def;--verde:#3ddc97;--lemon:#fde047;--verm:#f0616b;--vz-baixo:#5b8def;--vz-ideal:#3ddc97;--vz-acima:#e2c25e;--vz-limite:#e8862e;--vz-excesso:#f0616b;--vz-marker:#f0d789;--ease:cubic-bezier(.23,1,.32,1)}
/* ── BASE ── */
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 15px/1.5 Jost,'Avenir Next',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold2);text-decoration:none}
a:hover{color:var(--gold)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
input,select,textarea{font:inherit;color:var(--ink);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:9px 9px 9px 4px;padding:9px 12px}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(201,162,39,.5)}
input[type="checkbox"]{padding:0}
select{-webkit-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239a9384' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
textarea{resize:vertical;min-height:64px}
[hidden]{display:none!important}
:focus-visible{outline:2px solid rgba(226,194,94,.6);outline-offset:2px}
.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.eb{font-size:var(--fs-micro,11.5px);font-weight:500;letter-spacing:.17em;color:var(--ink3);text-transform:uppercase}
.tabnum{font-variant-numeric:tabular-nums}
/* realce genérico que o motor aplica (trecho buscado, opção sugerida) */
.hl{background:rgba(201,162,39,.14);border-radius:3px}
/* ── O PALCO: overlays do app (.open é o motor) ── */
/* glow do RN IA desce pra ABAIXO do header (entrega Design 13/08): era at -8% -10%,
nascia no topo e tingia o cabeçalho; agora at -8% 34%, no corpo do montador. */
.wkb-overlay{position:fixed;inset:0;display:none;background:radial-gradient(1100px 760px at 88% -12%,rgba(201,162,39,.09),transparent 60%),radial-gradient(620px 380px at -8% 34%,rgba(157,92,255,.07),transparent 62%),linear-gradient(#0a0806,#070505)}
.wkb-overlay.open{display:block}
#wkBuilderOverlay{z-index:9810}
#wkHubOverlay{z-index:9800}
/* o app trava a rolagem de trás enquanto um overlay vive */
body.rnp-wkb-open{overflow:hidden}
.wkb-panel{height:100dvh;display:flex;flex-direction:column}
#wkHubOverlay .wkb-panel{background:var(--bg);overflow:auto;display:block}
/* ── HUB ── */
.wkh-eyebrow{font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--ink2);text-transform:uppercase}
.wkh-body{max-width:640px;margin:0 auto;padding:0 18px 90px}
.wkh-top{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 40px) 0 10px;background:#0a0806}
#wkhVoltar{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px 0 10px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:13.5px;background:rgba(255,255,255,.02);transition:all .18s var(--ease)}
#wkhVoltar:hover{color:var(--ink);border-color:rgba(255,255,255,.16)}
.wkh-toptitle{flex:1;text-align:center;font-size:var(--fs-xs,13px);font-weight:500;letter-spacing:.2em;color:var(--ink3)}
#wkhClose{width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:11px 11px 11px 5px;color:var(--ink2);transition:all .18s var(--ease)}
#wkhClose:hover{color:var(--ink);border-color:var(--line)}
.wkh-h1{margin:18px 0 4px;font:500 34px/1.05 'Playfair Display',Georgia,serif}
.wkh-sub{font-size:var(--fs-sm,14.5px);color:var(--ink2)}
.wkh-ai{margin-top:22px;border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:13px 13px 13px 6px;padding:14px 16px}
.wkh-ai .wkh-eyebrow{color:var(--gold)}
.wkh-ai p{margin:6px 0 0;font-size:var(--fs-sm,14.5px);color:var(--ink2);text-wrap:pretty}
.wkh-hero{display:flex;align-items:center;gap:16px;width:100%;margin-top:14px;padding:20px 18px;background:linear-gradient(135deg,rgba(201,162,39,.13),rgba(201,162,39,.05));border:1px solid rgba(201,162,39,.35);border-radius:16px 16px 16px 7px;transition:border-color .18s var(--ease)}
.wkh-hero:hover{border-color:rgba(226,194,94,.6)}
.wkh-hero-ic{width:46px;height:46px;display:grid;place-items:center;background:var(--gold);color:#0a0806;border-radius:13px 13px 13px 6px;flex:none}
.wkh-hero-t{font:500 20px 'Playfair Display',Georgia,serif;color:var(--ink)}
.wkh-hero-s{font-size:var(--fs-xs,13px);color:var(--ink2);margin-top:3px;text-wrap:pretty}
.wkh-hero .i-arrow{margin-left:auto;color:var(--gold2)}
.wkh-row{display:flex;align-items:center;gap:13px;width:100%;margin-top:10px;padding:14px 16px;border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:13px 13px 13px 6px;transition:border-color .18s var(--ease)}
.wkh-row:hover{border-color:var(--line)}
.wkh-row-ic{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px 10px 10px 5px;color:var(--gold2);flex:none}
.wkh-row-t{font-weight:500;font-size:16.5px}
.wkh-row-m{font-size:var(--fs-sm,14.5px);color:var(--ink2);margin-top:2px}
.wkh-row .i-arrow{margin-left:auto;color:var(--ink3)}
.wkh-sec{margin-top:30px}
.wkh-fichas-sec{margin-top:30px}
.wkh-sec-head{display:flex;align-items:baseline;gap:10px}
.wkh-sec-head .n{font-size:13.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.wkh-lib{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.wkh-lib-c{border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:13px 13px 13px 6px;padding:14px 16px;transition:border-color .18s var(--ease)}
.wkh-lib-c:hover{border-color:var(--line)}
.wkh-lib-top{display:flex;align-items:center;gap:11px}
.wkh-lib-ic{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.3);background:rgba(201,162,39,.06);border-radius:10px 10px 10px 5px;color:var(--gold2);flex:none}
.wkh-lib-t{font:500 17px 'Playfair Display',Georgia,serif}
.wkh-lib-m{font-size:var(--fs-xs,13px);color:var(--ink3);margin-top:2px;font-variant-numeric:tabular-nums}
.wkh-lib-actions{display:flex;gap:8px;margin-top:12px}
.wkh-apply{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;background:var(--gold);color:#0a0806;font-weight:500;font-size:13.5px;border-radius:10px 10px 10px 5px;transition:filter .18s var(--ease)}
.wkh-apply:hover{filter:brightness(1.08)}
.wkh-open{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:1px solid var(--line);color:var(--ink2);font-size:13.5px;border-radius:10px 10px 10px 5px;transition:all .18s var(--ease)}
.wkh-open:hover{color:var(--ink);border-color:rgba(255,255,255,.16)}
.wkh-fichas{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.wkh-fichas .wkh-ficha{margin-top:0}
.wkh-ficha{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:13px 13px 13px 6px;margin-top:10px;transition:border-color .18s var(--ease)}
.wkh-ficha:hover{border-color:var(--line)}
.wkh-swatch{width:7px;height:26px;border-radius:4px;flex:none}
.wkh-ficha-t{font:500 var(--fs-lg,18px) 'Playfair Display',Georgia,serif}
.wkh-ficha-m{font-size:15px;color:var(--ink2);margin-top:2px}
.wkh-ficha .i-arrow{margin-left:auto;color:var(--ink3)}
.wkh-empty{display:none;border:1px dashed rgba(238,231,218,.16);background:rgba(0,0,0,.25);border-radius:13px 13px 13px 6px;padding:16px 18px;font-size:13.5px;color:var(--ink3);margin-top:12px;text-wrap:pretty}
body.wkh-vazio .wkh-empty{display:block}
body.wkh-vazio #wkhResumeBtn,body.wkh-vazio .wkh-lib,body.wkh-vazio .wkh-fichas{display:none}
.wkh-note{margin-top:26px;font-size:var(--fs-xs,13px);color:var(--ink3)}
.wkh-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.wkh-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:var(--fs-sm,14.5px);text-align:left;transition:all .18s var(--ease)}
.wkh-chip b{width:7px;height:22px;border-radius:4px;flex:none}
.wkh-chip.active{border-color:rgba(226,194,94,.6);color:var(--ink);background:rgba(201,162,39,.07)}
.wkh-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;background:var(--gold);color:#0a0806;font-weight:500;border-radius:12px 12px 12px 6px}
.wkh-ghost{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 18px;border:1px solid var(--line);color:var(--ink2);border-radius:12px 12px 12px 6px}
.wkh-toast{position:fixed;left:50%;transform:translateX(-50%) translateY(8px);bottom:calc(env(safe-area-inset-bottom) + 90px);z-index:9880;background:rgba(24,20,14,.96);border:1px solid rgba(201,162,39,.4);color:var(--ink);font-size:13.5px;padding:12px 18px;border-radius:12px 12px 12px 6px;opacity:0;pointer-events:none;transition:all .22s var(--ease)}
.wkh-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.wkh-ai,.wkh-hero,#wkhResumeBtn,.wkh-sec{animation:rise .22s var(--ease) both}
.wkh-hero{animation-delay:.04s}
#wkhResumeBtn{animation-delay:.07s}
.wkh-sec{animation-delay:.1s}
/* ── MONTADOR · topo ── */
/* header OPACO (entrega Design 13/08): o roxo do RN IA não vaza mais por baixo.
Fundo obsidiano sólido + blur — bloqueia qualquer glow de trás, venha de onde vier. */
.rn2-mobile-top{display:flex;align-items:center;gap:10px;padding:var(--topo-seguro) 16px 10px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0b0907,#0a0806);backdrop-filter:blur(16px);flex:none}
#wkbMobileBackBtn{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px 0 10px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:13.5px}
#wkbMobileBackBtn .i{width:18px;height:18px;flex:none}
.wkb-toptitle{flex:1;min-width:0;text-align:center}
.wkb-toptitle .eb{color:var(--gold)}
.wkb-topname,#wkbTopName{font:500 var(--fs-md,16px) 'Playfair Display',Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wkbClose{width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:11px 11px 11px 5px;color:var(--ink2)}
#wkbClose:hover{color:var(--ink);border-color:var(--line)}
#wkbCancelBtn,.wkb-head-actions{display:none}
/* ── MONTADOR · corpo ── */
.wkb-body,#wkbBody{flex:1;overflow:auto;padding:16px 16px 40px;-webkit-overflow-scrolling:touch}
/* a barra inferior existe → o corpo respira acima dela (dois ganchos do motor) */
.wkb-body.rn-has-bottom-bar{padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}
body.rnp-wkb-bottombar-open .wkb-body{padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}
body.wkb-kb-open #wkbBody{padding-bottom:300px}
/* erro de validação: o motor só escreve o texto — com texto, aparece */
.wkb-error{display:none;border:1px solid rgba(240,97,107,.4);background:rgba(240,97,107,.06);color:var(--verm);font-size:13.5px;border-radius:11px 11px 11px 5px;padding:11px 14px;margin-bottom:12px}
.wkb-error:not(:empty){display:block}
/* ── FAIXA DO ALUNO ── */
.rn-strip{border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:14px 14px 14px 6px;padding:14px 16px}
.rn-strip-row{display:flex;align-items:center;gap:12px}
/* a cor do aluno é dado, não pele: o motor escreve o background inline.
O default abaixo É o estado "sem aluno" (avatar "?"). */
#rnStripAvatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:500 var(--fs-md,16px) 'Playfair Display',Georgia,serif;color:var(--ink3);background:rgba(255,255,255,.06);box-shadow:0 0 0 2px rgba(255,255,255,.08);flex:none}
#rnStripName{font:500 19px 'Playfair Display',Georgia,serif;line-height:1.1}
#rnStripBio{font-size:var(--fs-xs,13px);color:var(--ink3);margin-top:2px}
#rnStripBio:empty{display:none}
#rnEditToggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:var(--fs-xs,13px);flex:none}
#rnEditToggle:hover{color:var(--ink)}
#rnEditChevron{transition:transform .28s var(--ease)}
body.rn-edit-open #rnEditChevron{transform:rotate(180deg)}
#rnStripSaude{display:inline-flex;align-items:flex-start;gap:7px;margin-top:12px;padding:9px 12px;border:1px solid rgba(253,224,71,.25);background:rgba(253,224,71,.05);border-radius:10px 10px 10px 5px;color:var(--lemon);font-size:var(--fs-xs,13px);text-align:left;min-height:44px}
#rnStripSaude .i{width:14px;height:14px}
#rnStripSaudeDetail{display:none;margin-top:12px;border-top:1px solid var(--line2);padding-top:12px;font-size:13.5px;color:var(--ink2);text-wrap:pretty}
body.rn-saude-open #rnStripSaudeDetail,#rnStripSaudeDetail.open{display:block;animation:rise .22s var(--ease) both}
#rnStripSaudeDetail .sd-row{display:flex;gap:8px;margin-top:6px}
#rnStripSaudeDetail .sd-l{color:var(--ink3);min-width:110px;font-size:var(--fs-xs,13px);letter-spacing:.08em;text-transform:uppercase;padding-top:2px}
.sd-escala{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.sd-escala span{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs,13px);color:var(--ink3)}
.sd-escala b{width:7px;height:7px;border-radius:50%}
#rnEditFields{display:none;margin-top:14px;border-top:1px solid var(--line2);padding-top:14px}
body.rn-edit-open #rnEditFields,#rnEditFields.open{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;animation:rise .22s var(--ease) both}
#rnEditFields label{display:flex;flex-direction:column;gap:5px;font-size:var(--fs-micro,11.5px);letter-spacing:.12em;color:var(--ink3);text-transform:uppercase;font-weight:500}
#rnEditFields .full{grid-column:1/-1}
/* 27/09 (C-1020): 1fr cedia ao min-content dos campos e a grade passava da borda do card (245+156 em 307px — «Selecione» saindo no print de Raphael); minmax(0,…) segura a grade na largura do card */
/* ── ABAS (1 a 6, rótulo do professor — desenhado para texto longo) ── */
.rn-tabs{display:flex;gap:4px;margin-top:14px;background:rgba(255,255,255,.03);border:1px solid var(--line2);border-radius:13px 13px 13px 6px;padding:4px;position:relative;touch-action:pan-y}
.rn-tab{flex:1;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border-radius:9px 9px 9px 4px;color:var(--ink2);font-weight:600;font-size:15px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;transition:background .18s var(--ease);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;will-change:transform}
.rn-tab i{font-style:normal;font-size:var(--fs-xs,13px);color:var(--ink3);font-variant-numeric:tabular-nums}
.rn-tab:hover{background:rgba(255,255,255,.04)}
.rn-tab.active{background:var(--gold);color:#0a0806}
.rn-tab.active i{color:rgba(10,8,6,.7)}
.rn-tab-add{flex:0 0 52px;color:var(--ink3)}
/* ── INSTRUMENTOS ── */
.rn-instruments{margin-top:14px}
.rn-metrics-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rn-metric{position:relative;border:1px solid var(--line2);background:rgba(255,255,255,.03);border-radius:11px 11px 11px 5px;padding:10px 12px 9px;min-height:64px;display:flex;flex-direction:column-reverse;gap:2px}
.rn-metric .l{font-size:var(--fs-micro,11.5px);font-weight:500;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase}
.rn-metric .v{font:500 var(--fs-lg,18px) 'Playfair Display',Georgia,serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.rn-metric .v small{font-family:Jost,sans-serif;font-size:var(--fs-xs,13px);color:var(--ink3);font-weight:400}
.rn-metric-info{position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:7px 7px 7px 3px;color:var(--ink3);font-size:var(--fs-xs,13px)}
.rn-metric-info:hover{color:var(--gold2);border-color:rgba(201,162,39,.4)}
button.rn-metric{cursor:pointer}
button.rn-metric:hover{border-color:var(--line)}
.wkb-volume-toggle{text-align:left}
/* C-278 (24/08): invólucro do botão "?" do Volume — `.rn-metric` (o toggle)
fica intocado por dentro; isto só dá o encaixe de fora, esticando pra
preencher a célula do grid exatamente como o botão sozinho já fazia. */
.rn-metric-cell{position:relative}
.rn-metric-cell .rn-metric{width:100%;height:100%}
.rn-metric .modo{position:absolute;top:8px;right:8px;color:var(--ink3)}
/* ── VOLUME POR GRUPO (estrutura do motor: track de 3 zonas com flex
escrito no JS + marcador posicionado por left:% — nada fixado aqui) ── */
.wkb-vi{margin-top:10px;border:1px solid var(--line2);background:rgba(255,255,255,.025);border-radius:13px 13px 13px 6px;padding:14px 16px 12px}
.wkb-vi-head{display:flex;align-items:center;gap:8px}
.wkb-vi-head .eb{color:var(--gold)}
#wkbVolumeInteligenteInfoBtn{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:7px 7px 7px 3px;color:var(--ink3);font-size:var(--fs-xs,13px)}
#wkbVolumeInteligenteInfoBtn:hover{color:var(--gold2);border-color:rgba(201,162,39,.4)}
.wkb-vi-row{padding:10px 0 11px;border-top:1px solid var(--line2)}
.wkb-vi-head + .wkb-vi-row{border-top:0;margin-top:6px}
.wkb-vi-row-top{display:flex;align-items:baseline;gap:10px}
.wkb-vi-grupo{flex:1;min-width:0;font-size:13.5px;color:var(--ink2)}
.wkb-vi-valor{font:500 var(--fs-md,16px) 'Playfair Display',Georgia,serif;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.wkb-vi-valor small{font-family:Jost,'Avenir Next',system-ui,sans-serif;font-size:var(--fs-xs,13px);font-weight:400;color:var(--ink3);letter-spacing:.02em}
.wkb-vi-bar{position:relative;margin-top:7px;height:7px}
.wkb-vi-bar-track{position:absolute;inset:0;display:flex;gap:2px;border-radius:4px;overflow:hidden}
.wkb-vi-bar-seg{height:100%}
.wkb-vi-bar-baixo{background:rgba(91,141,239,.30)}
.wkb-vi-bar-ideal{background:rgba(61,220,151,.32)}
.wkb-vi-bar-acima{background:rgba(226,194,94,.32)}
.wkb-vi-mark{position:absolute;top:-2.5px;bottom:-2.5px;width:3px;border-radius:2px;background:var(--vz-marker);box-shadow:0 0 8px rgba(240,215,137,.75);transform:translateX(-50%)}
/* o rótulo textual carrega o tom (cor nunca sozinha) */
.wkb-vi-baixo .wkb-vi-valor small{color:var(--vz-baixo)}
.wkb-vi-ideal .wkb-vi-valor small{color:var(--vz-ideal)}
.wkb-vi-acima .wkb-vi-valor small{color:var(--vz-acima)}
/* vazio: aparece sozinho quando não há linha entre o cabeçalho e ele */
.wkb-vi-empty{display:none;margin:10px 0 2px;padding:12px 14px;border:1px dashed rgba(238,231,218,.16);background:rgba(0,0,0,.25);border-radius:10px 10px 10px 5px;font-size:var(--fs-xs,13px);color:var(--ink3);text-wrap:pretty}
.wkb-vi-head + .wkb-vi-empty{display:block}
/* leitura antiga do painel de volume (pele aprovada — segue valendo) */
.vi-name{font-size:13.5px;color:var(--ink2)}
.vi-n{font:500 var(--fs-md,16px) 'Playfair Display',Georgia,serif;font-variant-numeric:tabular-nums;justify-self:end}
.vi-selo{font-size:var(--fs-xs,13px);font-weight:500;letter-spacing:.06em;padding:3px 9px;border-radius:7px 7px 7px 3px;border:1px solid}
.tom-baixo{color:var(--vz-baixo);border-color:rgba(91,141,239,.35);background:rgba(91,141,239,.07)}
.tom-ideal{color:var(--vz-ideal);border-color:rgba(61,220,151,.35);background:rgba(61,220,151,.07)}
.tom-acima{color:var(--vz-acima);border-color:rgba(226,194,94,.4);background:rgba(226,194,94,.07)}
.tom-limite{color:var(--vz-limite);border-color:rgba(232,134,46,.4);background:rgba(232,134,46,.08)}
.tom-excesso{color:var(--vz-excesso);border-color:rgba(240,97,107,.4);background:rgba(240,97,107,.08)}
.vi-bar{grid-column:1/-1;position:relative;height:7px;border-radius:4px;overflow:hidden;display:flex}
.vi-bar b{height:100%}
.vi-bar .z1{width:18%;background:rgba(91,141,239,.32)}
.vi-bar .z2{width:39%;background:rgba(61,220,151,.34)}
.vi-bar .z3{width:14%;background:rgba(226,194,94,.36)}
.vi-bar .z4{width:14%;background:rgba(232,134,46,.36)}
.vi-bar .z5{width:15%;background:rgba(240,97,107,.34)}
.vi-mark{position:absolute;top:-2px;bottom:-2px;width:3px;border-radius:2px;background:var(--vz-marker);box-shadow:0 0 8px rgba(240,215,137,.75)}
.wkb-vi-note{margin-top:10px;font-size:var(--fs-xs,13px);color:var(--ink3);text-wrap:pretty}
/* ── PAINEL E LISTA ── */
.rn-panel{display:none}
.rn-panel.active{display:block;animation:rise .22s var(--ease) both}
.rn-block-label{display:flex;align-items:center;gap:8px;margin:18px 2px 10px}
#rnBlockLabel{font-size:var(--fs-micro,11.5px);font-weight:500;letter-spacing:.17em;color:var(--gold);text-transform:uppercase;border:0;background:none;padding:0}
.rn-block-label .i{width:12px;height:12px;color:var(--ink3)}
.rn-list{display:flex;flex-direction:column;gap:12px}
/* ── O CARTÃO ── */
.rn2-ex-card{position:relative;border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:14px 14px 14px 6px;padding:12px 14px;transition:border-color .18s var(--ease),transform .18s var(--ease),opacity .18s var(--ease)}
.rn2-ex-card.editing{border-color:rgba(201,162,39,.45)}
.rn-ex-head{display:flex;align-items:center;gap:10px}
.rnd-alca{width:30px;min-height:44px;display:grid;place-items:center;color:var(--ink3);cursor:grab;flex:none;border-radius:8px;touch-action:none}
.rnd-alca:hover{color:var(--ink2)}
.rnd-alca:active{cursor:grabbing;color:var(--gold2)}
.rn-alca{width:30px;height:44px;display:grid;place-items:center;color:var(--ink3);cursor:grab;flex:none;border-radius:8px}
.rn-alca:hover{color:var(--ink2)}
.rn-num{width:20px;font:500 var(--fs-xs,13px) Jost,'Avenir Next',system-ui,sans-serif;color:var(--ink3);font-variant-numeric:tabular-nums;flex:none}
.rn-name{flex:1;min-width:0;font:500 var(--fs-lg,18px)/1.2 'Playfair Display',Georgia,serif;color:var(--ink);padding:6px 0;cursor:text;position:relative}
.rn-name .empty{color:var(--ink3);font-family:Jost,'Avenir Next',system-ui,sans-serif;font-size:15px;font-weight:400}
.rn-name input{width:100%;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:4px 0;font:500 var(--fs-lg,18px) 'Playfair Display',Georgia,serif;color:var(--ink)}
.rn-name input::placeholder{color:var(--ink3);font-family:Jost,sans-serif;font-size:15px;font-weight:400}
.rn-name input:focus{border-color:var(--gold)}
.wkb-exercise-search-wrap{position:relative;cursor:default}
.rn-par-tag{display:inline-flex;align-items:center;gap:6px;margin:2px 0 0 60px;font-size:var(--fs-xs,13px);color:var(--ink3)}
.rn-par-tag b{width:14px;height:2px;border-radius:2px;background:var(--gold);opacity:.6}
/* células de valor — o toque troca o texto por no lugar */
.rn-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.rn-cell{position:relative;border:1px solid var(--line2);background:rgba(255,255,255,.025);border-radius:10px 10px 10px 5px;padding:8px 10px;min-height:54px;display:flex;flex-direction:column-reverse;gap:1px;cursor:pointer;transition:border-color .18s var(--ease)}
.rn-cell:hover{border-color:var(--line)}
.rn-cell.focus,.rn-cell:has(.rn2-tap-input:focus){border-color:rgba(201,162,39,.55);box-shadow:0 0 0 1px rgba(201,162,39,.25)}
.rn-cell .v{font-weight:500;font-size:var(--fs-md,16px);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;overflow:hidden}
.rn-cell .v.empty{color:var(--ink3);font-weight:400}
.rn-cell .l{font-size:var(--fs-micro,11.5px);font-weight:500;letter-spacing:.13em;color:var(--ink3);text-transform:uppercase}
.rn-cell input{width:100%;background:none;border:0;padding:0;font-weight:500;font-size:var(--fs-md,16px);font-variant-numeric:tabular-nums;border-radius:0}
.rn2-tap-input{caret-color:var(--gold2)}
.wkb-num-field{caret-color:var(--gold2);letter-spacing:.02em;font-variant-numeric:tabular-nums}
/* cola do porte: data-tap mora no VALOR — a célula inteira vira alvo;
o ::after some durante a edição para o input receber o caret */
.rn-cell [data-tap]:not(:has(input))::after{content:'';position:absolute;inset:0}
.rn-name [data-tap]:not(:has(input))::after{content:'';position:absolute;inset:0}
/* cadência e RIR */
/* "+ Cadência e RIR" — botão de verdade, em dourado forte (ordem do dono 11/08:
"cores mais fortes, como um botão mesmo, com o padrão oficial de cores").
Fundo dourado preenchido + borda sólida #c9a227 (herói) + tinta #e2c25e.
Duas travas, não uma:
1) o seletor carrega `[data-more-toggle]` (0,2,1) em vez de ser só
`.rn-more` (0,1,0). O clientsBundle injeta `.rn-more` no head e estilo
injetado ganha do por vir depois; a origem foi escopada lá, mas a
especificidade aqui é a rede. O atributo também impede o caminho
inverso: o `•••` de Alunos é `.rn-more` e NÃO pode herdar este dourado
(medido em bancada — com `button.rn-more` ele herdava glow e padding).
2) hex literal em vez de var(--gold2) — `css/styles.css` define
--gold2:#B8832A (escuro) no mesmo :root global. Hoje montagem_v5 carrega
depois e vence, mas a ordem das folhas não é contrato. */
button.rn-more[data-more-toggle]{position:relative;display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 15px;min-height:40px;font-size:13.5px;font-weight:600;color:#e2c25e;background:linear-gradient(180deg,rgba(201,162,39,.26),rgba(201,162,39,.13));border:1px solid #c9a227;border-radius:10px 10px 10px 5px;box-shadow:0 6px 16px -10px rgba(201,162,39,.85)}
button.rn-more[data-more-toggle]:hover{color:#0a0806;background:linear-gradient(180deg,#e2c25e,#c9a227);border-color:#e2c25e}
button.rn-more[data-more-toggle]:active{transform:translateY(1px)}
.rn-more-panel{display:none;margin-top:8px}
.rn-more-panel.open{display:grid;grid-template-columns:1fr 1fr;gap:8px;animation:rise .22s var(--ease) both}
.rn-more-panel .rnd-peso-check{grid-column:1/-1}
/* C-1391: o editor da cadência nasce EMBAIXO do mostrador, linha inteira (molde rodada_tecnicas_ficha_2026-10-04) — na grade de 2 colunas ele ia pro lado e esticava o mostrador */
.rn-more-panel .rn-cad-guia,.rn-more-panel .rn-cad-livre{grid-column:1/-1}
/* A instrução que o aluno lê (C-81, 19/08). Ocupa a largura inteira do
painel: é texto corrido, não célula de número. Rótulo com a mesma voz dos
outros campos do montador; o textarea herda a regra global do arquivo
(`input,select,textarea` no topo), então nenhuma pele nova entra aqui. */
.rn-more-panel .rn-txt-full{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;margin-top:4px;font-size:var(--fs-xs,13px);color:var(--ink3)}
.rn-more-panel .rn-txt-full textarea{min-height:52px;font-size:13.5px;color:var(--ink2)}
.rnd-peso-check{display:flex;align-items:center;gap:9px;margin-top:2px;min-height:34px;font-size:13.5px;color:var(--ink2);cursor:pointer}
.rnd-peso-check input{width:17px;height:17px;accent-color:#c9a227;padding:0}
.rn-peso{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13.5px;color:var(--ink2)}
.rn-peso input{width:17px;height:17px;accent-color:#c9a227;padding:0}
.rn-peso em{font-style:normal;color:var(--ink3);font-size:var(--fs-xs,13px);font-variant-numeric:tabular-nums}
/* ── AVISO DE SAÚDE — 5 tons, observacional: informa, não alarma.
A cor segue o papel: avaliar=limão · adiar=azul(tempo) · evitar=vermelho
· adaptar=ciano(corpo) · indicado=verde. Sempre com a frase junto. ── */
.wkb-saude-badge{display:flex;align-items:flex-start;gap:9px;margin:10px 0 2px 60px;padding:10px 12px;border-radius:10px 10px 10px 5px;border:1px solid var(--line);background:rgba(255,255,255,.02);--sd:#fde047}
.wkb-saude-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:none;background:var(--sd);box-shadow:0 0 7px color-mix(in oklab,var(--sd) 55%,transparent)}
.wkb-saude-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.wkb-saude-frase{font-size:13.5px;font-weight:500;color:color-mix(in oklab,var(--sd) 78%,var(--ink))}
.wkb-saude-cond{font-size:var(--fs-xs,13px);color:var(--ink2);text-wrap:pretty}
.wkb-saude-rel{color:var(--ink3)}
.wkb-saude-avaliar{--sd:#fde047;border-color:rgba(253,224,71,.22);background:rgba(253,224,71,.04)}
.wkb-saude-adiar{--sd:#5b8def;border-color:rgba(91,141,239,.25);background:rgba(91,141,239,.05)}
.wkb-saude-evitar{--sd:#f0616b;border-color:rgba(240,97,107,.26);background:rgba(240,97,107,.05)}
.wkb-saude-adaptar{--sd:#22d3ee;border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.04)}
.wkb-saude-indicado{--sd:#3ddc97;border-color:rgba(61,220,151,.22);background:rgba(61,220,151,.04)}
/* peças da pele aprovada do aviso (seguem valendo) */
.wkb-saude-badge em{font-style:normal;color:var(--ink3)}
.wkb-saude-info{margin-left:auto;color:var(--ink3);font-size:var(--fs-xs,13px);border:1px solid var(--line2);border-radius:6px 6px 6px 3px;width:20px;height:20px;display:grid;place-items:center;flex:none}
.wkb-saude-tip{display:none;margin:6px 0 2px 60px;padding:10px 12px;border:1px dashed rgba(238,231,218,.16);background:rgba(0,0,0,.25);border-radius:10px 10px 10px 5px;font-size:var(--fs-xs,13px);color:var(--ink2);text-wrap:pretty}
.wkb-saude-tip.open{display:block}
/* ── TÉCNICA ── */
.wkb-tec-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;position:relative}
/* chip «+ Técnica» — porte 27/09, cópia literal de docs/rodada_menu_tecnica_2026-09-27/chip-tecnica-v1.html (aprovado por Raphael) */
.wkb-tec-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(201,162,39,.30);border-radius:11px 11px 11px 4px;background:rgba(201,162,39,.03);font-size:var(--fs-sm);font-weight:500;cursor:pointer}
.wkb-tec-chip .r{color:var(--text3);font-weight:400}
.wkb-tec-chip .a{color:var(--gold2)}
.wkb-tec-chip .car{width:8px;height:8px;opacity:.8}
.wkb-tec-chip.on{border-color:rgba(201,162,39,.45);background:rgba(201,162,39,.08)}
.wkb-tec-pill{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:9px 9px 9px 4px;font-size:var(--fs-xs,13px);color:var(--ink2);font-variant-numeric:tabular-nums;transition:all .18s var(--ease)}
.wkb-tec-pill:hover{border-color:rgba(255,255,255,.16);color:var(--ink)}
.wkb-tec-pill.on{border-color:rgba(201,162,39,.4);background:rgba(201,162,39,.07);color:var(--gold2)}
.wkb-tec-pill.add{border-style:dashed;border-color:rgba(238,231,218,.2);background:none;color:var(--ink3)}
.wkb-tec-pill.add:hover{color:var(--ink2)}
.wkb-tec-remove{position:relative;width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px 8px 8px 4px;color:var(--ink3);font-size:var(--fs-md,16px);line-height:1}
.wkb-tec-remove:hover{color:var(--verm);border-color:rgba(240,97,107,.3)}
.wkb-tec-info{position:relative;margin-left:auto;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:7px 7px 7px 3px;color:var(--ink3);font-size:var(--fs-xs,13px)}
.wkb-tec-info:hover{color:var(--gold2);border-color:rgba(201,162,39,.4)}
/* alvo de toque 44px sem inflar o visual: área de acerto invisível */
.wkb-tec-chip::before,.wkb-tec-pill::before,.wkb-tec-remove::before,.wkb-tec-info::before,.rn-metric-info::before,#wkbVolumeInteligenteInfoBtn::before,.rn-more::before{content:"";position:absolute;inset:-6px}
/* rótulo de pílula («Acessório», «Pausa»…) — achado do Jean no porte dos métodos
novos (27/09): existia sem token nenhum de fonte/brilho, abaixo do padrão de
legibilidade (regra 23/09). Cópia literal do desenho aprovado (BLOCO C). */
.wkb-tec-label{font:500 var(--fs-micro,11.5px)/1 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);text-transform:uppercase;letter-spacing:.12em;color:var(--text3,#b1a99a);margin-left:2px}
/* ── LINHA SOB A FAIXA — métodos novos (27/09): peso estimado da oclusão,
nota fixa do FST-7, ou "sem base pra estimar". Cópia literal do desenho
aprovado (BLOCO D, metodos_novos-CSS-2026-09-27.html). */
.tec-linha{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;margin:10px 0 0;font-family:var(--ui,'Jost','Avenir Next',system-ui,sans-serif);text-wrap:pretty}
.tec-linha .tl-eb{flex:none;font:500 var(--fs-micro,11.5px)/1.4 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--text3,#b1a99a)}
.tec-linha--peso .tl-n{font:500 var(--fs-md,16px)/1.3 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text,#F0EBE0);font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px dashed rgba(226,194,94,.55);padding-bottom:1px}
.tec-linha--peso .tl-un{font:400 var(--fs-sm,14.5px)/1.3 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text2,#C8BFB0)}
.tec-linha--peso .tl-base{flex:0 0 100%;font:400 var(--fs-xs,13px)/1.45 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text2,#C8BFB0)}
.tec-linha--vazio .tl-t{font:400 var(--fs-xs,13px)/1.45 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text2,#C8BFB0)}
.tec-linha--nota .tl-t{flex:0 0 100%;font:400 var(--fs-sm,14.5px)/1.45 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text2,#C8BFB0)}
@media (min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine){.tec-linha--peso .tl-base{flex:0 1 auto}}
/* ── FICHA DO ALUNO — peso estimado (oclusão) e nota fixa (FST-7 no relógio
de descanso). Cópia literal do desenho aprovado (BLOCO G). */
.em-peso{flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;margin-top:8px;font:400 var(--fs-xs,13px)/1.4 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text2,#C8BFB0);text-wrap:pretty}
.em-peso .ep-eb{font:500 var(--fs-micro,11.5px)/1.4 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--text3,#b1a99a)}
.em-peso b{font:500 var(--fs-md,16px)/1.3 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text,#F0EBE0);font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px dashed rgba(226,194,94,.55);padding-bottom:1px}
.em-peso .ep-un{font-size:var(--fs-sm,14.5px)}
.ex-card.done .em-peso,.ex-card.done .em-peso b{color:var(--text3,#b1a99a);border-color:rgba(200,191,176,.35)}
.tim-nota{grid-column:1/-1;justify-self:stretch;margin:2px 0 0;padding-top:12px;border-top:1px solid var(--line);font:400 var(--fs-md,16px)/1.45 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);color:var(--text2,#C8BFB0);text-align:center;text-wrap:pretty}
.tim-nota .tn-eb{display:block;margin-bottom:4px;font:500 var(--fs-micro,11.5px)/1 var(--ui,'Jost','Avenir Next',system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
/* ══ MENU DE MÉTODOS (e «parear com…») — v3, porte 27/09: cópia literal do bloco «PRA PORTAR» de
docs/rodada_menu_tecnica_2026-09-27/menu-tecnica-v3.html (aprovado por Raphael). Letra no nível do card do Montador,
fio de luz nos quatro lados, itens com o «aceso» do card. O balão do Mac (≥1024) fica como estava (Mac segurado). ══ */
.wkb-tec-menu{
--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;--gold:#c9a227;--gold2:#e2c25e;
--ui:'Jost','Avenir Next',system-ui,-apple-system,'Segoe UI',sans-serif;
--serif:'Playfair Display',Georgia,serif;
--ease:cubic-bezier(.23,1,.32,1);
--fio-1:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.14) 45%,rgba(255,255,255,.06));
--fio-solido:rgba(255,255,255,.22);
--fio-solido-ouro:rgba(226,194,94,.62);
--bisel:inset 0 1px 0 rgba(255,255,255,.07);
--sopro:linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%);
--sopro-ouro:linear-gradient(180deg,rgba(201,162,39,.11),transparent 46%);
--brasa:0 14px 34px -18px rgba(201,162,39,.65);
--papel:linear-gradient(160deg,#262421,#1c1b19); /* porte janelas F2-2: J-030 no chumbo do v2 (era obsidiana) */
display:none;box-sizing:border-box;text-align:left;
border:1px solid transparent;
background:var(--sopro) padding-box,linear-gradient(160deg,#262421,#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,#1c1b19; /* porte F2-2: placa e aro do v2 */
box-shadow:var(--bisel),0 18px 40px rgba(0,0,0,.5)}
.wkb-tec-menu.open{display:block}
.wkb-tec-menu-eb{position:sticky;top:0;z-index:1;margin:0 0 4px;padding:12px 14px 12px;background:var(--papel);
border-bottom:1px solid rgba(255,255,255,.08);
font:600 var(--fs-xs)/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkb-tec-menu-eb b{display:block;margin-top:4px;font:500 var(--fs-md)/1.25 var(--serif);letter-spacing:0;text-transform:none;color:var(--text);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkb-tec-menu button{position:relative;display:block;width:100%;min-height:44px;margin:0;padding:12px 14px;border:1px solid transparent;
border-radius:14px 14px 14px 6px;
background:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;
font:500 var(--fs-lg)/1.2 var(--serif);color:var(--text);
transition:background-color .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
.wkb-tec-menu button+button{margin-top:1px}
.wkb-tec-menu button+button::before{content:'';position:absolute;left:14px;right:14px;top:-1px;height:1px;background:rgba(255,255,255,.05);pointer-events:none}
.wkb-tec-menu button.wkb-tec-menu-cur::before,.wkb-tec-menu button.wkb-tec-menu-cur+button::before,
.wkb-tec-menu button.hl::before,.wkb-tec-menu button.hl+button::before{display:none}
.wkb-tec-menu small{display:block;margin-top:4px;font:400 var(--fs-sm)/1.4 var(--ui);color:var(--text2);text-wrap:pretty}
@media(hover:hover){.wkb-tec-menu button:not([disabled]):not([aria-disabled="true"]):hover{background:rgba(255,255,255,.05)}}
.wkb-tec-menu button:active{background:rgba(255,255,255,.05)}
.wkb-tec-menu button.hl{border-color:var(--fio-solido);background:var(--sopro);box-shadow:var(--bisel)}
.wkb-tec-menu button.wkb-tec-menu-cur{border-color:var(--fio-solido-ouro);background:var(--sopro-ouro);
box-shadow:inset 0 1px 0 rgba(255,255,255,.09),var(--brasa);color:var(--gold2)}
.wkb-tec-menu button.wkb-tec-menu-cur small{color:var(--text2)}
.wkb-tec-menu button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.wkb-tec-menu button.novo{margin-top:10px;border:1px dashed rgba(255,255,255,.16);background:rgba(0,0,0,.26);
font:600 var(--fs-md)/1.25 var(--ui);color:var(--text2)}
.wkb-tec-menu button.novo::before{display:none}
.wkb-tec-menu button.novo small{color:var(--text3)}
.wkb-tec-menu button[disabled],.wkb-tec-menu button[aria-disabled="true"]{cursor:default;font:italic 400 var(--fs-md)/1.3 var(--ui);color:var(--text2)}
/* teto de 3 métodos (01/10, Raphael+Jean): esmaecido = serifa→Jost itálico e --text2 (sem opacity, o contraste segue); o 1º leva a frase do motivo em --text2 */
@media(hover:hover){.wkb-tec-menu button[aria-disabled="true"]:hover{background:none}}
/* C-1085 (30/09, Jean Claude): cabeçalho/lista — base neutra (o Mac não muda) */
.wkb-tec-menu-eb-t{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkb-tec-menu-lista{display:block}
.wkb-tec-menu .wkb-tec-menu-x{display:none}
@media (max-width:1023px), (pointer:coarse) and (max-height:500px){
.wkb-tec-menu{position:fixed;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);top:auto;z-index:9870;
max-width:540px;margin:0 auto;
max-height:calc(100dvh - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px) - 32px - 96px);
overflow:hidden;border-radius:14px 14px 14px 6px;padding:0}
.wkb-tec-menu.open{display:flex;flex-direction:column;animation:wkb-tec-sobe .22s var(--ease) both}
.wkb-tec-menu-eb{position:static;flex:0 0 auto;display:flex;align-items:center;gap:8px;
margin:0;padding:10px 6px 10px 22px;border-radius:13px 13px 0 0;background:#0a0806;white-space:normal;overflow:visible}
.wkb-tec-menu-eb-t{flex:1 1 auto}
.wkb-tec-menu .wkb-tec-menu-x{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;
margin:0;padding:0;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:11px 11px 11px 5px;
background:rgba(255,255,255,.03);color:var(--text2);font:inherit}
.wkb-tec-menu .wkb-tec-menu-x::before{display:none}
.wkb-tec-menu .wkb-tec-menu-x:active{background:rgba(255,255,255,.08);color:var(--text)}
.wkb-tec-menu-lista{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
padding:4px 8px 8px}
/* 30/09 (Raphael no iPhone): a folha parecia «descer além do rodapé» — o fio
da borda (--fio-1) some embaixo e ela estava presa no pé da tela. Agora
fica no MEIO da tela e a borda é uma linha só, igual nos quatro lados. */
/* C-1090 (30/09, Raphael: a lista não rolava, só 4 métodos, card gigante): no iPhone o
`height:fit-content` com top:0/bottom:0 cai no auto e a folha estica a tela inteira.
Centra por `translate` (soma com o transform da animação) e a altura segue o conteúdo. */
.wkb-tec-menu{top:50%;bottom:auto;margin:0 auto;height:auto;translate:0 -50%;
background:var(--sopro) padding-box,linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)) padding-box,
linear-gradient(#0a0806,#0a0806) padding-box,linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)) border-box,#0a0806}
.wkb-tec-scrim{position:fixed;inset:0;z-index:9869;background:var(--rnj-veu,rgba(8,6,4,.58));-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)} /* F3-1: véu v2 */
}
/* ── MAC (≥1024): o BALÃO ANCORADO, preso ao chip — geometria da v1, inalterada ── */
@media (min-width:1024px) and (min-height:501px), (min-width:1024px) and (pointer:fine){
.wkb-tec-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto; /* 27/09 C-1023: min(70vh,560) cortava o 7º item do menu v3 (letra 18) — agora cabe inteiro; a janela ainda limita */
border-radius:12px 12px 12px 6px;padding:6px}
.wkb-tec-menu.open{animation:wkb-tec-sobe .18s var(--ease) both}
.wkb-tec-scrim{display:none}
}
/* folha aberta: o que flutua por cima dela sai (o molde mostra só a barra sob o scrim — por isso não é a
body.rnp-wkb-sheet-open, que esconderia a barra) */
body.rnp-wkb-tec-open #wkbKeypad,body.rnp-wkb-tec-open .wkb-reps-suggest,body.rnp-wkb-tec-open #rndOrdemPill{display:none}
@keyframes wkb-tec-sobe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wkb-tec-menu.open{animation:none}.wkb-tec-menu button{transition:none}}
/* ── BUSCA DENTRO DO CARTÃO (abre em fluxo, empurra o conteúdo) ── */
.wkb-exercise-results{display:none;margin-top:8px;padding:4px 6px;border:1px solid transparent;border-radius:14px 14px 14px 7px;color:var(--rnj-text,#eee7da);
/* C-1435 (19/10, Raphael: «tá com a identidade visual completamente da antiga»): a superfície do SELETOR v2 — chumbo + aro champanhe (janela_contexto_v2.css .rnj) */
background:linear-gradient(160deg,var(--rnj-chumbo-1,#262421) 0%,var(--rnj-chumbo-0,#1c1b19) 100%) padding-box,
linear-gradient(150deg,rgba(var(--rnj-champ,226,205,150),.48) 0%,rgba(255,255,255,.28) 34%,rgba(255,255,255,.22) 100%) border-box;
box-shadow:0 18px 44px -10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)}
.wkb-exercise-results.open{display:block;animation:rise .18s var(--ease) both}
.wkb-exercise-result-item{position:relative;display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 12px 10px 14px;border-radius:10px 10px 10px 5px;min-height:48px;justify-content:center}
.wkb-exercise-result-item+.wkb-exercise-result-item::before{content:"";position:absolute;top:0;left:14px;right:12px;height:1px;background:rgba(255,255,255,.06)} /* o fio do .rnj-opcao */
.wkb-exercise-result-item:hover,.wkb-exercise-result-item.active{background:rgba(255,255,255,.035)}
.wkb-exercise-result-item:active{background:rgba(255,255,255,.06)}
.wkb-exercise-result-item .rt{font-weight:500;font-size:var(--fs-sm,14.5px);color:var(--ink)}
.wkb-exercise-result-item .rm{font-size:var(--fs-xs,13px);color:var(--ink3)}
.wkb-exercise-result-item .rs{font-size:var(--fs-xs,13px)}
/* ⭐ por grupo (04/10) — [CÓPIA] fonte: docs/rodada_estrela_por_grupo_2026-10-04/PRA_O_JEAN/lista_estrela_por_grupo.html (.gcab/.it/.normal) */
.wkb-exercise-results.wkb-res-estrela{padding:0;overflow:auto}
.wkb-res-gcab{position:sticky;top:0;z-index:1;height:30px;display:flex;align-items:center;gap:8px;padding:0 14px;background:rgba(24,20,14,.98);border-bottom:1px solid var(--line);font-size:var(--fs-micro,11.5px);letter-spacing:.14em;text-transform:uppercase;color:var(--text2,#C8BFB0)}
.wkb-res-gcab.subiu{color:var(--gold,#c9a227)}
.wkb-res-gcab .tag{margin-left:auto;letter-spacing:.12em;color:var(--gold,#c9a227)}
.wkb-res-gcab .tag.vazio{color:var(--text3,#b1a99a)}
.wkb-res-gcab{position:static}
.wkb-exercise-result-item.wkb-res-it{flex-direction:row;align-items:center;gap:10px;height:44px;min-height:44px;padding:0 14px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.05)}
.wkb-res-it .st{color:var(--gold,#c9a227);width:16px;flex:none;font-size:var(--fs-md,16px)}
.wkb-res-it .rt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:var(--fs-md,16px);text-align:left}
.wkb-res-it .lado{font-size:var(--fs-xs,13px);color:var(--text3,#b1a99a);flex:none}
.wkb-res-it.feito .rt,.wkb-res-it.feito .st{color:var(--text3,#b1a99a)}
.wkb-res-it.n .st{visibility:hidden}
.wkb-res-normal{padding:10px 14px 4px;font-size:var(--fs-micro,11.5px);letter-spacing:.14em;text-transform:uppercase;color:var(--text3,#b1a99a)}
.rs.tem{color:var(--verde)}
.rs.similar{color:var(--lemon)}
.rs.nao{color:var(--ink3)}
.wkb-mais-usados-btn{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:8px 12px;min-height:38px;border:1px solid var(--line);border-radius:10px 10px 10px 5px;color:var(--ink2);font-size:var(--fs-xs,13px)}
.wkb-mais-usados-btn:hover{color:var(--gold2);border-color:rgba(201,162,39,.35)}
.wkb-mais-usados-btn.active{color:var(--gold2);border-color:rgba(201,162,39,.4)}
/* ── C-357 (27/08): cards recolhíveis — cópia literal da rodada de Design,
adaptada aos nomes reais de classe/id (o specimen supôs alguns diferentes
dos que o app usa). Recolhido por padrão; o nome abre/fecha (toque curto)
e segura apertado pra renomear (a busca de exercício que já existia). ── */
.rn-ex-barra{display:flex;align-items:center;gap:10px;padding:0 2px 10px}
.rn-ex-barra .cont{font-size:var(--fs-xs,13px);color:var(--ink3);letter-spacing:.04em}
.rn-ex-barra .cont b{color:var(--ink2);font-weight:600}
.rn-ex-abrirtudo{margin-left:auto;background:none;border:1px solid var(--line2);color:var(--ink2);font-family:inherit;font-size:var(--fs-xs,13px);letter-spacing:.06em;padding:6px 11px;border-radius:11px;cursor:pointer}
.rn-ex-abrirtudo:hover{color:var(--ink);border-color:var(--line)}
.rn2-ex-card.is-open{border-color:rgba(201,162,39,.34)}
.rn2-ex-card.is-vazio{border-style:dashed;border-color:rgba(255,255,255,.16);background:rgba(0,0,0,.26)}
.rn2-ex-card.is-open .rn-num{color:var(--gold2)}
.rn-name .titulo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rn-name{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rn-ex-resumo{display:block;font-size:var(--fs-xs,13px);color:var(--ink3);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.rn-ex-resumo .sep{color:var(--ink3);margin:0 2px}
.rn-ex-resumo .tec{color:var(--ciano);border:1px solid rgba(34,211,238,.28);border-radius:7px;padding:1px 6px;font-size:var(--fs-micro,11.5px);letter-spacing:.12em;text-transform:uppercase;margin-left:4px}
.rn-ex-resumo .falta{color:var(--ink3);border:1px dashed rgba(255,255,255,.16);background:rgba(0,0,0,.26);border-radius:7px;padding:1px 7px;font-size:var(--fs-micro,11.5px);letter-spacing:.12em;text-transform:uppercase}
/* === rn-acao — O COMPONENTE === (porte 27/09, cópia literal de docs/rodada_expandir_card_2026-09-27/rn-acao-v1.html,
aprovado por Raphael — componente oficial do par expandir/remover do app) */
.rn-acao{position:relative;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px 9px 9px 4px;background:rgba(255,255,255,.02);color:var(--text3);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .22s var(--ease),border-color .22s var(--ease)}
.rn-acao::before{content:"";position:absolute;inset:-7px}
.rn-acao svg{width:16px;height:16px;display:block;transition:transform .22s var(--ease)}
.rn-acao:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.rn-acao--abre[aria-expanded="true"]{color:var(--gold2);border-color:rgba(226,194,94,.45)}
.rn-acao--abre[aria-expanded="true"] svg{transform:rotate(180deg)}
.rn-acao--tira:active{color:var(--verm)}
@media (prefers-reduced-motion:reduce){.rn-acao,.rn-acao svg{transition:none}}
/* === fim do componente === */
/* o par no card: mesmo contêiner, gap 6 (prancha .acoes); o vazio esconde o expandir (era .is-vazio .caret) */
.rn-acoes{display:flex;gap:6px;flex:none}
.rn2-ex-card.is-vazio .rn-acao--abre{visibility:hidden}
.rn-ex-drop{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s var(--ease)}
.rn2-ex-card.is-open .rn-ex-drop{grid-template-rows:1fr}
.rn-ex-drop-in{overflow:hidden;min-height:0}
/* o menu de técnica abre DENTRO do drop: sem isto o overflow:hidden recorta a
lista abaixo do chip e nenhum item recebe o toque (bug 27/09, celular) */
.rn2-ex-card.menu-aberto .rn-ex-drop-in{overflow:visible}
/* e o .rn-panel tem transform (contexto de empilhamento próprio): sem subir o
painel, o z-index do menu não vence o bloco seguinte (.rn-instruments) */
.rn-panel:has(.menu-aberto){position:relative;z-index:40}
.rn-ex-drop-pad{opacity:0;transform:translateY(-6px);transition:opacity .2s var(--ease) .04s,transform .24s var(--ease) .04s}
.rn2-ex-card.is-open .rn-ex-drop-pad{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.rn-ex-drop,.rn-ex-drop-pad{transition:none!important}
}
/* ── FIM DA LISTA ── */
/* C-905 (21/09, Jean Claude): era tracejado cinza .2 sobre fundo preto, texto ink2 — "nao da nem pra ver"
(Raphael). Vira apoio da familia dourada (borda .35 + fundo .06, texto ink); o heroi dourado solido continua so o Enviar. */
.rn-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;min-height:52px;border:1px solid rgba(201,162,39,.35);background:rgba(201,162,39,.06);border-radius:13px 13px 13px 6px;color:var(--ink);font-size:var(--fs-md,16px);transition:all .18s var(--ease)}
.rn-add:hover{color:var(--gold2);border-color:rgba(201,162,39,.5);background:rgba(201,162,39,.12)}
.rn-model-save{display:inline-flex;align-items:center;gap:8px;margin-top:14px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:13.5px}
.rn-model-save:hover{color:var(--gold2);border-color:rgba(201,162,39,.4)}
.rn-empty{border:1px dashed rgba(238,231,218,.16);background:rgba(0,0,0,.25);border-radius:13px 13px 13px 6px;padding:18px 20px;margin-top:16px;font-size:13.5px;color:var(--ink3);text-wrap:pretty}
.rn-empty .t{font:500 17px 'Playfair Display',Georgia,serif;color:var(--ink2)}
/* ── BARRA INFERIOR (celular) ── */
#wkbBottomBarMobile{flex:none;display:none;margin:0;flex-direction:row;align-items:stretch;gap:8px;padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid var(--line);background:rgba(18,15,10,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#wkbBottomBarMobile.open{display:flex}
#wkbRevisarBtnMobile{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:48px;padding:0 13px;border:1px solid rgba(157,92,255,.4);color:var(--ia);border-radius:12px 12px 12px 6px;font-size:13.5px}
/* A PRÉVIA (13/08) — mesma família do Salvar: secundária, sem peso de gesto.
Ela, o Salvar e o Modelo dividem o meio da barra; o Enviar continua maior
(1.2) porque é o ato que tira a ficha da mão dele. Com TRÊS no meio (C-260,
22/08 — "Modelo" ganhou porta no celular, que não tinha), 13px não cabia
confortável; 12px é o que sobra em 375px sem quebrar linha. */
#wkbPreviewBtnMobile{flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--line);color:var(--ink2);border-radius:12px 12px 12px 6px;font-size:var(--fs-xs,13px)}
#wkbSaveBtnMobile{flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--line);color:var(--ink2);border-radius:12px 12px 12px 6px;font-size:var(--fs-xs,13px)}
#wkbSalvarModeloBtnMobile{flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--line);color:var(--ink2);border-radius:12px 12px 12px 6px;font-size:var(--fs-xs,13px)}
#wkbSendBtnMobile{flex:1.2;display:inline-flex;align-items:center;justify-content:center;height:48px;background:var(--gold);color:#0a0806;font-weight:500;border-radius:12px 12px 12px 6px}
/* ── TECLADO PRÓPRIO (mora no , acima do overlay do montador) ── */
#wkbKeypad{position:fixed;left:0;right:0;bottom:0;z-index:10500;transform:translateY(105%);transition:transform .22s var(--ease);background:rgba(16,13,9,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:10px 14px calc(env(safe-area-inset-bottom) + 12px)}
body.wkb-kb-open #wkbKeypad{transform:none}
/* ── FOLHA MODAL NO AR: NADA DO DISPUTA COM ELA (C-152, 18/08) ──
O cinto do JS: `hide()` resolve o teclado, mas o defeito e de PINTURA e
`display:none` e imune a compositing. O overlay do montador e contexto de
empilhamento proprio (z 9810), entao o z 9870 da `.wkb-sheet` NAO alcanca
`#wkbKeypad` (9861), `.wkb-reps-suggest` (9862) nem `#rndOrdemPill` (9855)
— que moram no . Medido: com o teclado no ar, `elementFromPoint` no
centro do "Enviar agora" devolvia `BUTTON.kb-k`. */
body.rnp-wkb-sheet-open #wkbKeypad,
body.rnp-wkb-sheet-open .wkb-reps-suggest,
body.rnp-wkb-sheet-open #rndOrdemPill{display:none}
/* E A BARRA DE BAIXO (C-152, mecanismo 3 — o print do dono, 18/08 21:12):
#wkbBottomBarMobile tem backdrop-filter, e o quirk documentado em :432
(peça com vidro pinta POR CIMA da folha no Safari, apesar do z menor)
vale para ela também — ela ficou fora do conserto do seletor de aluno.
No aparelho, os botões da folha (Ainda não / Enviar agora) ficavam ATRÁS
da barra, e o "Enviar" dourado dela cai NO MESMO LUGAR do "Enviar agora":
o professor tocava a barra achando que tocava a folha, e a folha só
reabria. display:none é imune ao quirk — mesmo remédio de :439. */
body.rnp-wkb-sheet-open #wkbBottomBarMobile{display:none}
.kb-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:8px;max-width:430px;margin:0 auto}
.kb-k{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:52px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:11px 11px 11px 5px;font-weight:500;font-size:19px;font-variant-numeric:tabular-nums;color:var(--ink);text-align:center}
.kb-k:active{background:rgba(255,255,255,.09)}
.kb-k.sep{color:var(--gold2)}
.kb-back{grid-column:4;grid-row:1;color:var(--ink2)}
.kb-next{grid-column:4;grid-row:2/span 3;height:auto;background:var(--gold);border-color:var(--gold);color:#0a0806;font-size:15px;font-weight:500}
.kb-next:active{filter:brightness(1.1)}
/* ── FAIXA DE REPS SUGERIDAS (ancorada acima do teclado) ── */
/* 29/09 (Raphael): UMA linha de quadradinhos, colada no teclado (o JS mede o
#wkbKeypad e põe em --wkb-sug-bottom), e acesa em ouro — apagada não se lia.
`width:auto` vence o width:100% do .wkb-exercise-result-item (era o que
empilhava as 5 pílulas uma sobre a outra). */
.wkb-reps-suggest{position:fixed;left:16px;right:16px;bottom:var(--wkb-sug-bottom,calc(env(safe-area-inset-bottom) + 270px));z-index:10501;display:none;gap:8px;justify-content:center;flex-wrap:nowrap}
.wkb-reps-suggest.up.open{display:flex;animation:rise .18s var(--ease) both}
.wkb-reps-suggest button.wkb-exercise-result-item{flex:0 0 auto;width:auto;min-width:52px;height:44px;min-height:44px;padding:0 12px;display:grid;place-items:center;background:#211a0c;border:1px solid rgba(201,162,39,.7);border-radius:11px 11px 11px 5px;color:var(--gold2,#e2c25e);font-size:var(--fs-lg,18px);font-weight:600;font-variant-numeric:tabular-nums;box-shadow:0 8px 22px rgba(0,0,0,.55),0 0 0 0 rgba(201,162,39,0);opacity:0;transform:translateY(10px);animation:repsSobe .22s cubic-bezier(.2,.8,.2,1) forwards,repsAcende .6s ease-out .12s both}
/* Jean Claude 29/09: entra um a um e a borda acende uma vez; o 1º (o mais usado) mais aceso, nunca sólido — o sólido é do «Próximo» */
.wkb-reps-suggest button.wkb-exercise-result-item:nth-child(2){animation-delay:.04s,.16s}
.wkb-reps-suggest button.wkb-exercise-result-item:nth-child(3){animation-delay:.08s,.20s}
.wkb-reps-suggest button.wkb-exercise-result-item:nth-child(4){animation-delay:.12s,.24s}
.wkb-reps-suggest button.wkb-exercise-result-item:nth-child(5){animation-delay:.16s,.28s}
.wkb-reps-suggest button.wkb-exercise-result-item:first-child{background:#2a200c;border-color:#c9a227;color:#f0d57a}
.wkb-reps-suggest button.wkb-exercise-result-item:active{background:#c9a227;color:#16120a}
@keyframes repsSobe{to{opacity:1;transform:none}}
@keyframes repsAcende{0%{border-color:#e2c25e;box-shadow:0 8px 22px rgba(0,0,0,.55),0 0 14px 2px rgba(201,162,39,.45)}100%{box-shadow:0 8px 22px rgba(0,0,0,.55),0 0 0 0 rgba(201,162,39,0)}}
@media (prefers-reduced-motion:reduce){.wkb-reps-suggest button.wkb-exercise-result-item{animation:none;opacity:1;transform:none}}
.wkb-reps-suggest button:hover{border-color:rgba(201,162,39,.5);color:var(--gold2)}
/* ── FOLHAS (fundo escurecido + cartão que sobe; .open é o motor).
Os blocos 11–12 moram no , fora do overlay → z acima de tudo. ── */
/* porte janelas fatia 4 (07/10): as folhas que viraram .rnj (J-006…011, J-014) saem destas regras por :not(); o resto segue igual até ser portado */
.wkb-sheet:not(.rnj-overlay){position:fixed;inset:0;z-index:9870;display:none;align-items:flex-end;justify-content:center;background:rgba(10,8,6,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.wkb-sheet.open:not(.rnj-overlay){display:flex}
/* O SELETOR DE ALUNO é OPACO (não folha translúcida): o backdrop de 72% deixava
o header + a faixa Tempo/Volume vazarem por trás (título "De quem é este treino?"
cortado) e a barra de rolagem do montador aparecia atrás (página fantasma). Fundo
obsidiano cheio cobre tudo. As folhas enviar/modelo seguem translúcidas, intocadas. */
#wkbAlunoSheet:not(.rnj-overlay){background:var(--bg)}
/* Com o seletor ABERTO: o header (.rn2-mobile-top) e a faixa Tempo/Volume
(.rnd-ministrip) têm backdrop-filter e renderizam POR CIMA do seletor —
apesar do z-index menor (quirk de compositing do backdrop-filter). Deixar o
seletor opaco não resolve porque eles ficam ACIMA dele. display:none é imune:
mata o vazamento (o título do seletor era clipado/borrado por eles) e a barra
fantasma. E trava o rolo do montador atrás (senão a lateral sobe e desce). */
body.rnp-wkb-aluno-open .rn2-mobile-top,
body.rnp-wkb-aluno-open .rnd-ministrip{display:none}
body.rnp-wkb-aluno-open .wkb-body,
body.rnp-wkb-aluno-open #wkbBody{overflow:hidden}
.wkb-sheet-card:not(.rnj){position:relative;width:100%;max-width:560px;max-height:86dvh;overflow:auto;background:rgba(24,20,14,.96);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom) + 18px);animation:rise .22s var(--ease) both}
.wkb-sheet-t:not(.rnj-title){margin:2px 0 0;font:500 var(--fs-xl,22px) 'Playfair Display',Georgia,serif;text-wrap:pretty}
.wkb-sheet-s:not(.rnj-body .wkb-sheet-s){font-size:13.5px;color:var(--ink2);margin-top:6px;text-wrap:pretty}
.wkb-sheet-actions:not(.rnj-foot){display:flex;gap:10px;margin-top:18px}
.wkb-cta:not(.rnj-btn){flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;background:var(--gold);color:#0a0806;font-weight:500;border-radius:12px 12px 12px 6px}
.wkb-ghost:not(.rnj-btn){display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 18px;border:1px solid var(--line);color:var(--ink2);border-radius:12px 12px 12px 6px}
.wkb-sheet:not(.rnj-overlay) .eb{color:var(--gold)}
/* ═══ EXCLUIR TREINO (rodada Design 18/08) — 11 regras novas ═══ */
/* ── EXCLUIR TREINO — gatilho no pé do formulário do montador.
Mesmo DOM nas duas peles; só renderiza com _builderEditingId. ── */
/* margin-bottom generoso de propósito: `#wkbBody{padding:...40px}` (v5:134)
tem especificidade de ID e VENCE `.wkb-body.rn-has-bottom-bar{padding-
bottom:28px+env()}` (v5:136, duas classes < um ID) — medido em 18/08,
a barra mobile (RN IA·Prévia·Salvar·Enviar, ~68-92px com safe-area) cobria
os últimos ~28px do formulário e nada ali era clicável, sem erro nenhum.
O `.rnd-excluir` é o primeiro elemento que vive exatamente nesse fim de
documento, por isso é quem revela o buraco — não é conserto do buraco em
si (isso é escopo maior, viraria linha na tabela se afetar mais telas). */
.rnd-excluir{margin-top:26px;padding-top:16px;border-top:1px solid var(--line2);margin-bottom:calc(env(safe-area-inset-bottom) + 76px)}
.rnd-excluir button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border:1px solid rgba(240,97,107,.22);color:var(--verm);font-size:var(--fs-sm,14.5px);border-radius:12px 12px 12px 6px}
.rnd-excluir button:hover{border-color:rgba(240,97,107,.45)}
.rnd-excluir .i{width:15px;height:15px}
/* ── o irmão vermelho do .wkb-cta: só existe DENTRO de folha de excluir.
Tinta #0a0806 sobre #f0616b = 6.3:1 (AA). ── */
.wkb-risco:not(.rnj-btn){flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;background:var(--verm);color:#0a0806;font-weight:500;border-radius:12px 12px 12px 6px}
/* ── o degrau destrutivo da folha das duas opções: abaixo do corte,
texto pequeno, alvo de toque de 44px ── */
.wkb-devez{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2);text-align:center}
.wkb-devez button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;font-size:13.5px;color:var(--verm);text-align:center}
.wkb-devez .i{width:14px;height:14px}
/* ── eyebrow vermelho SÓ nas folhas 100% destrutivas; a das duas opções
mantém o dourado da família ── */
#sheetExcluirRascunho .eb,#sheetExcluirDeVez .eb{color:var(--verm)}
/* ── HUB: excluir modelo — irmão discreto do .wkh-apply dourado ── */
.wkh-del{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border:1px solid rgba(240,97,107,.25);color:var(--verm);font-size:13.5px;border-radius:10px 10px 10px 5px}
.wkh-del:hover{border-color:rgba(240,97,107,.5)}
.wkh-del .i{width:14px;height:14px}
.wkh-risco{flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;background:var(--verm);color:#0a0806;font-weight:500;border-radius:12px 12px 12px 6px}
/* ── PORTAR DENTRO do @media (min-width:900px) do MONTADOR (v5 :545):
no Mac o gatilho vira largura intrínseca e entra na coluna principal
da .wkb-cols ── */
@media(min-width:900px) and (min-height:501px), (min-width:900px) do MONTADOR (v5 :545):
no Mac o gatilho vira largura intrínseca e entra na coluna principal
da .wkb-cols ── */
@media(min-width:900px) and (pointer:fine){
/* o respiro extra do mobile (a barra fixa embaixo) não existe no Mac — a
ação fica na .wkb-head-actions do topo; sem isso, margin-bottom:76px+env()
sobreviveria e deixaria um vão vazio enorme no fim do formulário Mac */
.rnd-excluir{grid-column:1;margin-top:30px;margin-bottom:0}
.rnd-excluir button{width:auto;padding:0 18px;height:44px;font-size:13.5px}
}
.wkb-sheet-card:not(.rnj) label{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:var(--fs-micro,11.5px);font-weight:500;letter-spacing:.12em;color:var(--ink3);text-transform:uppercase}
.info-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line2);font-size:var(--fs-sm,14.5px);color:var(--ink2)}
.info-row:first-of-type{border-top:0;margin-top:10px}
.info-row b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.info-row.total{border-top:1px solid var(--line);color:var(--ink)}
.info-note{margin-top:10px;font-size:var(--fs-xs,13px);color:var(--ink3);text-wrap:pretty}
/* tempo estimado: o motor escreve nestas quatro linhas */
#wkbTempoEx,#wkbTempoTrans,#wkbTempoFatores,#wkbTempoDesc{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line2);font-size:var(--fs-sm,14.5px);color:var(--ink2)}
#wkbTempoEx{border-top:0;margin-top:10px}
#wkbTempoEx:empty,#wkbTempoTrans:empty,#wkbTempoFatores:empty,#wkbTempoDesc:empty{display:none}
#wkbTempoEx b,#wkbTempoTrans b,#wkbTempoFatores b,#wkbTempoDesc b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
/* fechar discreto (folha do nível) */
#wkbNivelConfirmClose{position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:11px 11px 11px 5px;color:var(--ink3);font-size:var(--fs-lg,18px)}
#wkbNivelConfirmClose:hover{color:var(--ink);border-color:var(--line)}
/* folha do aluno: busca + recentes (lista pode ter 60 nomes de 40 caracteres) */
#wkbAlunoBusca{width:100%;margin-top:14px;min-height:46px}
#wkbAlunoRotulo{margin-top:16px}
#wkbAlunoChips{margin-top:10px}
/* estrutura da ficha */
.preset{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid var(--line2);background:rgba(255,255,255,.02);border-radius:12px 12px 12px 6px;margin-top:8px;transition:border-color .18s var(--ease)}
.preset:hover{border-color:var(--line)}
.preset.sel{border-color:rgba(226,194,94,.55);background:rgba(201,162,39,.06)}
.preset .pl{display:flex;gap:4px;flex-wrap:wrap}
.preset .pl b{min-width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(201,162,39,.35);border-radius:7px 7px 7px 3px;font-size:var(--fs-xs,13px);font-weight:600;color:var(--gold2);padding:0 6px}
.preset .pn{font-size:var(--fs-sm,14.5px);color:var(--ink2)}
.preset-custom{display:flex;gap:8px;margin-top:12px}
.preset-custom input{flex:1;min-width:0}
.preset-custom button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px 10px 10px 5px;color:var(--ink2);font-size:13.5px}
.preset-custom button:hover{color:var(--gold2);border-color:rgba(201,162,39,.4)}
/* revisão da RN IA — a única área roxa do app */
#wkbRevisaoOverlay .eb{color:var(--ia)}
[data-ai-suggestion]{display:flex;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid rgba(157,92,255,.28);background:rgba(157,92,255,.06);border-radius:11px 11px 11px 5px;font-size:var(--fs-sm,14.5px);color:var(--ink2);text-wrap:pretty}
[data-ai-suggestion]::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ia);box-shadow:0 0 7px rgba(157,92,255,.5);margin-top:6px;flex:none}
.rev-item{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line2);font-size:var(--fs-sm,14.5px);color:var(--ink2);text-wrap:pretty}
.rev-item:first-of-type{border-top:0;margin-top:8px}
.rev-item .i{color:var(--ia);width:14px;height:14px;margin-top:3px}
.rev-foot{margin-top:14px;font-size:var(--fs-xs,13px);color:var(--ink3)}
/* ── TOASTS E PÍLULA DE ORDEM ── */
.wkb-toast{position:fixed;left:50%;transform:translateX(-50%) translateY(8px);bottom:calc(env(safe-area-inset-bottom) + 90px);z-index:9880;background:rgba(24,20,14,.96);border:1px solid rgba(201,162,39,.4);color:var(--ink);font-size:13.5px;padding:12px 18px;border-radius:12px 12px 12px 6px;opacity:0;pointer-events:none;transition:all .22s var(--ease);max-width:86vw;text-align:center}
.wkb-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* variante maior que o motor usa em mensagens longas — host a confirmar (memo) */
.wkb-toast.big,.wkh-toast.big{font-size:15px;padding:15px 22px;border-color:rgba(226,194,94,.55)}
#rndOrdemPill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 90px);z-index:9855;display:none;align-items:center;gap:12px;background:rgba(24,20,14,.97);border:1px solid var(--line);border-radius:12px 12px 12px 6px;padding:10px 14px;font-size:13.5px;color:var(--ink2);box-shadow:0 18px 40px rgba(0,0,0,.5)}
#rndOrdemPill.show{display:flex;animation:rise .22s var(--ease) both}
#rndOrdemPill button{color:var(--gold2);font-weight:500;min-height:34px;display:inline-flex;align-items:center}
/* ── ARRASTE — o motor cria os dois no e escreve left/top no
fantasma durante o gesto: posição NÃO se fixa aqui. ── */
.rnd-reorder-ghost{position:fixed;z-index:9860;display:none;width:min(84vw,420px);border:1px solid rgba(226,194,94,.5);background:rgba(28,23,15,.97);border-radius:14px 14px 14px 6px;padding:14px 16px;transform:rotate(-1.2deg);box-shadow:0 24px 60px rgba(0,0,0,.6);pointer-events:none;will-change:left,top}
.rnd-reorder-ghost .gname{font:500 var(--fs-lg,18px) 'Playfair Display',Georgia,serif}
.rnd-reorder-ghost .gmeta{font-size:var(--fs-xs,13px);color:var(--ink3);margin-top:2px;font-variant-numeric:tabular-nums}
/* dedo parado: o fantasma assenta (endireita e acalma a sombra) */
.rnd-reorder-ghost.parado{transform:rotate(0);border-color:rgba(226,194,94,.75);box-shadow:0 14px 36px rgba(0,0,0,.5)}
.rnd-reorder-hud{position:fixed;left:50%;top:var(--topo-seguro);transform:translateX(-50%);z-index:9859;display:none;pointer-events:none}
.rnd-reorder-hud b{display:block;font:500 var(--fs-md,16px) 'Playfair Display',Georgia,serif;color:var(--ink)}
.rnd-reorder-hud em{font-style:normal;color:var(--gold2)}
.rnd-reorder-hud-box{display:flex;align-items:baseline;gap:9px;background:rgba(24,20,14,.97);border:1px solid rgba(226,194,94,.45);border-radius:12px 12px 12px 6px;padding:10px 16px;box-shadow:0 18px 40px rgba(0,0,0,.55);animation:rise .18s var(--ease) both}
.rnd-reorder-hud-eye{font-size:var(--fs-micro,11.5px);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);white-space:nowrap}
/* R57: o unico porte do Montador nesta rodada. O HUD dura o gesto do dedo e
hoje VAZA — nowrap sem ellipsis. Ganha reticencias e nada mais: o
distintivo inteiro nao vale uma funcao de split num HUD. */
.rnd-reorder-hud-nome{font:500 var(--fs-md,16px) 'Playfair Display',Georgia,serif;color:var(--ink);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.rnd-reorder-hud-val{font-size:var(--fs-xs,13px);color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
/* o buraco onde o cartão vai cair, e o lugar de onde ele saiu */
.rnd-reorder-alvo{border-style:dashed!important;border-color:rgba(238,231,218,.25)!important;background:rgba(0,0,0,.25)!important}
.rnd-reorder-alvo>*{opacity:.12}
.rnd-reorder-origem{opacity:.25}
/* ── arrastar a ABA de divisão (C-346-drag, 27/08) — mesmo motor de cima,
eixo X. O fantasma clona a própria `.rn-tab` (já traz padding/tipografia
dela); a moldura de `.rnd-reorder-ghost` (padding+cantos de CARTÃO) fica
grande demais pra uma pílula — zera aqui, mantém só posição/sombra/giro. */
.rnd-reorder-ghost-pill{padding:0;border:none;background:none;box-shadow:0 10px 26px rgba(0,0,0,.5);border-radius:9px 9px 9px 4px}
.rnd-reorder-alvo-pill{border-radius:9px 9px 9px 4px}
/* ── MOVIMENTO ── */
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ── HUB ≥900 ── */
@media (min-width:900px) and (min-height:501px), (min-width:900px) and (pointer:fine){
.wkh-body{max-width:1180px;padding:0 48px 80px}
.wkh-top{padding-top:22px}
.wkh-h1{font-size:42px}
.wkh-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px 40px;align-items:start;margin-top:8px}
.wkh-colA{min-width:0}.wkh-colB{min-width:0}
.wkh-ai{margin-top:22px}
.wkh-hero{margin-top:22px;padding:26px 24px}
.wkh-hero-t{font-size:24px}
.wkh-sec,.wkh-fichas-sec{margin-top:34px}
.wkh-toast{bottom:auto;top:86px}
}
/* ── MONTADOR ≥900 (o Mac é a mesma estrutura em duas colunas) ── */
@media (min-width:900px) and (min-height:501px), (min-width:900px) and (pointer:fine){
.rn2-mobile-top{padding:14px 32px 12px}
#wkbMobileBackBtn{display:none}
#wkbCancelBtn{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px 0 10px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:13.5px}
#wkbCancelBtn:hover{color:var(--ink)}
.wkb-toptitle{text-align:left;margin-left:14px}
.wkb-topname,#wkbTopName{font-size:var(--fs-lg,18px)}
.wkb-head-actions{display:flex;gap:8px;align-items:center}
.wkb-head-actions .hbtn{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 15px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:13.5px}
.wkb-head-actions .hbtn:hover{color:var(--ink);border-color:rgba(255,255,255,.16)}
#wkbConsultAiBtn{color:var(--ia);border-color:rgba(157,92,255,.4)}
#wkbConsultAiBtn:hover{color:#b78aff;border-color:rgba(157,92,255,.6)}
.hbtn-send{background:var(--gold);border:0;color:#0a0806!important;font-weight:500}
.hbtn-send:hover{filter:brightness(1.08)}
#wkbClose{display:none}
.wkb-body,#wkbBody{padding:22px 32px 60px}
.wkb-body.rn-has-bottom-bar,body.rnp-wkb-bottombar-open .wkb-body{padding-bottom:60px}
.wkb-cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 26px;max-width:1280px;margin:0 auto;align-items:start}
.wkb-colmain{min-width:0;grid-column:1}
.rn-instruments{grid-column:2;grid-row:1/span 9;margin-top:0;position:sticky;top:0}
.rn-strip,.rn-tabs,.rn-block-label,.rn-panel,.wkb-error{grid-column:1}
.rn-tabs{max-width:520px}
.rn-metrics-rail{grid-template-columns:1fr 1fr;gap:10px}
.rn-metric .v{font-size:20px}
.wkb-vi{margin-top:12px}
.rn-cells{grid-template-columns:repeat(4,minmax(0,1fr))}
#wkbBottomBarMobile{display:none}
.wkb-reps-suggest{left:50%;right:auto;bottom:24px;transform:translateX(-50%)}
.wkb-sheet:not(.rnj-overlay){align-items:center}
.wkb-sheet-card:not(.rnj){border-radius:18px 18px 18px 8px;padding-bottom:20px;max-height:82vh}
.wkb-toast{bottom:auto;top:86px}
#rndOrdemPill{bottom:auto;top:86px}
.demo-dock{bottom:14px}
}
/* ══ DEMO — inerte no app: tudo abaixo depende de html.demo ou .demo-dock,
que só o arquivo de demonstração cria. Pode portar junto sem efeito. ══ */
html.demo .rn-empty{display:none}
html.demo.demo-vazio .rn-empty{display:block}
html.demo.demo-vazio .rn-list,html.demo.demo-vazio .rn-model-save{display:none}
.demo-dock{position:fixed;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:9990;width:238px;max-width:calc(100vw - 24px);background:rgba(16,13,9,.97);border:1px solid rgba(201,162,39,.3);border-radius:14px 14px 14px 7px;box-shadow:0 22px 50px rgba(0,0,0,.65);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dd-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px}
.dd-head .eb{color:var(--gold)}
.dd-caret{color:var(--ink3);font-size:11px;transition:transform .18s var(--ease)}
.demo-dock.min .dd-caret{transform:rotate(180deg)}
.demo-dock.min .dd-body{display:none}
.dd-body{padding:0 12px 12px}
.dd-l{font-size:var(--fs-micro,11.5px);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin:10px 2px 6px}
.dd-row{display:flex;gap:6px}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dd-b{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:9px 9px 9px 4px;color:var(--ink2);font-size:var(--fs-xs,13px);flex:1;text-align:center;transition:all .15s var(--ease)}
.dd-b:hover{color:var(--ink);border-color:rgba(255,255,255,.16)}
.dd-b.on{background:var(--gold);border-color:var(--gold);color:#0a0806;font-weight:500}
.demo-dock select{width:100%;min-height:36px;padding:6px 30px 6px 10px;font-size:var(--fs-xs,13px);border-radius:9px 9px 9px 4px}
/* ══ COLA DO PORTE — consertos pós-auditoria · 08/08/2026 (bugs liberados
pelo dono). O motor emite DUAS coisas que o esqueleto não trouxe (erro do
esqueleto, veio da demo): o marcador chama .wkb-vi-bar-marker (não
.wkb-vi-mark) e a régua tem 5 zonas (…-limite e …-excesso). Regras abaixo
usam SÓ valores da própria entrega: o marcador é cópia do .wkb-vi-mark;
as zonas/rótulos usam os tokens --vz-limite/--vz-excesso e as cores
z4/z5 da "leitura antiga" declaradas nesta folha. ══ */
.wkb-vi-bar-marker{position:absolute;top:-2.5px;bottom:-2.5px;width:3px;border-radius:2px;background:var(--vz-marker);box-shadow:0 0 8px rgba(240,215,137,.75);transform:translateX(-50%)}
.wkb-vi-bar-limite{background:rgba(232,134,46,.36)}
.wkb-vi-bar-excesso{background:rgba(240,97,107,.34)}
.wkb-vi-limite .wkb-vi-valor small{color:var(--vz-limite)}
.wkb-vi-excesso .wkb-vi-valor small{color:var(--vz-excesso)}
/* ══ COLA DO PORTE 2 — folha do aluno em TELA CHEIA · 09/08/2026 (ordem do
dono: nomes ocultos até buscar; o quadro sobe até o topo; o último nome
ficava inalcançável atrás da barra). Escopado a #wkbAlunoSheet — as outras
folhas seguem com o desenho da entrega, intocado. ══ */
.wkb-aluno-head:not(.rnj-head){display:flex;align-items:center;justify-content:space-between}
#wkbAlunoSheet:not(.rnj-overlay) #wkbAlunoFechar{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);margin:-6px -6px 0 0;flex:none}
#wkbAlunoSheet:not(.rnj-overlay) #wkbAlunoFechar:hover{color:var(--ink)}
/* A ‹ de VOLTAR do seletor (o canto esquerdo era uma div inerte — daí "a seta não
funciona": o seletor cobre o header e o toque no ‹ do montador caía nesta head). */
#wkbAlunoSheet:not(.rnj-overlay) #wkbAlunoVoltar{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 10px;border:1px solid var(--line);border-radius:11px 11px 11px 5px;color:var(--ink2);font-size:13.5px;margin:-4px 0 0 -6px;flex:none}
#wkbAlunoSheet:not(.rnj-overlay) #wkbAlunoVoltar .i{width:17px;height:17px;flex:none}
#wkbAlunoSheet:not(.rnj-overlay) #wkbAlunoVoltar:hover{color:var(--ink)}
@media (max-width:899px), (pointer:coarse) and (max-height:500px){
#wkbAlunoSheet:not(.rnj-overlay){align-items:stretch}
#wkbAlunoSheet:not(.rnj-overlay) .wkb-sheet-card{max-width:none;max-height:none;border-radius:0;display:flex;flex-direction:column;padding-top:var(--topo-seguro)}
#wkbAlunoSheet:not(.rnj-overlay) #wkbAlunoRolo{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;align-content:flex-start;padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}
}
/* ══ COLA DO PORTE 3 — o "?" do volume tomava a tela · 09/08/2026 ══
A regra de alvo-de-toque da entrega dá um ::before{position:absolute;
inset:-6px} a sete elementos. Seis são position:relative; o
#wkbVolumeInteligenteInfoBtn ficou sem — então o pseudo se ancorava no
primeiro pai posicionado (.wkb-panel, 375×812) e virava uma área de toque
de TELA INTEIRA por cima de tudo que vem antes dele no DOM: abas, cartão
do aluno e os medidores abriam a explicação do volume.
Defeito latente na entrega (a regra existia sem host); só ficou alcançável
quando o motor passou a emitir o botão, no monta11. Uma linha, mesmo
idioma dos seis irmãos. ══ */
#wkbVolumeInteligenteInfoBtn{position:relative}
/* ══════════════════════════════════════════════════════════════════════
RODADA COCKPIT · B — daqui pra baixo é o apêndice desta proposta.
══════════════════════════════════════════════════════════════════════ */
/* ── módulos do trilho na linguagem chart-card do app:
filete de acento no topo + fundo tingido. A cor segue o papel:
dourado = o agora (medidores) · azul = tempo (assessor) · roxo = RN IA.
A régua de volume segue a peça mais colorida — o módulo dela fica neutro. ── */
.rn-metrics-rail{position:relative;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line2);border-radius:14px 14px 14px 7px;background:linear-gradient(165deg,rgba(201,162,39,.06),rgba(255,255,255,.012) 55%);overflow:hidden}
.rn-metrics-rail::before{content:'';position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,var(--gold),var(--gold2) 55%,rgba(201,162,39,.12));z-index:1}
.rn-metric{border:0;background:none;border-radius:0;padding:12px 14px 10px;min-height:66px}
.rn-metric:nth-child(odd){border-right:1px solid var(--line2)}
.rn-metric:nth-child(n+3){border-top:1px solid var(--line2)}
.rn-metric .v{font-size:20px}
.rnd-assessor,.rnd-ia{position:relative;border:1px solid var(--line2);border-radius:14px 14px 14px 7px;padding:14px 16px 12px;overflow:hidden}
.rnd-assessor{background:linear-gradient(165deg,rgba(91,141,239,.06),rgba(255,255,255,.012) 55%)}
.rnd-assessor::before{content:'';position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,var(--azul),rgba(91,141,239,.12))}
.rnd-as-head{display:flex;align-items:center;gap:8px}
.rnd-as-head .eb{color:var(--azul)}
/* ── ASSESSOR TÉCNICO — os fios que o motor ainda procura, religados:
#rndAssessorTempo e #rndTempoEx/Trans/Fatores/Desc voltam a receber
dado sem lógica nova. Vazio não quebra (linha some por :empty). ── */
.rnd-as-tempo{display:flex;align-items:baseline;gap:9px;margin-top:10px}
#rndAssessorTempo{font:500 30px/1 'Playfair Display',Georgia,serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.rnd-as-tempo span{font-size:var(--fs-xs,13px);color:var(--ink3)}
.rnd-as-rows{margin-top:6px}
#rndTempoEx,#rndTempoTrans,#rndTempoFatores,#rndTempoDesc{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line2);font-size:13.5px;color:var(--ink2)}
#rndTempoEx{border-top:0}
#rndTempoEx:empty,#rndTempoTrans:empty,#rndTempoFatores:empty,#rndTempoDesc:empty{display:none}
#rndTempoEx b,#rndTempoTrans b,#rndTempoFatores b,#rndTempoDesc b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.rnd-as-note{margin-top:9px;font-size:var(--fs-xs,13px);color:var(--ink3);text-wrap:pretty}
/* ══════════════════════════════════════════════════════════════════════
PREVIEW DO MONTADOR — 27 regras que o workoutBundle.js injetava como