/* ============================================================
   painel.css — o PAINEL como fechamento do mês (herói + cascata, Vendido, Já entrou, Por fazenda, Compradores, Evolução, Categorias, Caixa, Fechamento) e a FOLHA de detalhe.
   Só tokens de tema.css (+ 2 de gráfico, abaixo). Só transform e opacity se mexem; o movimento fica LIGADO mesmo com "Reduzir movimento" (decisão da dona).
   Gráfico: uma escala por gráfico, eixo de valor a partir do zero, sem pizza e sem 3D; cor nunca é o único sinal (rótulo ou legenda sempre junto).
   Celular até 1023 px; PC (grade de 12 colunas) a partir de 1024 px.
   ============================================================ */
:root{--pn-desp:#8A958E;--pn-bruto:color-mix(in srgb,var(--ok) 38%,#fff)}   /* despesa: cinza-verde (3:1 no branco); bruto: o verde de resultado, clareado */
.pn .pos{color:var(--ok-tx)}.pn .neg{color:var(--problema-tx)}.pn .mudo{color:var(--tinta-2)}
.pn-card{position:relative;padding:16px}
.pn-card h2{font-size:18px}
.pn-card .linha-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pn-nota{margin-top:10px;font-size:12px}
.pn-t{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .18s ease}
.pn-t:active{transform:scale(.97)}
.pn-t:focus-visible,.pn-selo:focus-visible,.pn-mes:focus-visible{outline:2px solid var(--verde-acao);outline-offset:2px;border-radius:10px}
.pn-t.dre-l{display:flex}
.pn-lk{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
/* o movimento: o estado natural é visível; "pn-pre" (antes de o cartão entrar na tela) só esconde as barras */
.pn-g{transition:transform var(--dur,.4s) var(--curva-entrada) var(--d,0ms)}
.pn-pre .pn-seg,.pn-pre .pn-trilho i{transform:scaleX(0)}
.pn-pre .pn-b,.pn-pre .pn-pb,.pn-pre .pn-dc i{transform:scaleY(0)}
.pn-seg,.pn-trilho i{transform-origin:left}.pn-b,.pn-pb,.pn-dc i{transform-origin:bottom}
.pn-trilho i{transform:scaleX(var(--e,1))}
.pn-pre .pn-trilho i{transform:scaleX(0)}
.carimbo{animation:pn-carimbo .45s var(--mola) backwards}
@keyframes pn-carimbo{from{opacity:0;transform:scale(.9) rotate(-2deg)}}

/* ---------- herói ---------- */
.pn-heroi{display:block;padding:16px}
.pn-h-top{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pn-selo{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:99px;font:700 13px var(--fonte-titulo);cursor:pointer;transition:transform .18s}
.pn-selo:active{transform:scale(.97)}
.pn-selo.cinza,.pn-estado.cinza{background:var(--info-bg);color:var(--info-tx)}
.pn-selo.verde,.pn-estado.verde{background:var(--ok-bg);color:var(--ok-tx)}
.pn-selo.ambar,.pn-estado.ambar{background:var(--atencao-bg);color:var(--atencao-tx)}
.pn-per{font-size:12.5px;color:var(--tinta-2);font-weight:500}
.pn-res{display:block;margin-top:2px}.pn-res small{display:block;font-size:13px;font-weight:700;color:var(--tinta-2)}
.pn-res .num,.pn-res-n,.vazio-n .num{font-size:40px;line-height:1.08;letter-spacing:-.02em;white-space:nowrap}
.pn-var{margin:0;font-size:14px;font-weight:700}.pn-var.alta{color:var(--ok-tx)}.pn-var.cai{color:var(--problema-tx)}.pn-var.mudo{color:var(--tinta-2)}
.pn-var .pn-pt{margin:0 7px;color:var(--cinza-2)}.pn-var span:last-child:not(.pn-pt):not(.pn-seta){color:var(--tinta-2)}
.pn-cas{position:relative;padding-top:22px}
.pn-rot-fun{position:absolute;top:0;font-size:11px;font-weight:800;color:var(--tinta-2);letter-spacing:.02em}
.pn-rot-fun::after{content:"";display:block;width:1px;height:6px;margin:1px 0 0 2px;background:var(--tinta-2)}
.pn-barra{position:relative;display:flex;gap:2px;height:30px;border-radius:10px;overflow:hidden;background:var(--linha)}
.pn-seg{height:100%;min-width:6px;padding:0;border:0;cursor:pointer}
.pn-seg[style*="flex:0 1 0.000%"]{display:none}
.pn-seg.fun{background:var(--marca)}.pn-seg.desp{background:var(--pn-desp)}.pn-seg.res{background:var(--ok)}
.pn-corte{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px var(--tinta)}
.pn-leg{margin-top:6px}
.pn-leg .dre-l{padding:10px 0;gap:10px;min-height:44px;align-items:center}
.pn-leg .dre-l span{display:flex;align-items:center;gap:8px;font-size:14px}
.pn-leg .dre-l b{font-size:17px}
.pn-leg .dre-l.res b{color:var(--ok-tx)}.pn-leg .dre-l.res.neg b{color:var(--problema-tx)}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.sw.fun{background:var(--marca)}.sw.desp{background:var(--pn-desp)}.sw.res{background:var(--ok)}.sw.res.neg{background:var(--problema)}.sw.bru{background:linear-gradient(90deg,var(--marca) 0 20%,var(--pn-desp) 20% 55%,var(--ok) 55%)}
.pn-queda{display:none}

/* ---------- vendido · já entrou ---------- */
.pn-lads{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.pn-lad{display:flex;flex-direction:column;gap:2px;min-height:86px;padding:12px;border-radius:var(--r-m);background:var(--card-2)}
.pn-lad small{font-size:12px;font-weight:700;line-height:1.2;color:var(--tinta-2)}
.pn-lad .num{font-size:20px;white-space:nowrap}
.pn-lad em{font-style:normal;font-size:11px;line-height:1.3;color:var(--tinta-2)}
.pn-lad.vazio b{color:var(--cinza)}
.pn-frase{display:block;margin-top:8px;font-size:15px;line-height:1.5}.pn-frase .num{font-size:17px}.pn-frase.mudo{color:var(--tinta-2)}
.pn-trilho{display:block;height:12px;margin-top:10px;border-radius:99px;background:var(--linha);overflow:hidden}
.pn-trilho i{display:block;height:100%;border-radius:99px;background:var(--ok)}
.pn-trilho.fino{height:8px;margin-top:6px}.pn-trilho.fino i{background:var(--marca-2)}
.pn-vencs{display:flex;flex-direction:column;margin-top:8px}
.pn-linha-v{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--linha);font-size:14px;font-weight:600;color:var(--tinta-2)}
.pn-linha-v .num{font-size:16px;color:var(--tinta)}.pn-linha-v.amb,.pn-linha-v.amb .num{color:var(--atencao-tx)}

/* ---------- por fazenda · compradores · categorias ---------- */
.pn-fcols{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.pn-fbl{padding:10px 0;border-top:1px solid var(--linha)}.pn-fbl:first-child{border-top:0}
.pn-fnome{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:800 15px var(--fonte-titulo)}
.pn-fl{display:block;margin-top:7px}
.pn-fl-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:600;color:var(--tinta-2)}.pn-fl-t .num{font-size:14px;color:var(--tinta);white-space:nowrap}
.pn-fl.forte .pn-fl-t{font-weight:800;color:var(--tinta)}.pn-fl.forte .pn-fl-t .num{font-size:17px;color:var(--ok-tx)}.pn-fl.forte.neg .pn-fl-t .num{color:var(--problema-tx)}
.pn-fl .pn-trilho.fino{height:8px;margin-top:4px}
.pn-fl.rec .pn-trilho i{background:var(--pn-bruto)}.pn-fl.desp .pn-trilho i{background:var(--pn-desp)}.pn-fl.res .pn-trilho i{background:var(--ok)}.pn-fl.res.neg .pn-trilho i{background:var(--problema)}
.pn-sub{margin:12px 0 0;font:800 13px var(--fonte-titulo);color:var(--tinta-2);text-transform:none;letter-spacing:0}.pn-sub.com-linha{margin-top:18px;padding-top:14px;border-top:2px solid var(--linha)}
@media (min-width:1024px){.pn-fcols{gap:0}}
.pn-somadas{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:2px solid var(--linha)}
.pn-somadas small{display:block;font-size:12px;font-weight:500;color:var(--tinta-2)}.pn-somadas .num{font-size:21px}
.pn-rank{list-style:none;margin:8px 0 0;padding:0}
.pn-rk{display:flex;align-items:center;gap:12px;min-height:58px;padding:7px 0;border-top:1px solid var(--linha)}
.pn-pos{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--card-2);font:700 13px var(--fonte-titulo);flex:0 0 auto}
.pn-nome{display:block;font-size:14.5px;font-weight:800}.pn-rk small{display:block;font-size:12px;font-weight:500;color:var(--tinta-2)}
.pn-dir{text-align:right;flex:0 0 auto}.pn-dir .num{font-size:15px;white-space:nowrap}.pn-dir small{font-weight:800!important}
.pn-rod{margin-top:8px;font-size:13px}
.pn-ct{display:flex;justify-content:space-between;gap:8px;font-size:14px}.pn-ct .num{font-size:14px}
.pn-pc{width:42px;text-align:right;font:700 13px var(--fonte-titulo);color:var(--tinta-2)}

/* ---------- evolução ---------- */
.pn-mini12,.pn-evo.m12{display:none}
.pn-evo-leg{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-size:12px;font-weight:600;color:var(--tinta-2)}
.sq{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px}.sq.rec{background:var(--ok)}.sq.desp{background:var(--pn-desp)}
.pn-evo-leg .pt2{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%;background:var(--tinta)}
.pn-evo{margin-top:12px}.pn-plot{position:relative;height:150px}
.pn-zero{position:absolute;left:0;right:0;height:1px;background:var(--cinza-2);z-index:1}
.pn-mes{position:absolute;top:0;bottom:0;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}.pn-mes.sel{background:var(--card-2)}
.pn-b{position:absolute;display:block;border-radius:4px 4px 0 0}.pn-b.rec{left:14%;width:34%;background:var(--ok)}.pn-b.desp{left:52%;width:34%;background:var(--pn-desp)}
.pn-linha{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pn-linha polyline{fill:none;stroke:var(--tinta);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.pn-pt2{position:absolute;width:10px;height:10px;margin:0 0 -5px -5px;border-radius:50%;background:var(--tinta);box-shadow:0 0 0 2px var(--card);pointer-events:none}
.pn-pt2.neg{background:var(--problema)}.pn-pt2.sel{width:14px;height:14px;margin:0 0 -7px -7px}
.pn-eixo{display:grid;grid-template-columns:repeat(var(--n),1fr);margin-top:6px}
.pn-ml{display:flex;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--tinta-2)}.pn-ml.sel{color:var(--tinta)}.pn-ml .pn-lk{width:11px;height:11px}
.pn-tip{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--tinta-2)}.pn-tip b{color:var(--tinta)}.pn-tip .pn-lk{width:12px;height:12px;vertical-align:-1px}

/* ---------- caixa · fechamento ---------- */
.pn-invest{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border-radius:var(--r-m);background:var(--card-2)}
.pn-invest small{display:block;max-width:230px;font-size:12px;font-weight:500;line-height:1.35;color:var(--tinta-2)}.pn-invest .num{font-size:18px;white-space:nowrap;flex:0 0 auto}
.pn-estado{display:flex;gap:10px;align-items:flex-start;width:100%;padding:12px 14px;border-radius:var(--r-m);font-size:13px;font-weight:600;line-height:1.4;margin-top:8px}
.pn-estado b{display:block;font-size:14px}.pn-estado small{display:block;font-weight:600;opacity:.92}.pn-estado .ico{flex:0 0 auto}.pn-estado .pn-lk{width:18px;height:18px}
.pn-ctt{margin:10px 0 0;font-size:13px;color:var(--tinta-2)}.pn-ctt b{color:var(--tinta)}
.pn-bt{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.botao.pn-amarelo{background:var(--acento);color:var(--acento-tinta);font-family:var(--fonte-titulo);font-weight:700;font-size:15px;min-height:52px}
.botao.pn-amarelo:disabled{opacity:.5}
.pn-livros{margin-top:14px;padding-top:12px;border-top:1px solid var(--linha)}.pn-livros .mes-nav{margin:8px 0}

/* ---------- a folha de detalhe (celular: sobe com mola · PC: painel fixo à direita) ---------- */
.pn-fundo{position:fixed;inset:0;z-index:55;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,39,14,0);transition:background .25s}
.pn-fundo.on{background:rgba(5,39,14,.55)}
.pn-folha{position:relative;width:100%;max-width:var(--largura-app);max-height:86vh;overflow:auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--card);box-shadow:0 60px 0 var(--card);transform:translateY(105%);transition:transform .2s ease-in}
.pn-fundo.on .pn-folha{transform:none;transition:transform .6s var(--mola)}
.pn-folha .alca{width:40px;height:4px;margin:0 auto 12px;border-radius:99px;background:var(--linha)}
.pn-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:50%;background:var(--card-2);color:var(--tinta);font-size:26px;line-height:1;cursor:pointer;transition:transform .18s}.pn-x:active{transform:scale(.9)}
.pn-folha h3{padding-right:48px;font-size:21px}.pn-folha .sub{margin:2px 0 6px;font-size:13px;color:var(--tinta-2);font-weight:500}
.pn-lista{list-style:none;margin:8px 0 0;padding:0}
.pn-lista li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--linha);animation:pn-li .35s var(--curva-entrada) backwards;animation-delay:calc(var(--k,0)*60ms)}
@keyframes pn-li{from{opacity:0;transform:translateY(10px)}}
.pn-lista small{display:block;font-size:12px;font-weight:500;color:var(--tinta-2)}.pn-lista .num{font-size:15px;white-space:nowrap}.pn-lista li b:first-child{font-size:14px}
.pn-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:6px;padding:14px 0 4px;border-top:2px solid var(--tinta);font-weight:800}
.pn-total small{display:block;font-size:12px;font-weight:500;color:var(--tinta-2)}.pn-total .num{font-size:24px;white-space:nowrap}
.pn-fr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--linha);font-weight:700}.pn-fr.forte{border-top:2px solid var(--tinta);font-weight:800}.pn-fr .num{font-size:17px}
.pn-fr .pt{margin-right:8px}.pn-pend{margin:12px 0}.pn-pend ul{margin:4px 0 0;padding-left:18px;font-weight:600}
.pn-cinza{margin:12px 0;font-size:12.5px;color:var(--tinta-2);font-weight:600}
.pn-folha .acoes{display:flex;flex-direction:column;gap:10px;margin-top:12px}

@media (max-width:400px){.pn-res .num,.pn-res-n{font-size:36px}.pn-lad .num{font-size:19px}}
@media (min-width:1024px){
  .pn-res .num,.pn-res-n,.vazio-n .num{font-size:48px}
  .pn-cas{display:none}
  .pn-queda{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;height:250px}
  .pn-deg{display:flex;flex-direction:column;gap:6px;height:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transition:transform .18s}.pn-deg:active{transform:scale(.97)}
  .pn-dv{height:20px;text-align:center;font:700 14px var(--fonte-titulo);font-variant-numeric:tabular-nums;white-space:nowrap}
  .pn-dc{position:relative;flex:1}.pn-dc::after{content:"";position:absolute;left:0;right:0;bottom:var(--zero,0%);height:1px;background:var(--cinza-2)}
  .pn-dc i{position:absolute;left:10%;right:10%;border-radius:4px}
  .pn-deg.bru i{background:var(--pn-bruto)}.pn-deg.fun i{background:var(--marca)}.pn-deg.desp i{background:var(--pn-desp)}.pn-deg.res i{background:var(--ok)}.pn-deg.res.neg i{background:var(--problema)}
  .pn-dn{height:18px;text-align:center;font-size:12px;font-weight:700;color:var(--tinta-2)}
  .pn-lad .num{font-size:22px}
  .pn-plot{height:290px}.pn-evo.m6,.pn-mini6{display:none}.pn-evo.m12{display:block}.pn-mini12{display:inline}
  /* painel fixo à direita (como o "Resumo ao lado" da venda): a página continua usável */
  .pn-fundo{inset:calc(var(--h-proto) + 12px) 16px 12px auto;width:400px;background:none!important;align-items:stretch;pointer-events:none}
  .pn-folha{max-width:none;max-height:none;height:100%;border-radius:var(--r-xg);box-shadow:var(--sombra-forte);pointer-events:auto;transform:translateX(112%)}
  .pn-fundo.on .pn-folha{transform:none}.pn-folha .alca{display:none}
}

/* ---------- qualidade das cargas · doce ---------- */
.pn-pre .pn-qb{transform:scaleX(0)}.pn-qb{transform-origin:left}
.sq.c1{background:var(--verde-acao)}.sq.c2{background:var(--pn-bruto)}.sq.c3{background:#B7791F}
.pn-qtopo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}
.pn-qbig,.pn-qref{display:flex;flex-direction:column;gap:2px;width:100%;padding:12px;border-radius:var(--r-m);background:var(--card-2)}
.pn-qbig small,.pn-qref small{font-size:12px;font-weight:700;line-height:1.25;color:var(--tinta-2)}
.pn-qg{display:flex;align-items:baseline;gap:6px;font:700 15px var(--fonte-titulo);color:var(--tinta-2)}.pn-qg .num{font-size:38px;line-height:1.05;letter-spacing:-.02em;color:var(--verde-acao)}
.pn-qref .num{font-size:24px}.pn-qref.mudo .num{color:var(--cinza)}
.pn-qd{display:inline-block;margin-top:2px;font:800 13px var(--fonte-titulo)}.pn-qd.alta{color:var(--ok-tx)}.pn-qd.cai{color:var(--problema-tx)}
.pn-qrows{margin:6px 0 0;padding:0;list-style:none}.pn-qrows li.mais{display:none}.pn-ql-c.todas .pn-qrows li.mais{display:block}
.pn-qr{display:block;padding:8px 0;border-top:1px solid var(--linha)}
.pn-ql{display:block;overflow:hidden;font-size:12.5px;font-weight:600;color:var(--tinta-2);white-space:nowrap;text-overflow:ellipsis}
.pn-qlin{display:flex;align-items:center;gap:10px;margin-top:5px}
.pn-qb{display:flex;flex:1;gap:2px;height:14px;overflow:hidden;border-radius:99px;background:var(--linha)}.pn-qb i{display:block;height:100%}.pn-qb .s1{background:var(--verde-acao)}.pn-qb .s2{background:var(--pn-bruto)}
.pn-qp{flex:0 0 44px;font-size:14px;text-align:right}
.pn-vertodas{margin-top:8px}
.pn-qlinha{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:4px;margin-top:10px}
.pn-qy{display:flex;flex-direction:column;justify-content:space-between;height:96px;font-size:10.5px;font-weight:700;line-height:1;color:var(--cinza);text-align:right}
.pn-qplot{position:relative;height:96px}.pn-qgl{position:absolute;left:0;right:0;height:1px;background:var(--linha)}
.pn-qm{position:absolute;top:0;bottom:0;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}.pn-qm.sel{background:var(--card-2)}
.pn-qdot{position:absolute;left:50%;width:11px;height:11px;margin:0 0 -5.5px -5.5px;border-radius:50%;background:var(--verde-acao);box-shadow:0 0 0 2px var(--card)}
.pn-qdot.vaz{border:2.5px solid var(--verde-acao);background:var(--card);box-shadow:none}
.pn-qlinha .pn-linha polyline{stroke:var(--verde-acao);stroke-width:2}
.pn-qlinha .pn-eixo{grid-column:2}
.pn-doce .pn-lad{border-left:4px solid var(--pn-desp)}
.pn-lad.larga{grid-column:1/-1;min-height:0}

/* ===== pós-venda no Painel (v0.10) ===== */
.pn-seg.ded{background:var(--atencao)}.sw.ded{background:var(--atencao)}.pn-deg.ded i{background:var(--atencao)}
.pn-queda.com-ded{grid-template-columns:repeat(5,minmax(0,1fr))}
.pn-frase.doce-desc{margin:8px 0 0}
.pn-linha-v.amb{margin-top:10px}

.pn-contad{display:flex;gap:10px;align-items:flex-start;width:100%;min-height:44px;padding:12px 14px;border-radius:var(--r-m);font-size:13px;font-weight:600;line-height:1.4;margin-top:8px;text-align:left}
.pn-contad b{display:block;font-size:14px}.pn-contad small{display:block;font-weight:600;opacity:.92}.pn-contad.tem{background:var(--atencao-bg);color:var(--atencao-tx)}.pn-contad.zero{background:var(--info-bg);color:var(--info-tx)}

.pn-vend-cl{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;font-size:13px;color:var(--tinta-2)}.pn-vend-cl b{color:var(--tinta)}
.pn-copia{margin-top:8px}

/* Mata + Porto cabe numa linha no seletor do banner */
.segf button{white-space:nowrap}
@media (min-width:1024px){.segf button{padding:0 12px}}

/* ===== as 5 ABAS do Painel (v0.13): cartões brancos, herói de 28 px, grupos com rótulo em caixa-alta ===== */
:root{--pn-rot:#5B665F;--pn-reg:#E3E9E4}
.corpo.pn{display:flex;flex-direction:column;gap:14px}
.pn-2,.pn-c{display:contents}
.pn-1{display:contents}
.pn-card{padding:16px}
.pn-card>.linha-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pn-card>.linha-titulo h2{margin:0;font-size:18px;line-height:1.25}
.pn-card>.linha-titulo .mini{flex:none;font-size:12.5px;font-weight:600;color:var(--pn-rot);text-align:right}
.pn-heroi{display:block;padding:16px}
.pn-evo.m6,.pn-mini6{display:none!important}.pn-evo.m12{display:block}
/* grupos dentro do cartão: rótulo 11 px caixa-alta e régua fina */
.gr{margin:16px 0 8px;padding-top:14px;border-top:1px solid var(--pn-reg);font:800 11px var(--fonte-titulo);letter-spacing:.07em;text-transform:uppercase;color:var(--pn-rot)}
.gr.p{margin-top:12px;padding-top:0;border-top:0}
.pn-livros{margin-top:0;padding-top:0;border-top:0}
.pn-somadas{margin-top:6px;padding-top:0;border-top:0}
/* herói da aba: o número da pergunta, 28 px */
.hr{display:flex;flex-direction:column;gap:3px;margin-top:10px}
.hr-r{font:700 12.5px var(--fonte-titulo);color:var(--pn-rot)}
.hr-n{display:block;font:800 28px/1.1 var(--fonte-titulo);letter-spacing:-.02em;color:var(--tinta);white-space:nowrap}
.hr-n .num{font-size:28px;line-height:1.1}
.hr-n .pos{color:var(--ok-tx)}.hr-n .neg{color:var(--problema-tx)}
.hr-n small{margin-left:4px;font:700 15px var(--fonte-titulo);letter-spacing:0;color:var(--pn-rot)}
.pn-hr-b{width:auto}
.hr-s{font-size:13px;font-weight:600;color:var(--pn-rot)}.hr-s .num{font-size:13px}
.hr-selo{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:8px}
.hr .pn-trilho{margin-top:8px}
.pn-t.pn-ent.hr{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;margin-top:10px}.pn-ent.hr .hr-s{display:block}
.pn-ent.hr .hr-n{white-space:nowrap}
/* o dinheiro nunca quebra de linha: o rótulo é que se ajusta */
.pn .num,.pn-linha-v .num,.pn-ct .num,.pn-dir .num,.pn-lista .num,.pn-total .num,.pn-fr .num{white-space:nowrap}
.pn-linha-v>span{min-width:0}
/* nada escuro além do banner: o botão escuro do livro vira claro com contorno (o amarelo de ação fica) */
.pn-fe .botao.escuro{background:#fff;color:var(--verde-acao);border:1.5px solid var(--verde-acao)}
.pn-livros .acoes-linha{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pn-qtopo{grid-template-columns:minmax(0,1fr)}
/* Vendido: a grade fecha (nenhum ladrilho sozinho numa linha) */
.pn-lad[data-k="cx"]{grid-column:1/-1;min-height:0}      /* 7 ladrilhos: peso (larga), caixas (larga), 2 + 2 de preço, valor por tonelada (larga) = nenhum sozinho */
@media (min-width:1024px){
  .corpo.pn{gap:20px;margin-left:28px;margin-right:28px}
  .pn-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
  .pn-c{display:flex;flex-direction:column;gap:20px;min-width:0}
  .pn-1{display:block;max-width:720px}
  .pn-card,.pn-heroi{padding:20px 24px}
  .corpo.pn .pn-ev{align-self:stretch}
}

/* abas numa linha só no celular (13 px, repartidas por igual) */
@media (max-width:1023px){
  .pn .fl-abas-t{width:100%;justify-content:space-between}
  .pn .fl-aba{flex:1 1 auto;min-width:0;padding:0 4px;font-size:13px;white-space:nowrap}
}

/* ---------- Contador · Envio pro contador (painel-envio.js, painel-ui2.js) e a prévia larga ---------- */
.pn-ctt-topo{margin:0 0 2px;padding:0 4px;font-size:14px}
.pn-env .mes-nav{margin:10px 0 4px}
.en-l{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:4px 12px;padding:11px 0;border-bottom:1px solid var(--linha);font-size:14px;font-weight:600}
.en-l .en-n{color:var(--tinta-2);font-size:13px;white-space:nowrap;text-align:right}.en-l .num{font-size:16px;min-width:104px;text-align:right}
.en-l.sub{padding:7px 0 7px 14px;font-size:13px;font-weight:500;color:var(--tinta-2)}.en-l.sub .num{font-size:14px}
.en-fora{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--tinta-2)}.en-fora b{color:var(--tinta)}
.en-bt{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:14px}.en-bt .botao{min-height:48px}
.en-ult{margin:12px 0 0;font-size:13px;font-weight:600;color:var(--tinta-2)}
.en-nov{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--tinta)}.en-nov b{color:var(--problema-tx)}
.en-aviso{margin:10px 0 0}
.pn-lc .mini:first-of-type{margin:0 0 10px}.pn-lc .pn-previa{margin-top:10px}
.pn-lc .botao.escuro,.pn-env .en-bt .botao.contorno{background:#fff;color:var(--verde-acao);border:1.5px solid var(--verde-acao)}
.pn-lc .acoes-linha{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.en-th{margin:18px 0 6px;font:800 13px var(--fonte-titulo);color:var(--tinta)}.en-th small{margin-left:6px;font-weight:600;color:var(--tinta-2)}
.en-tw{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--r-m);-webkit-overflow-scrolling:touch}
.en-t{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}
.en-t th{position:sticky;top:0;padding:8px 10px;background:var(--verde-acao);color:#fff;font-weight:700;text-align:left}
.en-t td{padding:7px 10px;border-top:1px solid var(--linha)}.en-t tbody tr:nth-child(even) td{background:var(--card-2)}
.en-t th.d,.en-t td.d{text-align:right}.en-t td.num{font-size:12px}
.en-t tfoot td{border-top:2px solid var(--tinta);background:var(--card-2);font-weight:800}
.en-t td.nv{font-weight:800;color:var(--problema-tx)}.en-t td.cc{font-weight:700;color:var(--problema-tx)}.en-t td.vz{padding:14px;text-align:center;color:var(--tinta-2)}
.en-nao small{font-size:12px}
@media (min-width:1024px){.pn-fundo.larga{width:min(940px,calc(100vw - 48px))}}
@media (min-width:1024px){.pn-1>.pn-card+.pn-card{margin-top:20px}.pn-1>.pn-ctt-topo{margin-bottom:10px}}
.en-t th{padding:8px 8px;white-space:normal;vertical-align:bottom}.en-t td{padding:7px 8px}.en-t th:last-child{min-width:78px}
@media (min-width:1024px){.pn-fundo.larga{width:min(1000px,calc(100vw - 48px))}}