/* Central Comercial — Reijers. Visual "robusto e colorido" (26/09/2026, 3ª rodada).
   Estrutura de software de gestão: fonte Geist, grade fixa, bordas nítidas, raios 6/10/14, menu escuro.
   Cor em todo o app, sempre com função: cada painel tem a sua (faixa do título, cabeçalho de tabela,
   seleção); cada cartão de número tem a sua; semáforo e dias do Vencendo em cor viva.
   Marca (reijers.com.br): grafite #615D5E, laranja #E47B1F, verde-limão #BAD77B, pêssego #EBB27B. */
:root{
  --t-2:12px; --t-1:13px; --t0:14.5px; --t1:16px; --t2:20px; --t3:26px; --t4:32px;
  --grafite:#615D5E; --laranja:#B3540C;   /* laranja da marca escurecido: branco sobre ele passa AA (era #E47B1F, 2,94:1) */
   --limao:#BAD77B; --pessego:#EBB27B;
  --noite:#221F20; --noite2:#2D2A2B;
  --agua:#F1F2F5; --agua2:#F6F7F9; --papel:#FFFFFF; --realce:#221F20; --sobre-realce:#FFFFFF;
  --tinta:#16171B; --tinta2:#4A4F59; --tinta3:#646A76;   /* cinza de texto nunca mais claro que #646A76 (AA) */
   --linha:#E3E5EA; --linha2:#D3D7DE;
  --folha:#2E9E5B; --kraft:#C9A77C; --kraft-claro:#F5ECDF;
  --comercial:#3B6FD9; --balcao:#EE7B1C;
  --ok:#2E9E5B; --atencao:#C98A12; --urgente:#D93A45;
  --verde:#258047; --amarelo:#E9A21A; --vermelho:#C4344A;
  --verde-t:#1D7442; --amarelo-t:#8A5B00; --vermelho-t:#B42733;
  /* uma flor por painel (tons firmes, dão contraste com texto branco) */
  --c-resumo:#B3540C; --c-vencendo:#D6363F; --c-estoque:#258047; --c-clientes:#7C4DC9; --c-radar:#0E7490; --c-pedidos:#2A5CB7; --c-ajuda:#5B6B7A;
  --c-faturamento:#9A6A09; --c-vendedores:#16877A; --c-produtos:#E0603F; --c-descontos:#C93F84; --c-saidas:#7C4DC9;   /* mesmo roxo da Bonificação (pedido do dono: o cinza parecia preto) */
  --cor:var(--grafite);
  /* dias do Vencendo */
  --dia0-f:#C4344A; --dia1-f:#A9420A; --dia2-f:#F2B01E; --dia3-f:#258047;
  --dia0-t:#B42733; --dia1-t:#9A4708; --dia2-t:#8A6300; --dia3-t:#23773A;
  --sombra:0 1px 2px rgba(22,23,27,.06),0 1px 3px rgba(22,23,27,.04);
  --sombra-alta:0 14px 36px -12px rgba(22,23,27,.28);
  --anel:0 0 0 3px color-mix(in srgb,var(--laranja) 25%,transparent);
  --listra:linear-gradient(90deg,var(--limao) 0 25%,var(--grafite) 25% 50%,var(--laranja) 50% 75%,var(--pessego) 75%);
  --sans:"Geist","Segoe UI",system-ui,sans-serif;
  --titulo:var(--sans);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --agua:#141315; --agua2:#1A191B; --papel:#1F1E20; --realce:#F2EFEC; --sobre-realce:#141315;
  --tinta:#F2F2F4; --tinta2:#C2C5CC; --tinta3:#979BA5; --linha:#302E31; --linha2:#3C393D; --kraft-claro:#3A3026;
  --verde-t:#7ED6A0; --amarelo-t:#F2C866; --vermelho-t:#F59CA3; --verde:#3FB872; --vermelho:#F0606B; --tinta3:#A3A7B0;
  --dia0-t:#F59CA3; --dia1-t:#F6B478; --dia2-t:#F2D06E; --dia3-t:#8CD7A1;
  --sombra:0 1px 2px rgba(0,0,0,.4); --sombra-alta:0 14px 36px -12px rgba(0,0,0,.8); color-scheme:dark;
}}
main,nav button,.cartao{--forte:color-mix(in srgb,var(--cor) 72%,#101012)}
main,nav button,.cartao,dialog{--forte-t:var(--forte)}   /* tom de TEXTO; no escuro vira a versão clara da cor (abaixo) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(main,nav button,.cartao,dialog){--forte-t:color-mix(in srgb,var(--cor) 55%,#fff)}}   /* 72%: cabeçalhos e faixas passam AA (84% reprovava) */
/* regra para não voltar a errar: texto branco só sobre cor com luminância ≤ 0,18; cinza de texto ≥ #646A76 */   /* tom escuro da cor de cada lugar */
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--agua);color:var(--tinta);font:400 var(--t0)/1.5 var(--sans);font-variant-numeric:tabular-nums}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
b,strong{font-weight:600}

/* ---------- entrar */
#entrar{min-height:100vh;display:grid;place-items:center;padding:20px;background:
  linear-gradient(160deg,var(--noite) 0 38%,var(--agua) 38%)}
#entrar form{position:relative;overflow:hidden;background:var(--papel);border:1px solid var(--linha);box-shadow:var(--sombra-alta);border-radius:14px;
  padding:40px 36px 30px;width:min(400px,100%);display:grid;gap:14px}
#entrar form::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--listra)}
/* logomarca da Reijers (PDF do dono): cinza no fundo claro, branca no escuro */
:root{--logo-cinza:url(data:image/png;base64,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);--logo-branca:url(data:image/png;base64,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);--logo:var(--logo-cinza)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--logo:var(--logo-branca)}}
#entrar .logo{justify-self:center;width:180px;aspect-ratio:480/386;background:var(--logo) center/contain no-repeat}
#entrar h1{margin:0;font:600 var(--t1)/1.2 var(--sans);color:var(--tinta2);text-align:center}
#entrar p{margin:0 0 6px;color:var(--tinta3);text-align:center;font-size:var(--t-1)}
#entrar label{display:grid;gap:6px;font-weight:500;font-size:var(--t-1);color:var(--tinta2)}
#entrar input{padding:11px 13px;border:1px solid var(--linha2);border-radius:10px;background:var(--papel);font-size:var(--t0);font-weight:400;color:var(--tinta)}
#entrar input:focus{outline:0;border-color:var(--laranja);box-shadow:var(--anel)}
#entrar .senha{position:relative;display:block}
#entrar .senha input{width:100%;padding-right:48px}
#entrar .olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;padding:7px;border-radius:8px;color:var(--tinta3);display:grid}
#entrar .olho:hover{background:var(--agua2);color:var(--tinta)}
#entrar .lembrar{display:flex;gap:10px;align-items:center;font-weight:400;color:var(--tinta)}
#entrar .lembrar input{width:17px;height:17px;padding:0;accent-color:var(--laranja)}
#entrar .esquecer{border:0;background:none;color:var(--tinta3);text-decoration:underline;text-underline-offset:3px;font-size:var(--t-2);justify-self:center}
.botao{padding:12px 20px;border:0;border-radius:10px;background:var(--laranja);color:#fff;font-weight:600;font-size:var(--t0);box-shadow:0 6px 16px -8px var(--laranja)}
.botao:hover{background:color-mix(in srgb,var(--laranja) 88%,#000)}
.botao:disabled{opacity:.6;cursor:wait}
.erro{color:var(--vermelho-t);font-weight:500;font-size:var(--t-1)}

/* ---------- casca: menu escuro, cada item com seu quadrado de cor */
#app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
nav{background:var(--noite);color:#E8E5E4;padding:0 12px 24px;position:sticky;top:0;height:100vh;overflow:auto}
nav::before{content:"";display:block;height:4px;margin:0 -12px;background:var(--listra)}
nav .marca{display:grid;gap:2px;padding:22px 10px 18px}
nav .marca .logo{justify-self:center;width:104px;aspect-ratio:480/386;background:var(--logo-branca) center/contain no-repeat}
/* quem está logado: grande e no topo do menu */
nav .quem-sou{--cg:#258047;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:0 4px 14px;padding:12px;
  border-radius:12px;background:color-mix(in srgb,var(--cg) 22%,#1d1b1b);border:1px solid color-mix(in srgb,var(--cg) 55%,transparent)}
nav .quem-sou.supervisor{--cg:#2A5CB7} nav .quem-sou.gerente{--cg:#B3540C}
nav .quem-sou .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--cg);color:#fff;font:700 16px/1 var(--sans)}
nav .quem-sou .qs-txt{display:grid;gap:3px;min-width:0}
nav .quem-sou b{color:#fff;font-size:15px;line-height:1.2;overflow-wrap:anywhere}
nav .quem-sou .cargo{justify-self:start;padding:2px 8px;border-radius:6px;background:var(--cg);color:#fff;font-size:var(--t-2);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
nav .quem-sou small{color:#D8D2D0;font-size:var(--t-2)}
/* menu: blocos por grupo, sem subtítulo (o texto de apoio fica na dica) */
nav .menu-grupo{margin:0 0 12px;padding:0 6px 6px;border-radius:12px;border:1px solid #3A3637;background:#262324}
nav .menu-grupo>h2{margin:0 -6px 6px;padding:8px 12px;border-radius:11px 11px 0 0;font:800 var(--t-2)/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#4A4547}
nav .g-equipe{border-color:#2A5CB7;background:color-mix(in srgb,#2A5CB7 20%,#1d1b1b)} nav .g-equipe>h2{background:#2A5CB7}
nav .g-estoque{padding-top:6px}
nav .g-ajuda{background:none;border-color:transparent} nav .g-ajuda>h2{background:none;color:var(--pessego);padding-left:6px}
nav .menu-grupo button{grid-template-columns:32px 1fr;padding:6px 8px}
nav .menu-grupo button svg{grid-row:auto}
nav .menu-grupo button[aria-current="page"]::before{left:-6px}
nav .g-equipe button:hover,nav .g-equipe button[aria-current="page"]{background:color-mix(in srgb,#2A5CB7 35%,#1d1b1b)}
nav .filial-sel{display:grid;gap:5px;margin:-4px 4px 12px;padding:10px 12px;border-radius:12px;background:#2D2A2B;border:1px solid #4A4547}
nav .filial-sel span{font-size:var(--t-2);font-weight:700;color:var(--pessego);text-transform:uppercase;letter-spacing:.05em}
nav .filial-sel select{width:100%;background:#1D1B1C;color:#fff;border:2px solid #6B6567;font-weight:700;font-size:var(--t0);padding:7px 10px}
nav .filial-sel select:focus{border-color:var(--laranja)}
nav h2{font:600 var(--t-2)/1 var(--sans);color:var(--pessego);margin:20px 10px 8px}
nav button{position:relative;display:grid;grid-template-columns:32px 1fr;column-gap:12px;align-items:center;width:100%;text-align:left;border:0;background:none;
  border-radius:10px;padding:7px 10px;margin-bottom:2px;color:#CFCACA}
nav button svg{grid-row:span 2;width:32px;height:32px;padding:7px;border-radius:9px;background:var(--cor);color:#fff}
nav button b{font-size:var(--t0);font-weight:500;color:#F2EFEE;line-height:1.25}
nav button small{color:#98918F;font-size:var(--t-2);line-height:1.3}
nav button:hover{background:var(--noite2)}
nav button[aria-current="page"]{background:var(--noite2)}
nav button[aria-current="page"]::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--cor)}
nav button[aria-current="page"] b{color:#fff;font-weight:600}
nav button[aria-current="page"] small{color:#C9C3C1}
main{min-width:0}
#topo{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--papel) 94%,transparent);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linha2);box-shadow:var(--sombra);padding:11px 28px;display:grid;gap:9px}
.linha{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.escopo{font-weight:600;font-size:var(--t-1)}
.escopo span{color:var(--tinta2);font-weight:400}
.dir{margin-left:auto}
.chip{border:1px solid var(--linha2);background:var(--papel);border-radius:8px;padding:6px 12px;font-size:var(--t-1);font-weight:500;color:var(--tinta2)}
.chip:hover{border-color:var(--forte);color:var(--forte-t)}
.chip[aria-pressed="true"]{background:var(--forte);color:#fff;border-color:var(--forte);font-weight:600}
select,input[type=date],input[type=number],input[type=search]{border:1px solid var(--linha2);background:var(--papel);border-radius:8px;padding:6px 10px;font-size:var(--t-1);color:var(--tinta)}
select:focus,input:focus{outline:0;border-color:var(--laranja);box-shadow:var(--anel)}
.carimbo{color:var(--tinta3);font-size:var(--t-2)}
.carimbo.falha{color:var(--vermelho-t);font-weight:600}   /* texto: o tom de texto passa AA nos dois temas */
.pisca{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5BE08F;margin-right:7px;animation:pisca 2.4s infinite}
@keyframes pisca{50%{opacity:.3}}
.mudo{color:var(--tinta3)}
#conteudo{padding:24px 28px 48px;display:grid;gap:20px;max-width:1440px}
/* faixa do painel: sólida na cor do painel */
h1.titulo{margin:0;padding:22px 26px;border-radius:14px;font:700 var(--t3)/1.15 var(--sans);letter-spacing:-.02em;color:#fff;
  background:linear-gradient(120deg,var(--forte),color-mix(in srgb,var(--forte) 72%,#000));box-shadow:0 10px 28px -16px var(--forte)}
h1.titulo small{display:block;font:400 var(--t0)/1.45 var(--sans);letter-spacing:0;color:rgba(255,255,255,.86);margin-top:5px}
section.bloco{background:var(--papel);border:1px solid var(--linha);box-shadow:var(--sombra);border-radius:12px;padding:20px 22px;min-width:0}
section.bloco>h2{margin:0 0 14px;padding-left:12px;border-left:4px solid var(--cor);font:600 var(--t1)/1.3 var(--sans);color:var(--tinta)}
section.bloco>h2 small{font:400 var(--t-1) var(--sans);color:var(--tinta3);margin-left:10px}
.carregando{color:var(--tinta3);padding:32px;text-align:center;display:grid;justify-items:center;gap:10px}

/* ---------- cartões de número: a cor diz o sinal (bom, ruim, atenção, em andamento, zero) */
/* fila fixa: no máximo 4 cartões, todos da mesma largura, nunca 3+2; a fila é montada no código, por assunto (paineis.js).
   Mede a área de conteúdo (o menu come 248 px): 2 por fila abaixo de 620 px. */
#conteudo{container-type:inline-size;grid-template-columns:minmax(0,1fr)}   /* a coluna não cresce com o conteúdo (texto longo de erro empurrava a página) */
.carregando{overflow-wrap:anywhere}
.cartoes{--n:4;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px}
.cartoes:has(>:only-child){--n:1} .cartoes:has(>:nth-child(2):last-child){--n:2} .cartoes:has(>:nth-child(3):last-child){--n:3}
.cartoes.c4{--n:4}   /* Pedidos: as duas faixas nas mesmas 4 colunas */
@container (max-width:620px){.cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* cor = significado, nunca a posição: neutro (grafite) por padrão; verde bom, vermelho ruim, amarelo atenção, azul em andamento, cinza zero */
.cartao{--cor:var(--grafite);position:relative;overflow:visible;background:var(--papel);border:1px solid var(--linha);border-top:4px solid var(--cor);
  box-shadow:var(--sombra);border-radius:12px;padding:14px 18px 16px;display:grid;gap:4px;align-content:start}
.cartao .rot{font-size:var(--t-1);line-height:1.35;min-height:2.7em;color:var(--forte-t);font-weight:600;display:flex;justify-content:space-between;align-items:flex-start;gap:6px}   /* 2 linhas reservadas: o valor começa na mesma altura em todos */
.cartao .val{font:700 var(--t2)/1.15 var(--sans);letter-spacing:-.02em;white-space:nowrap;color:var(--tinta)}
.cartao .leg{font-size:var(--t-2);color:var(--tinta3);line-height:1.45}
.cartao.alerta{--cor:var(--vermelho)}
.cartao.alerta .val{color:var(--vermelho-t)}
details.i{position:relative}
details.i summary{list-style:none;cursor:pointer;width:18px;height:18px;border-radius:50%;border:1px solid var(--linha2);display:grid;place-items:center;font:600 11px var(--sans);color:var(--tinta3)}
details.i summary::-webkit-details-marker{display:none}
details.i div{position:absolute;right:0;top:24px;z-index:9;width:min(340px,80vw);background:var(--papel);border:1px solid var(--linha2);box-shadow:var(--sombra-alta);border-radius:10px;padding:14px 16px;font-weight:400;line-height:1.5;color:var(--tinta2);font-size:var(--t-1)}

/* ---------- alertas */
.alertas{display:grid;gap:8px}
.alertas button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--linha);background:var(--papel);border-radius:10px;padding:10px 14px}
.alertas button b{font:700 var(--t1) var(--sans)}
.alertas button.urg{border-color:color-mix(in srgb,var(--vermelho) 40%,var(--linha));background:color-mix(in srgb,var(--vermelho) 7%,var(--papel))}

@media (prefers-reduced-motion:reduce){.pisca,.lampada,.selo::before{animation:none!important}}

/* ---------- lâmpada do semáforo */
.lampada{flex:none;display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--l);box-shadow:0 0 0 4px color-mix(in srgb,var(--l) 22%,transparent)}
@keyframes acesa{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--l) 12%,transparent)}}
/* semáforo vivo: todas as lâmpadas pulsam de leve; quanto mais urgente, mais rápido */
.lampada{animation:acesa 3.6s ease-in-out infinite}
.luz.amarelo .lampada,.membro.at .lampada,.vitem.at .lampada,.vgrupo.at .lampada{animation-duration:2.4s}
.luz.vermelho .lampada,.membro.urg .lampada,.vitem.urg .lampada,.vgrupo.urg .lampada{animation-duration:1.5s}
.selo.urg::before{animation:pisca 1.5s ease-in-out infinite}

/* ---------- Hoje */
.luzes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.luz{--l:var(--verde);--lt:var(--verde-t);position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-align:left;
  border:1px solid var(--linha);border-left:5px solid var(--l);border-radius:12px;padding:16px 18px;background:var(--papel);box-shadow:var(--sombra);color:var(--tinta)}
.luz.amarelo{--l:var(--amarelo);--lt:var(--amarelo-t)} .luz.vermelho{--l:var(--vermelho);--lt:var(--vermelho-t)}
.luz:hover{background:color-mix(in srgb,var(--l) 6%,var(--papel))}
.luz .lampada{grid-row:span 4;align-self:start;margin-top:6px;width:13px;height:13px}
.luz.vermelho .lampada{animation:acesa 1.5s ease-in-out infinite}
.luz .dom{font-size:var(--t-2);font-weight:600;color:var(--tinta3)}
.luz .val{font:700 24px/1.2 var(--sans);letter-spacing:-.02em;white-space:nowrap}
.luz .estado{justify-self:start;margin:4px 0 3px;padding:2px 10px;border-radius:6px;background:var(--l);color:#fff;font-weight:600;font-size:var(--t-1)}
.luz.amarelo .estado{color:#3D2C00}
.luz .leg{font-size:var(--t-2);color:var(--tinta3);line-height:1.45}
/* Sua equipe (supervisor) */
.equipe{display:grid;gap:6px}
.membro{--l:var(--verde);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;text-align:left;
  border:1px solid var(--linha);border-left:4px solid var(--l);border-radius:10px;padding:10px 14px;background:var(--papel);color:inherit}
.membro.at{--l:var(--amarelo)} .membro.urg{--l:var(--vermelho)}
.membro:hover{background:color-mix(in srgb,var(--l) 6%,var(--papel))}
.membro .quem{font-weight:600}
.membro .quem small{margin-left:8px;padding:1px 7px;border-radius:5px;background:var(--agua);font-weight:500;color:var(--tinta2)}
.membro .rs{font-weight:700;font-size:var(--t1)}
.membro .compara{display:grid;justify-items:end;gap:2px;min-width:150px}
.membro .compara small{color:var(--tinta3);font-size:var(--t-2)}
@media (max-width:700px){.membro{grid-template-columns:auto 1fr} .membro .rs,.membro .compara{grid-column:2;justify-items:start}}

/* ---------- Vencendo: dias e totais em cor viva; produto só com o número colorido */
.vgrade{container-type:inline-size;display:grid;gap:6px}
.vbusca{justify-self:start;min-width:280px}
.vlinha{display:grid;grid-template-columns:minmax(0,1fr) repeat(var(--ncol),minmax(78px,112px));gap:8px;align-items:center}
.vcab{padding:4px 16px 2px;align-items:end}
.vcab>.mudo{font-size:var(--t-2)}
.d0{--df:var(--dia0-f);--dt:var(--dia0-t);--sobre:#fff} .d1{--df:var(--dia1-f);--dt:var(--dia1-t);--sobre:#fff}
.d2{--df:var(--dia2-f);--dt:var(--dia2-t);--sobre:#3D2C00} .d3{--df:var(--dia3-f);--dt:var(--dia3-t);--sobre:#fff}
.vdia{display:grid}
.vdia b{display:flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;padding:10px 6px;background:var(--df);color:var(--sobre);font:700 var(--t0)/1.1 var(--sans)}
.vgrupo{--l:var(--amarelo);--lt:var(--amarelo-t);display:flex;gap:12px;align-items:center;margin:14px 0 4px;padding:10px 16px;border-radius:10px;
  font:700 var(--t1)/1.2 var(--sans);background:color-mix(in srgb,var(--l) 14%,var(--papel));color:var(--lt)}
.vgrupo small{font:500 var(--t-1) var(--sans);color:inherit;opacity:.8}
.vgrupo.urg{--l:#fff;background:var(--dia0-f);color:#fff}   /* vermelho firme nos dois temas (o do escuro é claro: branco não lia) */
.vitem.urg{--l:var(--vermelho);--lt:var(--vermelho-t)}
.vitem.at{--l:var(--amarelo);--lt:var(--amarelo-t)}
.vitem{--l:var(--verde);--lt:var(--verde-t);background:var(--papel);border:1px solid var(--linha);border-left:4px solid var(--l);border-radius:10px;box-shadow:var(--sombra)}
.vitem>summary{list-style:none;cursor:pointer;padding:9px 12px 9px 14px;border-radius:10px}
.vitem>summary::-webkit-details-marker{display:none}
.vitem>summary:hover{background:var(--agua2)}
.vitem[open]>summary{border-radius:10px 10px 0 0}
.vnome{display:flex;gap:12px;align-items:center;min-width:0}
.vnome b{font-weight:600;font-size:var(--t0);line-height:1.3}
.vitem.urg .lampada{animation:acesa 1.5s ease-in-out infinite}
.vcel{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--linha2)}
.vitem>summary .vcel{border-radius:7px;padding:7px 4px;font:600 var(--t0)/1.2 var(--sans)}
.vitem>summary .vcel.tem{background:var(--df);color:var(--sobre);font-weight:700}
.vprods{border-top:1px solid var(--linha);padding:4px 12px 8px 14px;background:var(--agua2);border-radius:0 0 10px 10px}
.vprod{padding:6px 0 6px 24px;border-top:1px solid var(--linha);font-size:var(--t-1);color:var(--tinta2)}
.vprod:first-child{border-top:0}
.vprod .cod{color:var(--tinta3);margin-right:10px;font-size:var(--t-2)}
.vprod .vcel{font:500 var(--t-1)/1.2 var(--sans)}
.vprod .vcel.tem{color:var(--dt);font-weight:700}
@container (max-width:620px){
  .vlinha{grid-template-columns:repeat(var(--ncol),1fr)}
  .vlinha>:first-child{grid-column:1/-1}
  .vcab>:first-child{display:none}
  .vprod{padding-left:0}
}

/* ---------- Estoque: consulta direta, como a Posição de Estoque (SAP Stock, Odoo Lots).
   Cabeçalho escuro fixo ao rolar, colunas de largura fixa, números à direita, faixa "Disponível" em destaque,
   linha sob o mouse acesa (fundo + filete em cima e embaixo + barra de validade mais grossa). */
.consulta{display:grid;gap:12px}
.consulta-barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.consulta input[type=search]{font-size:var(--t1);padding:12px 16px;border-radius:10px;border:2px solid var(--cor);width:min(560px,100%);box-shadow:var(--sombra);background:var(--papel)}
.consulta .conta{font-size:var(--t-1);color:var(--tinta2)}
/* a tabela rola dentro da caixa: o cabeçalho fica sempre à vista (ponytail: altura fixa pela janela; medir o topo se ele crescer) */
.posicao-caixa{overflow:hidden auto;max-height:calc(100vh - 150px);background:var(--papel);border:1px solid var(--linha2);border-radius:12px;box-shadow:var(--sombra)}
.posicao{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:var(--t0)}
.posicao>thead th{position:sticky;top:0;z-index:2;padding:0;cursor:pointer;background:var(--forte);color:#fff;border-bottom:0;white-space:nowrap}
.posicao>thead th:hover{background:color-mix(in srgb,var(--forte) 85%,#000)}
.posicao .ordena{all:unset;box-sizing:border-box;display:block;width:100%;padding:12px 14px;font-size:var(--t-1);font-weight:600;color:#fff;cursor:pointer}
.posicao th.n .ordena{text-align:right}
.posicao>thead th{position:sticky}   /* o puxador fica preso à borda direita do título */
.posicao .puxa{position:absolute;top:0;right:-3px;width:8px;height:100%;cursor:col-resize;z-index:3}
.posicao .puxa::after{content:"";position:absolute;top:25%;bottom:25%;left:3px;width:2px;border-radius:1px;background:rgba(255,255,255,.35)}
.posicao .puxa:hover::after{background:#fff}
.est-col{margin-left:auto} .est-col>div{right:0;display:grid;gap:6px}
.posicao .ordena:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.posicao th[aria-sort]::after{content:none}
.posicao th[aria-sort]{box-shadow:inset 0 -3px 0 var(--limao)}
.posicao th[aria-sort="ascending"] .ordena::after{content:" ↑"} .posicao th[aria-sort="descending"] .ordena::after{content:" ↓"}
.prods th.cod{width:92px} .prods th.venc{width:184px} .prods th.lotes-n{width:72px} .prods th.atu{width:104px}
.prods th.res{width:112px} .prods th.disp{width:124px} .prods th.un{width:112px}
.posicao>tbody>tr>td{padding:10px 14px;border-top:1px solid var(--linha);vertical-align:middle}
.posicao>tbody>tr:first-child>td{border-top:0}
.posicao .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.posicao .mudo{color:var(--tinta2)}
.posicao td.vazio{padding:28px 16px;text-align:center}
.posicao td.cod{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--t-1);color:var(--tinta2)}
.posicao td.desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.posicao td.desc{font-weight:600;color:var(--tinta)}
.posicao tr.prod td.desc::before{content:"▸";display:inline-block;width:14px;margin-right:6px;color:var(--tinta2);transition:transform .15s}
.posicao tr.aberto td.desc::before{transform:rotate(90deg)}
.posicao td.venc{white-space:nowrap}
.posicao td.venc .data{display:inline-block;width:42px;margin-right:8px;font-size:var(--t-1);font-weight:600;color:var(--tinta2)}
.posicao td.venc .selo{min-width:104px;text-align:left}
.posicao td.lotes-n small{margin-left:6px;padding:1px 6px;border-radius:5px;background:var(--agua);color:var(--tinta2);font-size:var(--t-2);font-weight:600;cursor:help}
.prods td.atu,.prods td.un{color:var(--tinta2)}
.prods td.res{color:var(--amarelo-t);font-weight:600}
/* o número que responde "quanto tem livre": faixa verde de cima a baixo */
.prods tr.prod>td.disp{font-weight:700;font-size:var(--t1);color:var(--verde-t);background:color-mix(in srgb,var(--verde) 6%,var(--papel))}
.posicao tr.prod{cursor:pointer;--l:var(--verde)} .posicao tr.prod.at{--l:var(--amarelo)} .posicao tr.prod.urg{--l:var(--vermelho)}
.posicao tr.prod>td:first-child{box-shadow:inset 5px 0 0 var(--l)}
.posicao tr.prod:hover>td{background:color-mix(in srgb,var(--cor) 18%,var(--papel));box-shadow:inset 0 1px 0 var(--forte),inset 0 -1px 0 var(--forte)}
.posicao tr.prod:hover>td:first-child{box-shadow:inset 8px 0 0 var(--l),inset 0 1px 0 var(--forte),inset 0 -1px 0 var(--forte)}
.prods tr.prod:hover>td.disp{background:color-mix(in srgb,var(--verde) 14%,var(--papel))}
.posicao tr.aberto>td{background:color-mix(in srgb,var(--cor) 9%,var(--papel))}
.posicao tr.prod:focus-visible{outline:2px solid var(--laranja);outline-offset:-2px}
.posicao td,.lotes-t td{user-select:text;cursor:text} .posicao tr.prod td{cursor:pointer}
/* lotes do produto aberto */
.posicao tr.lotes>td{padding:6px 14px 16px 40px;background:color-mix(in srgb,var(--cor) 9%,var(--papel));border-top:0}
.lotes-t{width:100%;table-layout:fixed;font-size:var(--t-1);background:var(--papel);border:1px solid var(--linha2);border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden}
.lotes-t th{position:static;background:var(--agua2);padding:8px 12px;cursor:default;font-weight:600;font-size:var(--t-2);color:var(--tinta2);border-bottom:1px solid var(--linha)}
.lotes-t td{padding:8px 12px;border-bottom:1px solid var(--linha);overflow:hidden;text-overflow:ellipsis}
.lotes-t tr:last-child td{border-bottom:0}
.lotes-t tr.lote{--l:var(--verde)} .lotes-t tr.lote.at{--l:var(--amarelo)} .lotes-t tr.lote.urg{--l:var(--vermelho)} .lotes-t tr.lote.indisp{--l:var(--tinta3)}
.lotes-t tr.lote td:first-child{box-shadow:inset 5px 0 0 var(--l)}
.lotes-t tr.lote.at td{background:color-mix(in srgb,var(--amarelo) 9%,var(--papel))}
.lotes-t tr.lote.urg td{background:color-mix(in srgb,var(--vermelho) 9%,var(--papel))}
.lotes-t tr.lote.indisp td{background:color-mix(in srgb,var(--tinta3) 8%,var(--papel));color:var(--tinta2)}
.lotes-t tbody tr.lote:hover td{background:color-mix(in srgb,var(--cor) 18%,var(--papel))}
.lotes-t tbody tr.lote:hover td:first-child{box-shadow:inset 8px 0 0 var(--l)}
.lotes-t th.atu{color:var(--tinta)} .lotes-t th.res{color:var(--amarelo-t)} .lotes-t th.disp{color:var(--verde-t)}
.lotes-t th.atu,.lotes-t th.res,.lotes-t th.disp{box-shadow:inset 0 -3px 0 currentColor}
.lotes-t td.atu{color:var(--tinta);font-weight:600}
.lotes-t td.res{color:var(--amarelo-t);font-weight:600} .lotes-t td.disp{font-weight:700;color:var(--verde-t)}
.lotes-t td.n small{display:block;font-size:var(--t-2);font-weight:400;color:var(--tinta2)}
.lotes-t .kraft{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.lotes-t tr.lote.indisp .selo{margin-right:6px}
/* colunas FIXAS: todas as tabelas de lote (uma por produto aberto) ficam alinhadas entre si — lote em cima de lote */
.lotes-t th:first-child{width:18%} .lotes-t th.val{width:108px} .lotes-t th.n{width:12%} .lotes-t th.livre{width:10%}
.barra-livre{display:block;height:10px;border-radius:5px;background:var(--amarelo);overflow:hidden}
.barra-livre i{display:block;height:100%;background:var(--verde)}
/* VENCIDOS, simples (pedido do dono, 28/09): cada variedade é um bloco separado por espaço; produto = linha branca
   em negrito; lote = linha recuada. Cor só no cabeçalho (vinho = vencido) e no número bloqueado (vermelho, sem fundo). */
.venc-t>thead th{padding:12px 14px;cursor:default;font-size:var(--t-1);font-weight:600;background:#8E1B26!important;color:#fff}
.venc-t>thead th.valor{white-space:normal;line-height:1.2}
.venc-t th.val{width:118px} .venc-t th.venceu{width:170px} .venc-t th.atu,.venc-t th.res,.venc-t th.valor{width:130px}
.venc-t tr.v-sep>td{height:16px;padding:0;background:var(--agua);border-top:2px solid var(--linha2);border-bottom:2px solid var(--linha2)}
.venc-t tr.v-grupo>td{background:color-mix(in srgb,var(--tinta2) 12%,var(--papel));color:var(--tinta);font-weight:800;padding-top:12px;padding-bottom:12px}
.venc-t tr.v-grupo b{font-size:var(--t1);font-weight:800}
.venc-t tr.v-prod>td{background:var(--papel);color:var(--tinta);font-weight:700;padding-top:10px;padding-bottom:10px;border-top:1px solid var(--linha2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.venc-t tr.v-prod .cod{color:var(--tinta2);font-weight:600;margin-right:10px}
.venc-t tr.v-prod .arm{margin-left:12px;font-weight:400;color:var(--tinta2);border:0;background:none;padding:0;box-shadow:none}   /* texto simples, sem selo */
.venc-t tr.v-lote>td{background:var(--papel);font-size:var(--t-1);color:var(--tinta2)}
.venc-t tr.v-lote>td:first-child{padding-left:40px}
.venc-t tr.v-lote:hover>td{background:color-mix(in srgb,var(--vermelho) 6%,var(--papel))}
.venc-t td.atu{font-weight:700;color:var(--tinta)} .venc-t td.res{color:var(--amarelo-t);font-weight:600}
.venc-t td.valor{color:var(--vermelho-t);font-weight:700} .venc-t tr.v-prod>td.valor{font-weight:800} .venc-t tr.v-grupo>td.valor{font-size:var(--t1);font-weight:800}
.venc-t td.n small{display:block;font-size:var(--t-2);font-weight:400;color:var(--tinta2)}
.venc-t td .kraft{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
/* ESTOQUE, mesmo modelo nas duas abas: produto = cabeçalho, lotes pendurados por uma guia. Verde = disponível; vinho = vencido */
.prods .cod-selo{display:inline-block;background:var(--c-estoque);color:#fff;padding:2px 8px;border-radius:5px;font-weight:700;font-variant-numeric:tabular-nums}
.prods tr.prod.aberto>td{background:color-mix(in srgb,var(--c-estoque) 15%,var(--papel));border-top:2px solid color-mix(in srgb,var(--c-estoque) 60%,var(--papel));font-weight:700}
.prods tr.prod.aberto>td:first-child{box-shadow:inset 6px 0 0 var(--c-estoque)}
.prods tr.lote-l>td{background:var(--papel);font-size:var(--t-1);padding-top:8px;padding-bottom:8px}
.prods tr.lote-l>td.cod{position:relative}
.prods tr.lote-l>td.cod::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--c-estoque) 55%,var(--papel))}
.prods tr.lote-l.ultimo>td.cod::before{bottom:50%}
.prods tr.lote-l>td.cod::after{content:"";position:absolute;left:50%;top:50%;width:calc(50% + 4px);height:2px;background:color-mix(in srgb,var(--c-estoque) 55%,var(--papel))}
.prods tr.lote-l.ultimo>td{border-bottom:2px solid color-mix(in srgb,var(--c-estoque) 45%,var(--papel))}
.prods tr.lote-l .data{margin-right:8px;font-weight:700} .prods tr.lote-l td.desc .selo{margin-left:10px} .prods tr.lote-l .arm-lote{margin-left:10px;color:var(--tinta2);font-size:var(--t-2)}
.prods tr.lote-l td.disp{font-weight:800;color:var(--verde-t)}
/* coluna que sai em tela estreita fica com largura zero em vez de sumir: a linha de lotes (colspan) não cria colunas fantasmas */
@media (max-width:1280px){.prods>thead>tr>.lotes-n,.prods>tbody>tr>.lotes-n{width:0;padding:0;border-left:0;visibility:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:1200px){.prods>thead>tr>.atu,.prods>tbody>tr>.atu,.prods>thead>tr>.un,.prods>tbody>tr>.un{width:0;padding:0;border-left:0;visibility:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lotes-t .livre{display:none}
  .posicao tr.lotes>td{padding-left:12px;padding-right:12px} .lotes-t th,.lotes-t td{padding:8px 8px} .venc-t th.venceu{width:150px} .venc-t th.atu,.venc-t th.res,.venc-t th.valor{width:112px}}
@media (max-width:620px){.prods>thead>tr>.cod,.prods>tbody>tr>.cod,.prods>thead>tr>.res,.prods>tbody>tr>.res{width:0;padding:0;border-left:0;visibility:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .prods td.venc .data{display:none}}

/* ---------- filial e armazéns */
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--linha2);border-radius:9px;background:var(--agua2);padding:3px;gap:2px}
.seg button{border:0;background:none;border-radius:7px;padding:6px 14px;font-weight:500;font-size:var(--t-1);color:var(--tinta2)}
.seg button small{font-weight:500;margin-left:6px;opacity:.7}
.seg button[aria-pressed="true"]{background:var(--forte);color:#fff;font-weight:600}
.seg button:hover:not([aria-pressed="true"]){color:var(--tinta)}
section.onde{background:var(--papel);border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra);padding:14px 20px;display:grid;gap:10px}
.onde-linha{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.onde-rot{font-weight:600;font-size:var(--t-1);color:var(--tinta2);min-width:128px}
.arms{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.arm{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--linha2);background:var(--papel);border-radius:8px;padding:6px 12px 6px 9px;font-weight:500;font-size:var(--t-1);color:var(--tinta2)}
.arm:hover{border-color:var(--cor)}
.arm .marca-arm{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--linha2);display:grid;place-items:center}
.arm[aria-pressed="true"]{border-color:var(--cor);background:color-mix(in srgb,var(--cor) 10%,var(--papel));color:var(--forte-t);font-weight:600}
.arm[aria-pressed="true"] .marca-arm{background:var(--cor);border-color:var(--cor)}
.arm[aria-pressed="true"] .marca-arm::after{content:"";width:3.5px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.arm small{font-weight:600;color:var(--vermelho-t)}
.arm.fora[aria-pressed="true"]{border-color:var(--vermelho);background:color-mix(in srgb,var(--vermelho) 8%,var(--papel));color:var(--vermelho-t)}
.arms .mais{border:0;background:none;color:var(--forte-t);font-weight:600;font-size:var(--t-1);text-decoration:underline;text-underline-offset:3px;padding:6px}
details.outros summary{cursor:pointer;font-size:var(--t-1);color:var(--tinta3);padding-left:2px}
details.outros .arms{margin-top:10px;padding-left:calc(128px + 14px)}
@media (max-width:900px){details.outros .arms{padding-left:0}}

/* ---------- gráficos */
.legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--t-2);color:var(--tinta2);margin-bottom:12px;align-items:center}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
/* gráfico de colunas por dia — padrão do Painel de Separação */
.graf{display:grid;gap:12px}
.chips-graf{display:flex;flex-wrap:wrap;gap:8px 18px;font:600 var(--t-1)/1.4 var(--sans);color:var(--tinta2)}
.chip-g{display:inline-flex;align-items:center;gap:7px} .chip-g::before{content:"";width:11px;height:11px;border-radius:3px;background:var(--c)}
.chip-g.traco::before{width:16px;height:0;border-radius:0;border-top:2.5px dashed var(--tinta2);background:none}
.chip-g.curva::before{width:16px;height:0;border-radius:0;border-top:2.5px solid var(--laranja);background:none}
.graf-col{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:0 4px;border-bottom:1px solid var(--linha2)}
/* a curva e a média ficam sobre a faixa dos trilhos: 22px (marca) em cima, 26px (dia) embaixo */
.graf-curva{position:absolute;left:4px;right:4px;top:22px;height:var(--tubo);width:calc(100% - 8px);overflow:visible;pointer-events:none;z-index:2}
.graf-curva polyline.comp{stroke:var(--verde);stroke-dasharray:3 2;stroke-width:2}
.chip-g.comp::before{width:16px;height:0;border-radius:0;border-top:2.5px dashed var(--verde);background:none}
.graf-curva polyline{fill:none;stroke:var(--laranja);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.9}
.graf-media{position:absolute;left:4px;right:4px;height:0;border-top:2px dashed color-mix(in srgb,var(--tinta2) 70%,transparent);z-index:1;cursor:help}
.gc{display:grid;grid-template-rows:18px var(--tubo) 22px;row-gap:4px;min-width:0;padding:0 3px;border-radius:8px;cursor:default}
.gc:hover{background:color-mix(in srgb,var(--cor) 7%,transparent)}
.gc-marca{align-self:end;text-align:center;white-space:nowrap;font:800 9.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta3)}
.gc.maior .gc-marca{color:var(--verde-t)} .gc.menor .gc-marca{color:var(--vermelho-t)}
.gc-tubo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:8px;
  background:linear-gradient(to top,color-mix(in srgb,var(--linha) 70%,transparent),transparent)}
.gc-val{margin-bottom:6px;white-space:nowrap;font:800 var(--t-2)/1 var(--sans);color:var(--tinta);position:relative;z-index:3;
  padding:2px 5px;border-radius:6px;background:color-mix(in srgb,var(--papel) 85%,transparent)}
.gc.maior .gc-val{color:var(--verde-t)} .gc.menor .gc-val{color:var(--vermelho-t)}
.gc-ponto{width:9px;height:9px;border-radius:50%;background:var(--papel);border:2.5px solid var(--laranja);margin-bottom:-5px;position:relative;z-index:3}
.gc-pilha{display:flex;flex-direction:column-reverse;width:100%;max-width:48px;min-height:2px;border-radius:8px 8px 4px 4px;overflow:hidden;
  transform-origin:bottom;animation:sobe .55s cubic-bezier(.2,.8,.2,1) backwards}
.gc-pilha span{display:block;min-height:0}
@keyframes sobe{from{transform:scaleY(0)}}
.gc{grid-template-rows:18px var(--tubo) 22px auto;grid-template-columns:minmax(0,1fr)}   /* coluna de largura fixa: rótulo largo ("MAIOR") não alarga a barra */
.gc>*{min-width:0} .gc-marca{overflow:visible;justify-self:center}
.gc-sub{display:grid;justify-items:center;gap:1px;font-size:9.5px;line-height:1.1;white-space:nowrap}
.gc-sub b{font-weight:800} .gc-selo{font-style:normal;color:#C93F84;font-size:12px;cursor:help}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gc-selo{color:#F49AC6}}   /* rosa claro no escuro: passa AA */
.graf-col.denso .gc-sub b{writing-mode:vertical-rl;transform:rotate(180deg)}
.nota-sem{margin:10px 0 0;font-size:var(--t-2)}
.gc-dia{align-self:start;text-align:center;white-space:nowrap;font:600 var(--t-2)/1.2 var(--sans);color:var(--tinta3)}
.graf-col.denso .gc{padding:0 1px} .graf-col.denso .gc-val{font-size:9px;padding:1px 2px;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:4px}
.graf-col.denso .gc-dia{font-size:9.5px;letter-spacing:-.03em}
@media (prefers-reduced-motion:reduce){.gc-pilha{animation:none}}
.dica{position:fixed;z-index:1000;pointer-events:none;max-width:min(380px,calc(100vw - 16px));white-space:pre-line;background:var(--noite);color:#fff;padding:8px 11px;border-radius:8px;font-size:var(--t-2);line-height:1.45;box-shadow:var(--sombra-alta)}
.barrash{display:grid;gap:10px}
.barrash div{display:grid;grid-template-columns:minmax(120px,32%) 1fr auto;gap:12px;align-items:center;font-size:var(--t-1)}
.barrash i{display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,var(--cor),color-mix(in srgb,var(--cor) 70%,var(--papel)));min-width:4px}
.barrash .num{color:var(--tinta);font-weight:600}
.validade{display:flex;height:8px;width:120px;gap:2px}
.validade span{display:block;height:100%}
.validade span:first-child{border-radius:4px 0 0 4px}
.validade span:last-child{border-radius:0 4px 4px 0}
.v3{background:var(--vermelho)} .v7{background:var(--amarelo)} .vm{background:var(--verde)}
.selo{--l:var(--tinta3);--lt:var(--tinta2);display:inline-block;white-space:nowrap;font-size:var(--t-2);font-weight:600;padding:3px 9px;border-radius:6px;
  background:color-mix(in srgb,var(--l) 15%,var(--papel));color:var(--lt)}
.selo::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--l);margin-right:7px;vertical-align:1px}
.selo.lib{--l:var(--c-pedidos);--lt:var(--c-pedidos)}
/* tema escuro: o texto dos selos e estados coloridos usa a versão CLARA da cor (a escura sumia no fundo escuro) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  .selo.lib,.selo.t-transf,.pj-est.lib,.pj-tes.t-transf{--lt:#9DBBF2} .pj-est.lib{color:#9DBBF2}
  .selo.t-bonif,.pj-tes.t-bonif{--lt:#C9B0F2} .selo.t-repo,.pj-tes.t-repo{--lt:#F2B68A}
}}
.selo.t-venda{--l:var(--verde);--lt:var(--verde-t)} .selo.t-repo{--l:#C0480C;--lt:#9A4708} .selo.t-bonif{--l:#7C4DC9;--lt:#6A3DB5}
.selo.t-transf{--l:var(--c-pedidos);--lt:var(--c-pedidos)} .selo.t-misto{--l:var(--amarelo);--lt:var(--amarelo-t)}
.legendas{display:flex;flex-wrap:wrap;gap:8px}
/* filtros avançados dos Pedidos */
.filtros-linha{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 10px}
.filtros-linha .seg{display:inline-flex;border:1px solid var(--linha2);border-radius:10px;overflow:hidden;background:var(--papel)}
.filtros-linha .seg button{all:unset;cursor:pointer;padding:7px 16px;font-size:var(--t-1);color:var(--tinta2)}
.filtros-linha .seg button[aria-checked="true"]{background:var(--forte);color:#fff;font-weight:600}
.filtros-linha .seg button:focus-visible{outline:2px solid var(--laranja);outline-offset:-2px}
.filtros-linha>:only-child{margin-left:auto}
/* Filtro dos Pedidos: busca, pílulas removíveis e Mais filtros (os cartões também filtram) */
.pb-mostra{font-size:var(--t-1);color:var(--tinta2)}
.pb{display:grid;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--linha2);border-radius:12px;background:var(--agua2)}
.pb-busca{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--linha2);border-radius:10px;background:var(--papel)}
.pb-busca:focus-within{border-color:var(--forte);box-shadow:0 0 0 3px color-mix(in srgb,var(--forte) 22%,transparent)}
.pb-lupa{font-size:20px;line-height:1;color:var(--tinta3)}
.pb-busca input{flex:1;min-width:0;border:0;outline:0;background:none;padding:10px 0;font:inherit;font-size:var(--t0);color:var(--tinta)}
.pb-linha{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px} .pb-linha .pb-busca{flex:1 1 280px}
.pb-pilulas{display:flex;flex-wrap:wrap;gap:6px} .pb-tira:focus-visible{outline:2px solid var(--laranja);outline-offset:1px}
/* cartão que filtra a lista dos Pedidos: marcado = borda e fundo na cor do cartão */
.cartao.clica{cursor:pointer} .cartao.clica:hover{border-color:var(--cor)} .cartao.clica:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}
.cartao.clica[aria-pressed="true"]{border-color:var(--cor);background:color-mix(in srgb,var(--cor) 12%,var(--papel));box-shadow:inset 0 0 0 2px var(--cor)}
.pb-tira{all:unset;cursor:pointer;font-size:var(--t-1);font-weight:600;padding:2px 10px;border-radius:12px;background:var(--forte);color:#fff}
.pb-acoes{display:flex;gap:6px;margin-left:auto}
  @media (max-width:620px){ }
section.bloco>h2 details.i{display:inline-block;margin-left:8px;vertical-align:1px}   /* "i" na linha do título */
section.bloco>h2 details.i>div{font-weight:400}
.leg-item{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--linha);border-radius:10px;background:var(--papel);cursor:pointer;font:inherit;color:var(--tinta)}
.leg-item:hover{border-color:var(--cor)} .leg-item[aria-pressed="true"]{border-color:var(--cor);box-shadow:inset 0 0 0 2px var(--cor)}
.leg-item small{color:var(--tinta3)}
.dic{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0} .dic dd{margin:0}
.ped-alerta{display:inline-flex;align-items:center;gap:6px}
.destaque{margin:0;font-size:var(--t1);font-weight:600;color:var(--forte-t);line-height:1.45}
.selo[title],.selo[data-ajuda]{cursor:help}
/* ficha (tabela empilhada em tela estreita): selo longo quebra linha em vez de empurrar para fora */
.tb-caixa.empilha>table>tbody>tr>td{min-width:0} .tb-caixa.empilha .selo{white-space:normal}
tr.abre{cursor:pointer}
/* tabelas: tiras alternadas (um pedido de cada tom), a LINHA inteira acende no mouse,
   texto em uma linha do tamanho do campo — o que não cabe vira "…" e aparece inteiro na dica */
.tb-caixa>table>tbody>tr:nth-child(even)>td{background:color-mix(in srgb,var(--cor) 4%,color-mix(in srgb,var(--linha) 30%,var(--papel)))}
.tb-caixa>table>tbody>tr:hover>td{background:color-mix(in srgb,var(--cor) 22%,var(--papel))}
.tb-caixa>table>tbody>tr:hover>td:first-child{box-shadow:inset 4px 0 0 var(--cor)}   /* barra à esquerda: a linha sob o mouse não depende só do tom */
.tb-caixa>table>tbody>tr>td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}
.tb-caixa.empilha>table>tbody>tr:nth-child(even){background:color-mix(in srgb,var(--cor) 4%,color-mix(in srgb,var(--linha) 30%,var(--papel)))}
.tb-caixa.empilha>table>tbody>tr:hover{background:color-mix(in srgb,var(--cor) 22%,var(--papel));box-shadow:inset 4px 0 0 var(--cor)}
.tb-caixa.empilha>table>tbody>tr>td,.tb-caixa.empilha>table>tbody>tr:hover>td,.tb-caixa.empilha>table>tbody>tr:nth-child(even)>td{background:transparent}
/* janela do pedido */
.ped-jan{width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:16px;background:var(--fundo,var(--papel));color:var(--tinta);box-shadow:0 24px 80px rgba(0,0,0,.35);overflow:hidden}
.ped-jan[open]{display:flex;flex-direction:column}
.ped-jan::backdrop{background:rgba(20,18,18,.55)}
.pj-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--c-pedidos);color:#fff}
.pj-topo>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pj-topo small{opacity:.85;font-size:var(--t-1)} .pj-topo>div>b{font-size:var(--t3);letter-spacing:-.02em}
.pj-topo .selo{background:#fff}
.pj-corpo{overflow:auto;padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px;user-select:text;min-height:0}
.pj-corpo>*{flex:none}   /* nada encolhe: a caixa com rolagem (itens) sumia espremida a 0 px */
.pj-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pj-campo{display:grid;gap:3px;padding:8px 10px;border:1px solid var(--linha);border-radius:10px;background:var(--papel);min-width:0}
.pj-campo span{font-size:var(--t-2);color:var(--tinta3);font-weight:600}
.pj-campo b{font-weight:700;overflow-wrap:anywhere}
.pj-campo.largo{grid-column:span 2} .pj-campo.forte{border-color:var(--c-pedidos);box-shadow:inset 4px 0 0 var(--c-pedidos)}
.pj-campo.mono b{font:500 var(--t-1) ui-monospace,monospace}
.pj-msgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.pj-msg{padding:10px 12px;border-radius:10px;border:1px dashed var(--linha2);background:var(--papel)}
.pj-msg.tem{border:1px solid var(--amarelo);background:color-mix(in srgb,var(--amarelo) 10%,var(--papel))}
.pj-msg span{font-size:var(--t-2);font-weight:700;color:var(--tinta2)} .pj-msg p{margin:4px 0 0;white-space:pre-wrap}
.pj-sec{margin:6px 0 0;font:700 var(--t1)/1.3 var(--sans);padding-left:10px;border-left:4px solid var(--c-pedidos)}
.pj-sec small{font-weight:400;color:var(--tinta3);margin-left:8px;font-size:var(--t-1)}
.pj-rola{overflow-x:auto;border:1px solid var(--linha);border-radius:10px}
.pj-tit{width:100%;border-collapse:collapse;font-size:var(--t-1);background:var(--papel)}
.pj-tit th{text-align:left;padding:8px 10px;background:color-mix(in srgb,var(--c-pedidos) 10%,var(--papel));color:var(--forte-t);font-size:var(--t-2);white-space:nowrap}
.pj-tit .n{text-align:right;white-space:nowrap} .pj-tit td{padding:7px 10px;border-top:1px solid var(--linha)}
.pj-tit td.pj-titnum{white-space:nowrap}
/* itens do pedido: grupo por item (tbody), lotes nas MESMAS colunas; números à direita em colunas fixas; cor só com significado */
.pj-resumo,.pj-itens{--apagado:color-mix(in srgb,var(--tinta3) 60%,var(--tinta2))}   /* cinza do grid: legível (AA) também nas tiras */
.pj-itens .mudo,.pj-resumo .mudo{color:var(--apagado)}
.pj-resumo{display:flex;flex-wrap:wrap;gap:8px}
.pj-fato{display:grid;gap:2px;padding:7px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--papel);min-width:0;cursor:help}
.pj-fato>span{font-size:var(--t-2);color:var(--apagado);font-weight:600}
.pj-fato>b{font-weight:700;font-variant-numeric:tabular-nums;white-space:pre}
.pj-fato .pj-est,.pj-fato .pj-tes{margin:0;display:inline;border:0;font-size:var(--t-1)}
.pj-itens{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--t-1);background:var(--papel);font-variant-numeric:tabular-nums}
.pj-itens col.c-cod{width:64px} .pj-itens col.c-cx{width:104px} .pj-itens col.c-tes{width:92px} .pj-itens col.c-un{width:80px} .pj-itens col.c-lis{width:76px} .pj-itens col.c-prc{width:96px}
.pj-itens col.c-vsm{width:84px} .pj-itens col.c-pct{width:68px} .pj-itens col.c-desc{width:100px} .pj-itens col.c-tot{width:130px}   /* 894 fixos + nome: cabe na janela de 1180 (notebook de 1366) */   /* 830 fixos + nome: cabe em 980 (tela de 1024 sem rolar para o lado) */   /* cabe "−R$ 118.400,00" e "100,00%" sem pisar na vizinha */
.pj-itens{min-width:1100px}   /* estreito: rola na horizontal em vez de espremer o nome do produto */
.pj-itens td{border-bottom:0} .pj-itens tbody tr:hover>td{background:transparent}
.pj-itens th,.pj-itens td{padding-left:10px;padding-right:10px} .pj-itens th,.pj-itens td.n{white-space:nowrap}
.pj-itens thead th{padding-top:9px;padding-bottom:9px;text-align:left;font-size:var(--t-2);font-weight:600;color:var(--apagado);border-bottom:1px solid var(--linha2);background:var(--papel)}
.pj-itens th.n,.pj-itens td.n{text-align:right}
.pj-grupo:nth-of-type(even){background:color-mix(in srgb,var(--c-pedidos) 3.5%,var(--papel))}
.pj-grupo:hover{background:color-mix(in srgb,var(--c-pedidos) 8%,var(--papel))}
.pj-grupo+.pj-grupo .pj-item td{border-top:1px solid var(--linha)}
.pj-item td{padding-top:11px;padding-bottom:5px;vertical-align:top}
.pj-item td small{display:block;margin-top:3px;font-size:var(--t-2);color:var(--apagado)}
.pj-cod{color:var(--apagado);font-size:var(--t-2)}
.pj-nome{display:block;font-weight:650;color:var(--tinta);overflow-wrap:anywhere}   /* nome longo quebra em 2 linhas: nada cortado */
.pj-extra{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:3px;white-space:normal}
.pj-total{font-weight:700;color:var(--tinta);font-size:var(--t0)}
.pj-itens .pj-desc,.pj-resumo .pj-desc{color:var(--vermelho-t);font-weight:600} .pj-itens .pj-acima,.pj-resumo .pj-acima{color:var(--verde-t);font-weight:600}
.pj-itens .pj-acima{cursor:help}
.pj-tes{display:inline-block;font-weight:600;font-size:var(--t-2);color:var(--lt,var(--tinta2));border-bottom:1px dotted currentColor;cursor:help}
.pj-tes.t-venda{--lt:var(--verde-t)} .pj-tes.t-bonif{--lt:#6A3DB5} .pj-tes.t-repo{--lt:#9A4708} .pj-tes.t-transf{--lt:var(--c-pedidos)} .pj-tes.t-misto{--lt:var(--amarelo-t)}
.pj-est{display:inline-block;font-size:var(--t-2);font-weight:600;color:var(--tinta2);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.pj-est::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}
.pj-est.sim{color:var(--verde-t)} .pj-est.urg{color:var(--vermelho-t)} .pj-est.lib{color:var(--c-pedidos)} .pj-est.nao{color:var(--apagado)}
.pj-lote-l td{padding-top:3px;padding-bottom:3px;font-size:var(--t-2);color:var(--tinta2);vertical-align:middle}
.pj-lote-l.ultimo td{padding-bottom:11px}
.pj-lote-c{box-shadow:inset 2px 0 0 var(--linha2);padding-left:14px!important}   /* sub-bloco: fio reto alinhado ao nome do produto */
.pj-lote-c .pj-est{margin-left:10px}
.pj-lote-num{color:var(--tinta2)}
.pj-vida{display:inline-block;min-width:44px;text-align:center;padding:1px 7px;border-radius:999px;font-weight:700;font-size:var(--t-2);
  --l:var(--apagado);--lt:var(--tinta2);background:color-mix(in srgb,var(--l) 16%,var(--papel));color:var(--lt)}
.pj-vida.sim{--l:var(--verde);--lt:var(--verde-t)} .pj-vida.at{--l:var(--amarelo);--lt:var(--amarelo-t)} .pj-vida.urg{--l:var(--vermelho);--lt:var(--vermelho-t)}
/* rodapé de totais dos itens (como a MATA410): todo valor na coluna Total, mesma borda direita */
.pj-itens tfoot tr+tr td{border-top:1px solid var(--linha)}
.pj-itens tfoot td{padding-top:5px;padding-bottom:5px;font-size:var(--t-1);color:var(--tinta2);background:var(--papel)}
.pj-itens tfoot td:first-child{text-align:right}
.pj-itens tfoot tr:first-child td{border-top:2px solid var(--linha2);padding-top:10px}
.pj-soma.menos td.n{color:var(--vermelho-t)}
.pj-soma.subt td{font-weight:600;color:var(--tinta)}
.pj-soma.final td{font-weight:700;font-size:var(--t0);color:var(--tinta);border-top:1px solid var(--linha2);padding-top:8px;padding-bottom:10px}
.pj-soma.nota td{font-size:var(--t-2);color:var(--apagado)}
/* grid "Viva" (modelado com o dono em 27/09/2026): cabeçalho azul cheio, linha do produto em faixa azul com fio grosso,
   caixas numa ficha azul, lote numa linha só (Lote … - VAL dd/mm/aaaa), fios visíveis entre colunas. Altura fixa por linha. */
.pj-rola{border:2px solid color-mix(in srgb,var(--c-pedidos) 50%,var(--linha2))}
.pj-itens{--fio:color-mix(in srgb,var(--tinta) 22%,var(--papel))}
.pj-itens th+th,.pj-itens td+td{border-left:1px solid var(--fio)}
.pj-itens thead th{background:var(--c-pedidos);color:#fff;font-weight:700;border-bottom:0}
.pj-itens thead th+th{border-left-color:color-mix(in srgb,#fff 25%,var(--c-pedidos))}
.pj-grupo,.pj-grupo:nth-of-type(even),.pj-grupo:hover{background:var(--papel)}
.pj-item td{height:48px;vertical-align:middle;padding-top:6px;padding-bottom:6px;background:color-mix(in srgb,var(--c-pedidos) 13%,var(--papel));border-top:3px solid var(--c-pedidos)}
.pj-grupo+.pj-grupo .pj-item td{border-top:3px solid var(--c-pedidos)}
.pj-grupo:first-of-type .pj-item td{border-top:0}
.pj-item td:first-child{box-shadow:inset 6px 0 0 var(--c-pedidos)}
.pj-item .pj-cod{font-weight:700;color:var(--tinta);font-size:var(--t-1)}
.pj-item .pj-nome{display:inline} .pj-item .pj-extra{display:inline-flex;flex-wrap:wrap;margin:0 0 0 10px;vertical-align:1px}   /* nome inteiro: quebra linha, sem reticências */
.pj-tes-c{white-space:normal} .pj-tes-c .pj-tes{line-height:1.25}
.pj-lote-l td{background:var(--papel);padding-top:6px;padding-bottom:6px}
.pj-lote-l.ultimo td{padding-bottom:6px}
.pj-item+.pj-lote-l td{border-top:1px solid var(--fio)} .pj-lote-l+.pj-lote-l td{border-top:1px dashed var(--fio)}
.pj-lote-l td:first-child{box-shadow:inset 6px 0 0 color-mix(in srgb,var(--c-pedidos) 35%,var(--papel))}
.pj-lote-c{box-shadow:none;padding-left:22px!important}   /* lote e validade inteiros: quebra linha se precisar */
.pj-lote-num{color:var(--tinta)}
.pj-cx{font-weight:800;color:var(--c-pedidos)}
.pj-item .pj-cx{display:inline-block;box-sizing:border-box;min-width:100%;text-align:right;white-space:nowrap;padding:2px 6px;border-radius:6px;background:var(--c-pedidos);color:#fff;font-size:var(--t-1)}   /* a coluna inteira: cabe 12.345 CX e os números alinham à direita */
.pj-un{color:var(--tinta2)}
.pj-item .pj-desc{display:inline-block;padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--vermelho) 14%,var(--papel))}
.pj-total{font-size:var(--t1)}
.pj-itens tfoot td+td{border-left:0}
.pj-itens tfoot tr:first-child td{border-top:3px solid var(--c-pedidos)}
.pj-itens tfoot .pj-soma.final td{background:var(--c-pedidos);color:#fff;font-size:var(--t1)}
.pj-fato{border:2px solid var(--linha2);border-top:5px solid var(--c-pedidos);border-radius:8px}
.pj-fato>b{font-size:var(--t1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pj-cx{color:#9DBBF2} :root:not([data-theme="light"]) .pj-item .pj-cx{color:#fff}}
.pj-cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.pj-cartao{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--linha);background:var(--papel)}
.pj-cartao.ok{box-shadow:inset 5px 0 0 var(--verde)} .pj-cartao.espera{box-shadow:inset 5px 0 0 var(--amarelo)}
.pj-cartao>*{min-width:0} .pj-cartao .pj-campo{grid-column:auto}   /* largo só vale na grade do cabeçalho */
.pj-notas{grid-template-columns:1fr} .pj-tit{margin-top:2px} .pj-tit td.pj-titnum{white-space:nowrap}
.v-desc{color:var(--vermelho-t);font-weight:600} .v-acr{color:var(--verde-t);font-weight:600;cursor:help}
.pj-ct{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700}
/* Início: barras lado a lado (esta × passada) e lista das 8 semanas */
.sobe{color:var(--verde-t);font-weight:700} .desce{color:var(--vermelho-t);font-weight:700}
.l-passada,.l-esta{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.l-passada,.barras2 .passada{background:color-mix(in srgb,var(--tinta3) 45%,transparent)} .l-esta,.barras2 .esta{background:var(--comercial)}
.pares{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;margin-top:10px}
.par{display:grid;justify-items:center;gap:4px;padding:6px 2px;border-radius:10px;cursor:default}
.par.hoje{background:color-mix(in srgb,var(--comercial) 10%,transparent);outline:1px solid color-mix(in srgb,var(--comercial) 40%,transparent)}
.barras2{display:flex;align-items:flex-end;gap:3px;height:140px;width:100%;justify-content:center}
.barras2 i{display:block;width:40%;max-width:22px;min-height:2px;border-radius:4px 4px 0 0}
.par b{font-size:var(--t-1)} .par small{font-size:var(--t-2);color:var(--tinta3);white-space:nowrap}
  padding:8px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--papel);font:inherit;color:var(--tinta);cursor:pointer;text-align:left}
/* cabeçalho de datas: "Quais dias?" + um período (atalho, de, até) */
.datas{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.datas-rot{font-weight:600;color:var(--tinta2);font-size:var(--t-1)}
.datas .seg{display:inline-flex;border:1px solid var(--linha2);border-radius:10px;overflow:hidden;background:var(--papel)}
.datas .seg button{all:unset;cursor:pointer;padding:7px 14px;font-size:var(--t-1);color:var(--tinta2)}
.datas .seg button[aria-checked="true"]{background:var(--forte);color:#fff;font-weight:600}
.datas .seg button:focus-visible{outline:2px solid var(--laranja);outline-offset:-2px}
.datas .atalho{min-width:170px}
.datas .de-ate{display:inline-flex;align-items:center;gap:6px;color:var(--tinta3);font-size:var(--t-1)}
/* seletor de vendedores (um, vários ou todos) */
details.vd{position:relative} details.vd>summary{list-style:none;cursor:pointer;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
details.vd>summary::-webkit-details-marker{display:none}
.vd-caixa{position:absolute;top:calc(100% + 6px);left:0;z-index:25;width:280px;max-height:min(420px,70vh);display:grid;grid-template-rows:auto 1fr auto;
  background:var(--papel);border:1px solid var(--linha2);border-radius:12px;box-shadow:var(--sombra-alta);overflow:hidden}
.vd-lista{overflow:auto;padding:4px 0}
.vd-op{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;font-size:var(--t-1)} .vd-op:hover{background:color-mix(in srgb,var(--cor) 7%,var(--papel))}
.vd-op small{margin-left:auto;color:var(--tinta3)} .vd-todos{font-weight:600;border-bottom:1px solid var(--linha)}
.vd-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--linha)}
.vd-busca{padding:10px 12px 6px} .vd-busca input{width:100%}
.vd-grupo{border-top:1px solid var(--linha)} .vd-grupo>.vd-op:not(.vd-eq){padding-left:38px}
.vd-eq{font-weight:800;color:var(--tinta);background:var(--agua2);position:sticky;top:0;z-index:1;text-transform:uppercase;letter-spacing:.03em}
.vd-eq small{text-transform:none;letter-spacing:0;font-weight:600}
.vd-salva{padding:8px 14px 0;font-size:var(--t-2);font-weight:600;color:var(--tinta2);border-top:1px solid var(--linha)}
.vd-caixa{grid-template-rows:auto auto minmax(240px,1fr) auto auto;width:340px;max-height:min(600px,78vh)}
.vd-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px} .vd-acoes>button:nth-child(2):not(:last-child){grid-column:1/-1;order:-1}
.datas .consultar[disabled]{opacity:.5;cursor:default} .datas .consultar.pronto{background:var(--forte);color:#fff;border-color:var(--forte);font-weight:600}
.msg-nota{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;color:var(--tinta2);font-style:italic}
/* máscara de carregamento: cobre a área de conteúdo (o menu continua visível), com roda girando */
.mascara{position:fixed;top:0;right:0;bottom:0;left:248px;z-index:30;display:grid;place-items:center;
  background:color-mix(in srgb,var(--papel) 62%,transparent);backdrop-filter:blur(2px);animation:aparece .15s ease-out}
.mascara[hidden]{display:none}
.mascara-caixa{display:grid;justify-items:center;gap:8px;padding:22px 28px;border-radius:16px;background:var(--papel);box-shadow:var(--sombra-alta);border:1px solid var(--linha)}
.mascara-caixa b{font-size:var(--t1)} .mascara-caixa small{color:var(--tinta3)}
.roda{width:34px;height:34px;border-radius:50%;border:4px solid var(--linha);border-top-color:var(--cor,var(--c-pedidos));animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}} @keyframes aparece{from{opacity:0}}
@media (max-width:900px){.mascara{left:0}}
@media (prefers-reduced-motion:reduce){.roda{animation-duration:2.4s}}
/* Ajuda: fórmula do faturamento */
.passos-fat{display:grid;gap:16px;margin:0;padding-left:22px} .passos-fat>li{line-height:1.55} .passos-fat ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}
.fx-tes{display:inline-block;margin:0 3px;padding:1px 7px;border-radius:6px;background:color-mix(in srgb,var(--verde) 16%,var(--papel));color:var(--verde-t);font-weight:700;font-variant-numeric:tabular-nums}
.fx-soma{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:10px 0 6px}
.fx-parte{display:grid;gap:2px;align-content:start;padding:8px 12px;border:1px solid var(--linha2);border-radius:10px;background:var(--papel);min-width:118px}
.fx-parte b{font-size:var(--t0);color:var(--tinta)} .fx-parte small{color:var(--tinta2);font-size:var(--t-2);line-height:1.35}
.fx-parte code{font:600 var(--t-2) ui-monospace,monospace;color:var(--tinta3)}
.fx-total{border-color:var(--verde);background:color-mix(in srgb,var(--verde) 12%,var(--papel));align-content:center}
.fx-op{align-self:center;font:700 var(--t2)/1 var(--sans);color:var(--tinta2)}
.fx-conta{width:100%;border-collapse:collapse;font-size:var(--t0);font-variant-numeric:tabular-nums}
.fx-conta td,.fx-conta th{padding:7px 10px;border-bottom:1px solid var(--linha)} .fx-conta th{text-align:left;font-size:var(--t-2);color:var(--tinta2)}
.fx-conta .n{text-align:right;white-space:nowrap} .fx-sinal{width:22px;color:var(--tinta2);font-weight:700;text-align:center}
.fx-conta .fx-sub td{font-weight:700;color:var(--tinta);background:color-mix(in srgb,var(--linha) 35%,var(--papel))}
.fx-conta .fx-menos td.n{color:var(--vermelho-t)} .fx-conta .fx-final td{font-weight:800;font-size:var(--t1);color:var(--tinta);border-bottom:0}
/* validação das TES (Saídas) */
.aud-tes{width:100%;border-collapse:collapse;font-size:var(--t-1)} .aud-tes th,.aud-tes td{padding:8px 12px;border-bottom:1px solid var(--linha);text-align:left}
.aud-tes .n{text-align:right} .aud-tes tr.venda-ruim td{background:color-mix(in srgb,var(--vermelho) 12%,var(--papel));color:var(--vermelho-t);font-weight:600}
.aud-tes tr.mudou td{background:color-mix(in srgb,var(--amarelo) 14%,var(--papel))}
/* rastreabilidade na janela do pedido: o que conferir + linha do tempo */
.pj-abaixo{color:var(--amarelo-t);font-weight:700;cursor:help}
.pj-alertas{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--amarelo) 55%,var(--linha));background:color-mix(in srgb,var(--amarelo) 9%,var(--papel))}
.pj-alertas.ok{display:flex;align-items:center;gap:10px;border-color:color-mix(in srgb,var(--verde) 45%,var(--linha));background:color-mix(in srgb,var(--verde) 8%,var(--papel));color:var(--tinta)}
.pj-al-tit{font-size:var(--t0);color:var(--tinta)}
.pj-al{display:grid;grid-template-columns:78px auto 1fr;align-items:center;gap:10px;color:var(--tinta)}
.pj-al small{color:var(--tinta2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}
.pj-al .selo{justify-self:start}
.pj-tempo{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-wrap:wrap;gap:0}
.pj-t{position:relative;display:grid;grid-template-rows:auto 14px auto;justify-items:center;text-align:center;gap:4px;flex:1 1 110px;min-width:110px;padding:0 6px 8px}
.pj-t::before{content:"";position:absolute;top:calc(1.35em + 13px);left:0;right:0;height:2px;background:var(--linha2)}
.pj-t:first-child::before{left:50%} .pj-t:last-child::before{right:50%}
.pj-t-dia{font-weight:700;color:var(--tinta);font-variant-numeric:tabular-nums;line-height:1.35} .pj-t-dia small{display:block;font-weight:500;color:var(--tinta2)}
.pj-t-ponto{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 3px var(--papel)}
.pj-t.lib .pj-t-ponto{background:var(--papel);border:2.5px solid var(--c-pedidos)} .pj-t.urg .pj-t-ponto{background:var(--vermelho)}
.pj-t-txt{font-size:var(--t-1);color:var(--tinta);line-height:1.35} .pj-t-txt small{display:block;color:var(--tinta2)}
.pj-t.urg .pj-t-txt{color:var(--vermelho-t);font-weight:600}
/* "Criar filtro" (filtros.js) — modelo da TOTVS: nome, condição, barra Incluir, expressão, rodapé */
.filtro-jan{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:16px;background:var(--papel);color:var(--tinta);box-shadow:0 24px 80px rgba(0,0,0,.35)}
.filtro-jan[open]{display:flex;flex-direction:column}
.filtro-jan::backdrop{background:rgba(20,18,18,.55)}
.cf-topo{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--linha)}
.cf-topo b{font-size:var(--t1)} .cf-fecha{all:unset;cursor:pointer;font-size:22px;line-height:1;color:var(--tinta2);padding:2px 8px;border-radius:8px}
.cf-fecha:hover{background:var(--agua)} .cf-fecha:focus-visible{outline:2px solid var(--laranja)}
.cf-corpo{display:grid;gap:14px;padding:16px 20px;overflow:auto;min-height:0}
.cf-rot{display:grid;gap:5px;font-size:var(--t-1);font-weight:600;color:var(--tinta2)}
.cf-rot input,.cf-rot select{font-weight:400;color:var(--tinta);width:100%;min-width:0}
.cf-cond{display:grid;gap:10px;padding:14px;border:1px solid var(--linha2);border-radius:12px;background:var(--agua2)}
.cf-linha{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(170px,1fr) minmax(200px,1.3fr);gap:10px;align-items:end}
.cf-rot>span{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cf-chk{display:inline-flex;align-items:center;gap:6px;font-weight:400;color:var(--tinta2);font-size:var(--t-1);cursor:pointer}
.cf-valor{display:block} .cf-valor input,.cf-valor select{width:100%}
.cf-linha2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cf-incluir{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--agua)}
.cf-incluir>span{font-weight:600;color:var(--tinta2);margin-right:4px}
.cf-op{min-width:42px;font-weight:700}
.cf-expr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:84px;padding:12px;border:1px dashed var(--linha2);border-radius:10px;background:var(--papel)}
.cf-tok{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:var(--t-1)}
.cf-tok.cond{background:color-mix(in srgb,var(--c-pedidos) 12%,var(--papel));border:1px solid color-mix(in srgb,var(--c-pedidos) 35%,var(--linha));color:var(--tinta)}
.cf-tok.liga{all:unset;cursor:pointer;padding:4px 10px;border-radius:8px;font-weight:800;font-size:var(--t-1)}
.cf-tok.liga.lg{background:var(--forte,#333);color:#fff} .cf-tok.liga.par{background:var(--linha);color:var(--tinta);font-size:var(--t0)}
.cf-x{all:unset;cursor:pointer;font-weight:700;color:var(--tinta2);padding:0 2px} .cf-x:hover{color:var(--vermelho-t)}
.cf-aviso{margin:0;min-height:1.4em;color:var(--tinta2);font-size:var(--t-1)} .cf-aviso.erro{color:var(--vermelho-t);font-weight:600}
.cf-rodape{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 20px;border-top:1px solid var(--linha)}
.cf-salvos{display:inline-flex;gap:8px;align-items:center} .cf-salvos select{max-width:220px}
.cf-conta{font-size:var(--t-1);color:var(--tinta2)}
.cf-acoes{margin-left:auto;display:flex;gap:8px}
@media (max-width:720px){.cf-linha{grid-template-columns:1fr}}
/* Início: faixa "operação agora" (Kanban resumido + Vencendo) */
.op{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:10px}
.op-box{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;align-content:start;padding:12px 14px;border-radius:12px;border:1px solid var(--linha);
  background:var(--papel);box-shadow:inset 0 4px 0 var(--k,var(--linha2))}
.op-box:hover{border-color:var(--k)} .op-box:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}
.op-nome{display:flex;align-items:center;gap:6px;font-size:var(--t-1);font-weight:600;color:var(--tinta2)}
.op-box>b{font-size:var(--t3);line-height:1.1;color:var(--tinta)} .op-box>span.num{font-weight:600;color:var(--tinta)} .op-box>small{color:var(--tinta2);font-size:var(--t-2);min-height:1.3em}
.op-aberto{--k:var(--tinta3)} .op-travado{--k:var(--amarelo)} .op-liberado{--k:var(--c-pedidos)} .op-faturado{--k:var(--verde)}
.op-travado.alerta{background:color-mix(in srgb,var(--vermelho) 8%,var(--papel))} .op-travado.alerta>b{color:var(--vermelho-t)}
@container (max-width:620px){.op{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Kanban dos pedidos */
.kb-barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:10px;font-size:var(--t-1)}
.kb-quadro{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px;align-items:start}
.kb-col{display:grid;grid-template-rows:auto 1fr;border-radius:12px;background:var(--agua2);border:1px solid var(--linha);max-height:720px;min-width:0;transition:box-shadow .2s}
.kb-col.kb-foco{box-shadow:0 0 0 3px var(--k)}
.kb-aberto{--k:var(--tinta3)} .kb-travado{--k:var(--amarelo)} .kb-liberado{--k:var(--c-pedidos)} .kb-faturado{--k:var(--verde)}
.kb-cab{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:baseline;padding:10px 12px;border-bottom:1px solid var(--linha);
  box-shadow:inset 0 4px 0 var(--k);border-radius:12px 12px 0 0;background:var(--papel);position:sticky;top:0}
.kb-cab b{color:var(--tinta);font-size:var(--t0)} .kb-cab>span{font-weight:800;font-size:var(--t1);color:var(--tinta)} .kb-cab small{grid-column:1/-1;color:var(--tinta2)}
.kb-lista{display:grid;gap:8px;padding:10px;overflow:auto;min-height:0;align-content:start}
.kb-div{font-size:var(--t-2);font-weight:700;color:var(--tinta2);padding:6px 2px 0;border-top:1px dashed var(--linha2);margin-top:4px}
.kb-vazio{margin:6px 2px;color:var(--tinta2);font-size:var(--t-1)}
.kb-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--papel);
  border:1px solid var(--linha);box-shadow:inset 3px 0 0 var(--linha2);min-width:0}
.kb-card.at{box-shadow:inset 4px 0 0 var(--amarelo)} .kb-card.urg{box-shadow:inset 4px 0 0 var(--vermelho)}
.kb-card:hover{border-color:var(--k);background:color-mix(in srgb,var(--k) 7%,var(--papel))} .kb-card:focus-visible{outline:2px solid var(--laranja);outline-offset:1px}
.kb-l1{display:flex;align-items:center;gap:6px} .kb-l1 b{font-size:var(--t0);color:var(--tinta)}
.kb-idade{margin-left:auto;font-size:var(--t-2);font-weight:600;color:var(--tinta2);white-space:nowrap}
.kb-idade.at{color:var(--amarelo-t)} .kb-idade.urg{color:var(--vermelho-t)}
.kb-cli{font-size:var(--t-1);font-weight:600;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-l3{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px} .kb-l3 b{color:var(--tinta)} .kb-l3 small{color:var(--tinta2);font-size:var(--t-2)}
.kb-sinais{display:flex;flex-wrap:wrap;gap:4px}
.kb-s{font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:6px;line-height:1.35;cursor:help}
.kb-s.urg{background:color-mix(in srgb,var(--vermelho) 13%,var(--papel));color:var(--vermelho-t)}
.kb-s.at{background:color-mix(in srgb,var(--amarelo) 18%,var(--papel));color:var(--amarelo-t)}
.kb-s.nao{background:var(--agua);color:var(--tinta2)}
.kb-msg{font-size:var(--t-2);font-style:italic;color:var(--tinta2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}
@media (max-width:1200px){.kb-quadro{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Início: tabela de vendedores e barra de semana com a média */
.vd-nome{display:inline-flex;align-items:center;gap:8px} .vd-nome .lampada{width:10px;height:10px} .vd-nome small{color:var(--tinta2)}
.lampada.verde{--l:var(--verde)} .lampada.amarelo{--l:var(--amarelo)} .lampada.vermelho{--l:var(--vermelho)}
.at-t{color:var(--amarelo-t);font-weight:600}
.caixa-ped{width:120px}
.aud-tes td,.aud-tes th{white-space:normal;overflow-wrap:anywhere;padding:8px} .aud-tes{table-layout:fixed} .aud-tes th:nth-child(1){width:52px} .aud-tes th:nth-child(n+3):nth-child(-n+6){width:12%}   /* quebra linha: não rola para o lado */
.regra-fat{display:grid;gap:10px;margin:0;padding-left:20px} .regra-fat li{line-height:1.5}
.ajuda-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.ajuda-caixa{padding:14px 16px;border-radius:12px;border:1px solid var(--linha);background:var(--papel)}
.ajuda-caixa h3{margin:0 0 6px;font-size:var(--t0)} .ajuda-caixa.sim{border-left:5px solid var(--verde)} .ajuda-caixa.nao{border-left:5px solid var(--vermelho)}
.ajuda-caixa p{margin:0;color:var(--tinta2);line-height:1.5}
.ped-excl{display:inline-grid;place-items:center;width:18px;height:16px;cursor:help;vertical-align:-2px;flex:none}
.selo.sim{--l:var(--verde);--lt:var(--verde-t)} .selo.at{--l:var(--amarelo);--lt:var(--amarelo-t)} .selo.urg{--l:var(--vermelho);--lt:var(--vermelho-t)}
.kraft{display:inline-block;font-size:var(--t-2);font-weight:500;padding:2px 9px 2px 15px;background:var(--kraft-claro);color:var(--tinta2);border-radius:4px 6px 6px 4px;position:relative;white-space:nowrap;font-variant-numeric:tabular-nums}
.kraft::before{content:"";position:absolute;left:6px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--kraft)}

/* ---------- tabela genérica: cabeçalho na cor do painel */
.tb-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.tb-barra input[type=search]{min-width:240px}
.tb-caixa{overflow:hidden auto;max-height:560px;border:1px solid var(--linha);border-radius:10px}
.tb-caixa.empilha>table>thead{display:none}
.tb-caixa.empilha>table,.tb-caixa.empilha>table>tbody{display:block}
.tb-caixa.empilha>table>tbody>tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px 16px;padding:12px 14px;border-bottom:1px solid var(--linha)}
.tb-caixa.empilha>table>tbody>tr>td{border:0;padding:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}
.tb-caixa.empilha>table>tbody>tr>td::before{content:attr(data-rot);display:block;font-size:var(--t-2);font-weight:500;color:var(--forte-t)}
.tb-caixa.empilha>table>tbody>tr>td:first-child{grid-column:1/-1;font-weight:600;font-size:var(--t0)}
.tb-caixa.empilha>table>tbody>tr>td:first-child::before,.tb-caixa.empilha>table>tbody>tr.sub>td::before{display:none}
.tb-caixa.empilha>table>tbody>tr.sub{display:block}
table{border-collapse:collapse;width:100%;font-size:var(--t-1)}
th,td{padding:10px 14px;border-bottom:1px solid var(--linha);text-align:left}
td.n{white-space:nowrap}
th{position:sticky;top:0;background:color-mix(in srgb,var(--cor) 11%,var(--papel));cursor:pointer;user-select:none;font-weight:600;font-size:var(--t-2);color:var(--forte-t);border-bottom:2px solid color-mix(in srgb,var(--cor) 35%,var(--linha))}
th[aria-sort="ascending"]::after{content:" ↑"} th[aria-sort="descending"]::after{content:" ↓"}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
tbody tr:hover>td{background:color-mix(in srgb,var(--cor) 5%,var(--papel))}
tr.abre{cursor:pointer}
tr.sub>td{background:var(--agua2);white-space:normal}
.tb-rodape{font-size:var(--t-2);color:var(--tinta3);margin-top:8px}
details.col{position:relative}
details.col>div{position:absolute;z-index:9;background:var(--papel);border:1px solid var(--linha2);box-shadow:var(--sombra-alta);border-radius:10px;padding:10px 12px;display:grid;gap:4px;min-width:220px;font-size:var(--t-1)}
details.col summary{cursor:pointer;font-size:var(--t-1);font-weight:500;border:1px solid var(--linha2);border-radius:8px;padding:6px 12px;background:var(--papel);color:var(--tinta2);list-style:none}
details.col summary::-webkit-details-marker{display:none}

/* ---------- calendário */
.chips{display:flex;flex-wrap:wrap;gap:4px}
.pvm-selo{display:inline-block;padding:2px 8px;border-radius:5px;font-weight:700;font-size:var(--t-2);letter-spacing:.02em;white-space:nowrap;cursor:help}
.pvm-metade{background:#8E1B26;color:#fff} .pvm-abaixo20{background:var(--vermelho);color:#fff} .pvm-abaixo10{background:var(--amarelo);color:#1a1a1a}
.pvm-normal{background:var(--verde);color:#fff} .pvm-sem{background:color-mix(in srgb,var(--tinta2) 45%,var(--papel));color:var(--tinta)}
.pvm-aceso{margin-left:8px}
.pvm-txt-abaixo20{color:var(--vermelho-t);font-weight:700} .pvm-txt-abaixo10{color:var(--amarelo-t);font-weight:700} .pvm-txt-normal{color:var(--verde-t)} .pvm-txt-sem{color:var(--tinta3)}
.pvm-barra-cel{display:flex;align-items:center;gap:10px}
.pvm-trilho{position:relative;flex:0 0 110px;height:12px;border-radius:6px;background:color-mix(in srgb,var(--tinta2) 18%,var(--papel))}
.pvm-trilho i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--tinta3)} .pvm-trilho i.desce{background:var(--vermelho)}
.pvm-trilho b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--tinta)}
.pvm-pior{display:flex;gap:8px;align-items:baseline;min-width:0} .pvm-pior-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pvm-topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pvm-barra{display:flex;flex:1 1 420px;height:34px;border-radius:8px;overflow:hidden;border:2px solid var(--linha2)}
.pvm-barra>div{display:flex;align-items:center;justify-content:center;font-weight:800;min-width:4px;cursor:help}
.pvm-total{font-size:var(--t1)}
.pvm-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 4px;font-size:var(--t-1);font-weight:600}
.pvm-legenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pvm-prods{display:grid;gap:10px}
.pvm-prod,.pvm-todos{border:2px solid var(--linha2);border-radius:10px;background:var(--papel);overflow:hidden}
.pvm-prod>summary,.pvm-todos>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:10px 14px;cursor:pointer;background:color-mix(in srgb,var(--c-produtos) 10%,var(--papel));font-size:var(--t-1)}
.pvm-prod-nome{font-weight:800;flex:1 1 260px}
/* colunas fixas nos resumos: a mesma informação uma embaixo da outra (pedido do dono) */
.pvm-prod>summary.sum-prod{display:grid;grid-template-columns:minmax(0,1fr) 175px 215px 80px 250px;gap:0 14px}
.pvm-prod>summary.sum-vend{display:grid;grid-template-columns:minmax(0,1fr) 130px 130px 130px 80px 210px 96px;gap:0 14px}
.pvm-prod>summary:is(.sum-prod,.sum-vend)>*:not(.pvm-prod-nome){justify-self:end;white-space:nowrap}
.pvm-prod>summary:is(.sum-prod,.sum-vend) .pvm-prod-nome{white-space:normal;overflow-wrap:anywhere}
@media (max-width:1250px){.pvm-prod>summary:is(.sum-prod,.sum-vend){display:flex}}
/* tabelas de pedidos com as mesmas larguras em todos os grupos */
.pvm-ped{table-layout:fixed} .pvm-ped td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pvm-t-itens td:nth-child(4),.pvm-t-arv td:nth-child(1){white-space:normal;overflow-wrap:anywhere}
.pvm-t-itens th:nth-child(1){width:200px} .pvm-t-itens th:nth-child(2){width:110px} .pvm-t-itens th:nth-child(3){width:120px} .pvm-t-itens th:nth-child(5){width:190px}
.pvm-t-arv th:nth-child(n+2):nth-child(-n+4){width:105px} .pvm-t-arv th:nth-child(5){width:100px} .pvm-t-arv th:nth-child(6){width:110px} .pvm-t-arv th:nth-child(7){width:240px}
.pvm-t-arv td.pvm-peds{white-space:normal}
.pvm-todos{margin-top:14px} .pvm-todos>summary{font-weight:700}
.pvm-ped{width:100%;border-collapse:collapse;font-size:var(--t-1);font-variant-numeric:tabular-nums}
.pvm-ped th{background:var(--c-produtos);color:#fff;text-align:left;padding:7px 12px;font-size:var(--t-2)} .pvm-ped th.n,.pvm-ped td.n{text-align:right}
.pvm-ped td{padding:7px 12px;border-top:1px solid var(--linha)} .pvm-ped tbody tr{cursor:pointer}
.pvm-ped tbody tr.sem-clique{cursor:default} .pvm-peds{display:flex;flex-wrap:wrap;gap:4px} .pvm-pedchip{padding:2px 9px;font-size:var(--t-2);font-weight:700} .pvm-ped tbody tr:hover td{background:color-mix(in srgb,var(--c-produtos) 8%,var(--papel))}
/* guias do painel (Estoque, Faturamento): barra com fundo próprio; a ativa em negrito, com fio na cor do painel */
.guias{display:flex;flex-wrap:wrap;gap:4px;margin-top:-10px;padding:6px;border-radius:12px;border:2px solid var(--linha2);background:color-mix(in srgb,var(--cor) 7%,var(--papel))}
.guias button{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:4px solid transparent;border-radius:8px 8px 4px 4px;background:none;padding:9px 18px 7px;
  font:600 var(--t0)/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta2);cursor:pointer}
.guias button:hover{background:color-mix(in srgb,var(--cor) 12%,var(--papel));color:var(--tinta)}
.guias button[aria-selected="true"]{font-weight:800;color:var(--forte-t);border-bottom-color:var(--cor);background:var(--papel)}
.guias button:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}
.guia-n{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--dia0-f);color:#fff;font-size:var(--t-2);font-weight:800;letter-spacing:0;text-align:center}
/* Estoque > Vencidos: o parado numa barra só, proporcional; ao lado, o vencido em pedido */
.venc-placar{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:14px}
@container (max-width:620px){.venc-placar{grid-template-columns:minmax(0,1fr)}}
.vb{display:grid;gap:8px;margin-top:8px}
.vb-barra{display:flex;height:30px;border-radius:8px;overflow:hidden;background:var(--linha)}
.vb-barra>span{flex:1 1 0;min-width:6px;display:grid;place-items:center;font-size:var(--t-2);font-weight:800;white-space:nowrap;overflow:hidden}
.vb-3{--vb:var(--dia2-f);--vbt:#2B1B00} .vb-7{--vb:var(--dia1-f);--vbt:#fff} .vb-mais{--vb:var(--dia0-f);--vbt:#fff}
.vb-barra>span{background:var(--vb);color:var(--vbt)}
.vb-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--t-2);font-weight:600;color:var(--tinta2)}
.vb-item{display:inline-flex;align-items:center;gap:6px} .vb-item i{width:12px;height:12px;border-radius:3px;background:var(--vb)} .vb-item b{color:var(--tinta)}
.ver-tabela{display:flex;justify-content:flex-end;margin-top:10px} .ver-tabela .chip{font-weight:800;letter-spacing:.04em}
/* RADAR: total do dia, pílulas que filtram e cartões de ação (verbo em selo, QUEM, valor em jogo, motivo, botão).
   Cor do verbo: vermelho destravar e conferir; azul ligar, recuperar e confirmar; roxo corrigir preço. */
.v-urg{--vc:#B42733} .v-azul{--vc:#2A5CB7} .v-roxo{--vc:#6A3DB5}
.radar-topo{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:-10px;padding:14px 18px;border-radius:12px;border:2px solid var(--linha2);background:var(--papel)}
.radar-total{font:800 var(--t3)/1 var(--sans);letter-spacing:-.01em;color:var(--tinta)} .radar-total b{color:var(--forte-t)}
.radar-pilulas{display:flex;flex-wrap:wrap;gap:8px}
.radar-pil{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:2px solid var(--vc);background:var(--papel);
  color:var(--tinta);font-weight:800;font-size:var(--t-1);letter-spacing:.03em;cursor:pointer}
.radar-pil b{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--vc);color:#fff;text-align:center}
.radar-pil[aria-pressed="true"]{background:var(--vc);color:#fff} .radar-pil[aria-pressed="true"] b{background:#fff;color:var(--vc)}
.radar-pil:disabled{opacity:.45;cursor:default} .radar-pil:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}
section.radar-bloco{--forte:var(--vc)}
.radar-n{display:inline-block;min-width:24px;margin-left:4px;padding:0 8px;border-radius:999px;background:#fff;color:var(--vc);font-size:var(--t-1);text-align:center}
.radar-manchete{margin:0 0 12px;font-weight:800;color:var(--tinta)}
.acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@container (max-width:820px){.acoes{grid-template-columns:minmax(0,1fr)}}
.acao{display:grid;gap:6px;align-content:start;padding:12px 14px;border:2px solid var(--linha2);border-left:6px solid var(--vc);border-radius:10px;background:var(--papel)}
.acao-l1{display:flex;align-items:flex-start;gap:10px}
.acao-verbo{flex:none;padding:3px 9px;border-radius:6px;background:var(--vc);color:#fff;font-size:var(--t-2);font-weight:800;letter-spacing:.05em}
.acao-quem{flex:1;min-width:0;font-size:var(--t0);font-weight:800;line-height:1.25;color:var(--tinta);overflow-wrap:anywhere}
.acao-valor{flex:none;display:grid;justify-items:end;line-height:1.1} .acao-valor small{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--tinta3)}
.acao-valor b{font-size:var(--t1);font-weight:800;color:var(--tinta)}
.acao-motivo{margin:0;font-size:var(--t-1);font-weight:600;color:var(--tinta2)}
.acao-pe{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.acao-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:var(--t-2);font-weight:600;color:var(--tinta3)}
.acao-bt{flex:none;padding:7px 12px;border:0;border-radius:8px;background:var(--vc);color:#fff;font-weight:800;font-size:var(--t-2);letter-spacing:.03em;cursor:pointer;white-space:nowrap}
.acao-bt:hover{filter:brightness(1.15)} .acao-bt:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}
.radar-mais{margin-top:12px;font-weight:800}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.v-urg,.v-azul,.v-roxo){--vct:color-mix(in srgb,var(--vc) 45%,#fff)}
  :root:not([data-theme="light"]) .radar-pil[aria-pressed="true"] b{color:var(--vc)}}
/* CLIENTES: nome que abre a janela, lojas recolhidas embaixo, balcão numa linha discreta */
.cli-nome{display:inline-flex;align-items:baseline;gap:8px} .cli-nome .cod{color:var(--tinta3);font-size:var(--t-2)}
.cli-abre{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--forte-t);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cli-abre:hover{text-decoration-thickness:2px}
.cli-lojas{width:100%;border-collapse:collapse;font-size:var(--t-1)} .cli-lojas td{padding:6px 10px;border-top:1px solid var(--linha);white-space:nowrap}
.cli-lojas td.n{text-align:right;font-variant-numeric:tabular-nums} .cli-lojas .cod{color:var(--tinta3);font-weight:700}
.genericos{margin:10px 0 0;padding:8px 12px;border-radius:8px;border:1px dashed var(--linha2);font-size:var(--t-1);color:var(--tinta3)} .genericos b{color:var(--tinta2);font-weight:700}
h1.titulo details.i{display:inline-block;vertical-align:middle} h1.titulo details.i summary{border-color:rgba(255,255,255,.7);color:#fff}
dialog.cli-jan{--cor:var(--c-clientes);--forte:color-mix(in srgb,var(--cor) 72%,#101012)}
dialog.cli-jan .pj-topo{background:var(--forte)} dialog.cli-jan .pj-topo .selo{margin-left:8px;vertical-align:middle}
dialog.cli-jan .pj-corpo{container-type:inline-size} .pj-corpo .guias{margin-top:0}
.guia-n.azul{background:var(--c-pedidos)}
.cli-selos{display:flex;flex-wrap:wrap;gap:8px}
/* total do cliente para o vendedor: o total em cima, barra fina você (cor) contra outros (cinza) */
.mo{display:inline-grid;justify-items:end;gap:3px;min-width:150px} .mo b{font-weight:700}
.mo-barra{display:block;width:100%;height:5px;border-radius:3px;background:var(--linha2);overflow:hidden} .mo-barra>i{display:block;height:100%;background:var(--comercial)}
.mo small{font-size:11px;font-weight:600;color:var(--tinta3);white-space:nowrap}
.cli-total{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 14px;border:2px solid var(--linha2);border-radius:10px}
.cli-total>b{font-size:var(--t-1);letter-spacing:.04em;color:var(--tinta2)} .cli-total .mo{justify-items:start;min-width:260px}
/* DE/POR das ofertas: seletor da tabela de referência e o preço DE riscado, só quando a tabela é maior */
section.ofertas>h2{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.tab-ref{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:var(--t-2);font-weight:800;letter-spacing:.04em;color:#fff}
.tab-ref select{max-width:220px;font-weight:600}
.ofertas-jan .pj-topo .linha{flex-wrap:nowrap} .ofertas-jan .tab-ref{color:#fff}
.of-de{font:600 var(--t-1)/1.1 var(--sans);color:var(--tinta3);text-decoration-thickness:2px}
/* Vender logo no Início: cartões de oferta com foguinho animado */
section.ofertas{--cor:var(--c-vencendo);--forte:color-mix(in srgb,var(--cor) 72%,#101012)}
.ofertas-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}   /* 8 ofertas = 2 filas iguais */
@media (max-width:1180px){.ofertas-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
.oferta{min-width:0;display:grid;gap:6px;align-content:start;text-align:left;padding:14px;border:2px solid color-mix(in srgb,#FF5A00 40%,var(--linha2));border-radius:12px;
  background:linear-gradient(160deg,color-mix(in srgb,#FF7A00 12%,var(--papel)),var(--papel) 65%);color:var(--tinta);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.oferta:hover{transform:translateY(-2px);border-color:#FF5A00;box-shadow:0 8px 22px color-mix(in srgb,#FF5A00 30%,transparent)}
.of-topo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px} .of-topo b{font-size:var(--t-2);font-weight:800;letter-spacing:.08em;color:#E8590C}
.of-vence{margin-left:auto;padding:3px 9px;border-radius:999px;font-size:var(--t-2);font-weight:800;letter-spacing:.03em;color:#fff;background:var(--vermelho)}
.of-vence.at{background:var(--amarelo);color:#2B1B00} .of-vence.sim{background:var(--verde)}
.of-nome{display:grid;font-weight:800;font-size:var(--t1);line-height:1.2} .of-nome small{font-weight:600;font-size:var(--t-1);color:var(--tinta3)}
.of-qtd{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600;color:var(--tinta)}
.of-parado{font-style:normal;font-size:var(--t-2);font-weight:800;padding:1px 7px;border-radius:6px;background:color-mix(in srgb,var(--amarelo) 30%,var(--papel));color:var(--tinta)}
.of-pe{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:4px}
.of-preco{display:grid;font:800 24px/1.05 var(--sans);color:#E8590C} .of-preco small{font:600 var(--t-2) var(--sans);color:var(--tinta3)}
.of-acao{padding:7px 12px;border-radius:9px;background:#E8590C;color:#fff;font-weight:800;font-size:var(--t-1);white-space:nowrap}
.oferta:hover .of-acao{background:#C2410C}
.ofertas .mais{grid-column:1/-1;justify-self:center;border:2px solid #E8590C;border-radius:10px;background:none;color:#E8590C;font-weight:800;padding:9px 18px;cursor:pointer} .ofertas .mais:hover{background:#E8590C;color:#fff}
.fogo{display:inline-block;transform-origin:50% 90%;animation:fogo .7s ease-in-out infinite alternate} .oferta .fogo{font-size:24px;line-height:1}
@keyframes fogo{from{transform:scale(1) rotate(-5deg);filter:drop-shadow(0 0 2px #FFB000)}to{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 9px #FF3D00)}}
@media (prefers-reduced-motion:reduce){.fogo{animation:none}}
/* etapa do pedido: a mesma cor em todas as telas (paineis.js ETAPA/corDe); texto escuro no claro, branco no escuro, nos dois temas */
.etapa-aberto{--ef:#BFE8C9;--et:#123B1F} .etapa-liberado{--ef:#F2C230;--et:#3A2C00} .etapa-separacao{--ef:#2A6CC0;--et:#fff}
.etapa-separado{--ef:#2E7D32;--et:#fff} .etapa-credito{--ef:#FFC48C;--et:#4A2300} .etapa-estoque{--ef:#D8B994;--et:#3B2A14}
.etapa-faturado{--ef:#C4344A;--et:#fff} .etapa-encerrado{--ef:#9E9E9E;--et:#1B1B1B}
.selo.etapa,.pj-topo .selo.etapa{background:var(--ef);color:var(--et);border-color:transparent;font-weight:700}
.selo.etapa::before{display:none}
.ofertas-jan{width:min(1180px,calc(100vw - 32px))} .ofertas-jan .pj-topo{background:linear-gradient(90deg,#B4231F,#E8590C)} .ofertas-jan .pj-topo :is(b,small){color:#fff}
.grade2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}
@media (max-width:900px){#app{grid-template-columns:1fr} nav{position:static;height:auto} #conteudo{padding:16px} #topo{padding:12px 16px}}

/* ================= TEMA JOGO (27/09/2026, escolhido pelo dono: fundo claro, cores fortes)
   Quanto mais visual, melhor, sem enfeite: página em cinza médio (o quadro branco se destaca), fios visíveis,
   faixa de título CHEIA na cor do painel, cabeçalho de tabela cheio, número grande. Placar ≠ mesa de trabalho.
   Tudo aqui é visual: nenhuma regra, número ou comportamento muda. Para voltar ao visual anterior, apague este bloco. */
:root{--agua:#DCDFE5;--agua2:#EEF0F3;--linha:#D0D4DB;--linha2:#B4BAC4;--tinta3:#575D69}   /* cinza de texto mais firme: sobre o fundo cinza passa AA (5:1) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--agua:#111012;--linha:#38353A;--linha2:#4D4A50}}
/* cores cheias fixas (texto branco passa AA nos dois temas; as claras do escuro não aguentam branco) */
/* pedido do dono (06/10/2026): cores da operação (a de 07/10 está no fim do arquivo); --kt = cor do texto */
:root{--f-aberto:#BFE8C9;--f-liberado:#F2C230;--f-faturado:#C4344A;--f-atencao:#FFC48C}
.op-aberto,.kb-aberto{--kt:#123B1F} .op-estoque,.kb-estoque{--kt:#3B2A14} .op-travado,.kb-travado{--kt:#4A2300} .op-liberado,.kb-liberado{--kt:#3A2C00} .op-faturado,.kb-faturado{--kt:#fff}
section.bloco,section.onde{border:2px solid var(--linha2);box-shadow:0 2px 0 var(--linha2)}
section.bloco>h2{margin:-20px -22px 16px;padding:11px 22px;border-left:0;border-radius:10px 10px 0 0;background:var(--forte);color:#fff;font-weight:700}
section.bloco>h2 small{color:rgba(255,255,255,.88)}
section.bloco>h2 details.i summary{border-color:rgba(255,255,255,.7);color:#fff}
.cartao{border:2px solid var(--linha2);border-top:6px solid var(--cor);box-shadow:0 2px 0 var(--linha2)}
.cartao .val{font-size:var(--t3);font-weight:800}
th{background:var(--forte);color:#fff;border-bottom:0}
th[aria-sort]{box-shadow:inset 0 -3px 0 var(--limao)}
.pj-tit th{background:var(--c-pedidos);color:#fff} .fx-conta th,.aud-tes th{color:#fff}
.tb-caixa,.posicao-caixa{border:2px solid var(--linha2)}
.luz,.membro,.vitem,.leg-item,.ajuda-caixa,.pj-campo,.pj-cartao,.pj-msg{border-width:2px}
.luz{border-left-width:7px} .membro{border-left-width:6px} .vitem{border-left-width:6px}
.luz .val{font-size:28px;font-weight:800}
#topo{border-bottom:2px solid var(--linha2)}
.chip,select,input[type=date],input[type=number],input[type=search],.seg,details.col summary{border-width:2px}
.barrash i{height:14px;border-radius:5px}
/* Início, PLACAR ("Minha operação agora"): bloco de cor cheia, número grande em branco */
.op-box.op-travado,.kb-col.kb-travado{--kf:var(--f-atencao)}
.pj-est.at{color:var(--amarelo-t)}
.op-box{--kf:var(--f-aberto);background:var(--kf);border:0;box-shadow:0 4px 0 color-mix(in srgb,var(--kf) 70%,#000);color:#fff;padding:14px 16px}
.op-liberado{--kf:var(--f-liberado)} .op-faturado{--kf:var(--f-faturado)}
.op-box.op-estoque,.kb-col.kb-estoque{--kf:#D8B994}   /* bloqueio de estoque: marrom claro (antes caía no verde do .op-box/.kb-col) */
.op-box .op-nome,.op-box>b,.op-box>span.num,.op-box>small,.op-travado.alerta>b{color:var(--kt,#fff)}
.op-box>b{font-size:clamp(20px,2.2vw,34px);font-weight:800;white-space:nowrap}   /* "R$ 142.267" cabe no bloco em qualquer largura */
.op-travado.alerta{background:var(--kf)}
.op-box:hover{filter:brightness(1.08);border:0} .op-box:active{transform:translateY(2px);box-shadow:0 2px 0 color-mix(in srgb,var(--kf) 70%,#000)}
/* Início, MESA ("Meus pedidos"): colunas de trabalho com fundo cinza e barra de título cheia; os cartões ficam brancos dentro */
.kb-col{--kf:var(--f-aberto);background:var(--agua);border:2px solid color-mix(in srgb,var(--kf) 45%,var(--linha2))}
.kb-liberado{--kf:var(--f-liberado)} .kb-faturado{--kf:var(--f-faturado)}
.kb-cab{background:var(--kf);box-shadow:none;border-bottom:0;border-radius:10px 10px 0 0}
.kb-cab b,.kb-cab>span,.kb-cab small{color:var(--kt,#fff)}
.kb-card{border:2px solid var(--linha2);box-shadow:inset 5px 0 0 var(--linha2)}
.kb-card.at{box-shadow:inset 6px 0 0 var(--amarelo)} .kb-card.urg{box-shadow:inset 6px 0 0 var(--vermelho)}
.kb-div{color:var(--tinta);border-top-color:var(--linha2)}
.kb-vazio{color:var(--tinta)}
/* janela do vendedor: placar de 4 números */
/* Situação / Tipo de operação: lista simples de linhas alinhadas */
.pj-cartoes{grid-template-columns:1fr}   /* separação e nota: cartão na largura toda, campos lado a lado dentro dele */
.pj-cartao{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:stretch}
.pj-cartao>.pj-ct,.pj-cartao>table,.pj-cartao>p{grid-column:1/-1}
.pj-cartao .pj-campo.mono{grid-column:span 2}
/* ficha sob o mouse: só o fundo e a borda lateral mais forte (a barra antiga caía em cima do número) */
.tb-caixa.empilha>table>tbody>tr:hover{box-shadow:inset 4px 0 0 var(--forte);border-left-color:var(--forte)}   /* barra junto da borda, fora do número */
.tb-caixa.empilha>table>tbody>tr:hover>td:first-child{box-shadow:none}
/* cartões de número: todos numa linha (o primeiro não ocupa mais 2 colunas); o número encolhe um pouco em tela menor */
.cartao .val{font-size:clamp(19px,1.55vw,26px)}
.vd-tipos{margin-bottom:10px} .vd-placar+.vd-placar{margin-top:-6px}
dialog{--cor:var(--c-pedidos);--forte:color-mix(in srgb,var(--cor) 72%,#101012)}   /* janelas: o cabeçalho cheio das tabelas precisa da cor */
/* ficha (tabela em tela estreita): rótulo miúdo em cinza, valor forte; a 1ª célula é o título da ficha; campo vazio some */
.tb-caixa.empilha>table>tbody>tr{border-bottom:2px solid var(--linha2);border-left:6px solid var(--cor);gap:10px 18px;padding:14px 16px}
.tb-caixa.empilha>table>tbody>tr>td{font-weight:600;color:var(--tinta)}
.tb-caixa.empilha>table>tbody>tr>td::before{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--tinta3);margin-bottom:2px}
.tb-caixa.empilha>table>tbody>tr>td:first-child{font-size:var(--t2);font-weight:800;color:var(--forte-t);padding-bottom:4px;border-bottom:1px solid var(--linha)}
.tb-caixa.empilha>table>tbody>tr>td.vazio{color:var(--tinta3);font-weight:400}   /* vazio aparece como "—": cada campo sempre na mesma posição, ficha a ficha */
.tb-caixa>table>tbody>tr:nth-child(even)>td,.tb-caixa.empilha>table>tbody>tr:nth-child(even){background:color-mix(in srgb,var(--cor) 5%,var(--agua2))}   /* listra clara: texto colorido passa AA */
.tb-caixa>table>tbody>tr:hover>td,.tb-caixa.empilha>table>tbody>tr:hover{background:color-mix(in srgb,var(--cor) 14%,var(--papel))}   /* linha sob o mouse: acesa, e o texto verde/vermelho ainda passa AA */
.tb-caixa.empilha>table>tbody>tr:hover>td{background:transparent}
.tb-caixa.empilha>table>tbody>tr>td.n{font-size:var(--t1);font-weight:800}
.tb-caixa{position:relative}
.tb-caixa.tem-mais{box-shadow:inset 0 -18px 14px -12px rgba(22,23,27,.28)}   /* ainda tem linhas embaixo */
.tb-caixa.tem-mais::after{content:"role para ver mais ↓";position:sticky;bottom:6px;display:block;width:max-content;margin:-28px auto 6px;padding:3px 10px;border-radius:999px;
  background:var(--noite);color:#fff;font-size:var(--t-2);font-weight:700;pointer-events:none;opacity:.85}
.tb-caixa th[draggable="true"]{cursor:grab} .tb-caixa th.alvo{box-shadow:inset 4px 0 0 var(--limao)}
.tb-caixa th .puxa{position:absolute;top:0;right:-3px;width:8px;height:100%;cursor:col-resize;z-index:3}
.tb-caixa th .puxa::after{content:"";position:absolute;top:25%;bottom:25%;left:3px;width:2px;border-radius:1px;background:rgba(255,255,255,.35)}
.tb-caixa th .puxa:hover::after{background:#fff}
.col-lista{display:grid;gap:2px;min-width:250px} .col-item{display:grid;grid-template-columns:1fr auto auto;gap:4px;align-items:center}
.col-mv{border:1px solid var(--linha2);background:var(--papel);border-radius:6px;width:26px;height:24px;padding:0;font-weight:700;color:var(--tinta2)}
.col-mv:disabled{opacity:.3;cursor:default} .col-lista>.chip{margin-top:6px;justify-self:start}
.cartao.sobe-card{--cor:var(--verde)} .sobe-card .val{color:var(--verde-t)}
.cartao.desce-card{--cor:var(--vermelho)} .desce-card .val{color:var(--vermelho-t)}
.cartao.neutro-card{--cor:var(--amarelo)} .cartao.azul-card{--cor:var(--c-pedidos)}
.manchete{display:flex;align-items:center;gap:18px;padding:14px 18px;border-radius:12px;border:2px solid var(--amarelo);background:color-mix(in srgb,var(--amarelo) 12%,var(--papel))}
.cartao.clicavel,.manchete.clicavel{cursor:pointer;transition:transform .12s,box-shadow .12s}
.cartao.clicavel:hover,.manchete.clicavel:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px var(--tinta)}
.ver-mais{margin-top:8px;font-size:var(--t-2);font-weight:800;letter-spacing:.04em;opacity:.8}
.manchete .ver-mais{margin:0 0 0 auto;align-self:center;white-space:nowrap}
.manchete.normal{border-color:var(--tinta2);background:color-mix(in srgb,var(--tinta2) 8%,var(--papel))}
.manchete.normal .man-val{color:var(--tinta)}
.cartao.normal-card{--cor:var(--tinta2)}
.cartao.zero-card{--cor:var(--linha2)} .cartao.zero-card .val{color:var(--tinta3)}   /* zero não chama atenção (vence o tom) */
.manchete.sobe{border-color:var(--verde);background:color-mix(in srgb,var(--verde) 12%,var(--papel))}
.manchete.desce{border-color:var(--vermelho);background:color-mix(in srgb,var(--vermelho) 10%,var(--papel))}
.man-val{font-size:2.4rem;font-weight:800;white-space:nowrap;color:var(--amarelo-t)}
.manchete.sobe .man-val{color:var(--verde-t)} .manchete.desce .man-val{color:var(--vermelho-t)}
.pvm-filtro{margin:0 0 10px;gap:8px} .pvm-filtro .chip{padding:6px 14px;font-weight:700}
.man-lista{margin:6px 0;padding-left:20px;display:grid;gap:3px;font-weight:500} .man-lista .seta-par{color:var(--tinta3)}
.man-txt small{display:block;color:var(--tinta2)}
.man-txt{font-size:var(--t1,1.05rem);color:var(--tinta);line-height:1.5}
.sub-bloco{margin:18px 0 8px;font-size:var(--t-1);text-transform:uppercase;letter-spacing:.04em;color:var(--tinta2)}
.sub-bloco small{text-transform:none;letter-spacing:0;font-weight:400;color:var(--tinta3)}
.atencao{color:var(--amarelo-t);font-weight:700}
.vsm{display:block;cursor:help}
.pj-fora{cursor:help;display:inline-block;padding:1px 6px;border-radius:5px;background:#8E1B26;color:#fff;font-weight:700;font-size:var(--t-2);letter-spacing:.02em}
@media (max-width:600px){.manchete{flex-direction:column;align-items:flex-start;gap:6px}.man-val{font-size:1.9rem}}
.decomp{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font-size:var(--t-1);color:var(--tinta2)}
.aviso-saz{margin:12px 0 0;padding:8px 12px;border-radius:8px;border-left:4px solid var(--amarelo);background:color-mix(in srgb,var(--amarelo) 12%,var(--papel));font-size:var(--t-1);color:var(--tinta)}
.tb-mais{margin-left:6px} .tb-mais .chip{padding:3px 10px;margin-left:4px;font-size:var(--t-2)}
.tb-modo{margin-left:auto} .tb-modo button{padding:6px 14px}
.tb-caixa.forca-tabela{overflow:auto} .tb-caixa.forca-tabela>table>thead th{white-space:nowrap} .tb-caixa.forca-tabela>table>tbody>tr>td{max-width:none}
/* dicas em tópicos */
.dica-lista{margin:0;padding-left:16px;display:grid;gap:4px} .dica-lista li{padding-left:2px} .dica-lista li::marker{color:var(--pessego)}
details.i .dica-lista li::marker{color:var(--tinta3)}
.dica{white-space:normal}
/* número do cartão cabe na largura do cartão (6 por linha): encolhe com a tela */
.cartao .val{font-size:var(--fs-val,26px)}
.cartoes>.cartao{min-width:0} .cartao .val{min-width:0;overflow:hidden}   /* o cartão não cresce com o número: a medida vê o excesso */   /* app.js/ajustaNumeros: o maior tamanho que cabe em todos os cartões da linha */
.ordem-ped{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--tinta2);font-size:var(--t-1)} .ordem-ped select{font-weight:600;color:var(--tinta)}
/* TABELA PLANILHA */
/* maximizar: a tabela ocupa a tela e todas as colunas cabem na largura (letra menor, texto quebra linha) */
.tb-max{position:fixed;inset:0!important;max-height:none!important;z-index:950;background:var(--fundo,var(--papel));padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.tb-max .tb-caixa{flex:1 1 auto;max-height:none!important;overflow:auto}   /* tabela que não cabe nem espremida rola para o lado (Pedidos) */
.tb-max table{width:calc(100% - 4px)!important}   /* a borda somava 2 px aos 100% e criava barra lateral à toa */
.tb-max th:last-child .puxa{right:0}   /* a alça da última coluna passava 5 px da borda */
.tb-max table{width:100%!important;min-width:0!important;box-sizing:border-box;table-layout:auto!important;font-size:var(--t-2)}
.tb-max th{width:auto!important;white-space:normal} .tb-max td{white-space:normal;padding:5px 7px} .tb-max th{padding:6px 7px}
html.tb-max-aberta,html.tb-max-aberta body,html:has(dialog[open]),html:has(dialog[open]) body{overflow:hidden}   /* com janela ou tabela em destaque, a roda do mouse não rola a tela de trás */
.tb-max>.tb-barra{padding-right:48px}   /* espaço para o X do canto */
.tb-fecha{position:absolute;top:12px;right:14px;width:36px;height:36px;border:1px solid var(--linha2);border-radius:10px;background:var(--papel);color:var(--tinta);font-size:18px;line-height:1;cursor:pointer}
.tb-fecha:hover{background:var(--forte);color:#fff;border-color:var(--forte)}
.tb-caixa>table>tbody>tr:not(.sub)>td{user-select:none;cursor:cell} .tb-caixa>table>tbody>tr.abre>td{cursor:pointer}
.tb-caixa>table>tbody>tr>td.sel,.tb-caixa>table>tbody>tr:hover>td.sel{background:color-mix(in srgb,var(--forte) 24%,var(--papel))}
.tb-caixa th .puxa:hover::after{width:3px;left:2px}

/* ================= PACOTE 07/10/2026 (N8 a N16): app vivo, cor pelo significado, comparação com os dois lados */
:root{--comercial-t:#2A5CB7;--balcao-t:#A9420A;--roxo:#7C4DC9;--roxo-t:#6A3DB5;--laranja-v:#E8590C;--laranja-vt:#B4430A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--comercial-t:#9DBBF2;--balcao-t:#F6B478;--roxo-t:#C9B0F2;--laranja-vt:#F8A170}}
/* N8: cartão sem tom pega a cor do assunto (a do menu), nunca cinza; com tom, a cor do significado. Fundo levemente tingido */
.cartao{--cor:inherit;background:color-mix(in srgb,var(--cor) 7%,var(--papel))}
.cartao.comercial-card{--cor:var(--comercial)} .comercial-card .val{color:var(--comercial-t)}
.cartao.balcao-card{--cor:var(--balcao)} .balcao-card .val{color:var(--balcao-t)}
.cartao.roxo-card{--cor:var(--roxo)} .roxo-card .val{color:var(--roxo-t)}
.cartao.azul-card .val{color:var(--comercial-t)}
.cartao.neutro-card .val{color:var(--amarelo-t)}
.cartao.normal-card{--cor:var(--c-radar)}   /* "dentro do normal": verde-azulado firme, não cinza apagado */
.cartao.zero-card{--cor:var(--linha2);background:var(--papel)}
.cartao .leg{color:var(--tinta2)}
/* comparação "ANTES × AGORA" (N9): os dois lados em letra firme, logo depois da seta */
.comp-leg{display:inline} .comp-txt{font-weight:700;color:var(--tinta2);letter-spacing:.01em;cursor:help;white-space:normal}
/* N10: a alça de largura da última coluna passava 3 px da borda e criava barra de rolagem lateral em tabela que cabe */
.tb-caixa th:last-child .puxa,.posicao th:last-child .puxa{right:0}
/* N15: Mensagem da nota com largura fixa; o que não cabe vira "…" e a dica mostra o texto todo */
.tb-caixa th.col-msg,.tb-caixa td.col-msg{width:240px;max-width:240px} .tb-caixa td.col-msg{overflow:hidden;text-overflow:ellipsis}
.tb-caixa td.col-msg .msg-nota{display:block;width:220px;max-width:220px}   /* célula de tabela ignora max-width: quem segura a largura é o texto */
.tb-max td.col-msg .msg-nota{white-space:nowrap}
/* N14: Situação do pedido, rótulo e cor exatamente os do dono (texto e fundo valem nos dois temas) */
.etapa-aberto{--ef:#E6E9EF;--et:#2B2F36} .etapa-credito{--ef:#FF9A3C;--et:#2B1300} .etapa-estoque{--ef:#8D5A2B;--et:#fff}
.etapa-separacao{--ef:#2A6CC0;--et:#fff} .etapa-separado{--ef:#2E7D32;--et:#fff} .etapa-liberado{--ef:#F2C230;--et:#3A2C00} .etapa-faturado{--ef:#C4344A;--et:#fff}
.selo.etapa{border:1px solid color-mix(in srgb,var(--ef) 70%,#000)}
:root{--f-aberto:#E6E9EF;--f-atencao:#FF9A3C}
.op-aberto,.kb-aberto{--kt:#2B2F36} .op-travado,.kb-travado{--kt:#2B1300} .op-estoque,.kb-estoque{--kt:#fff}
.op-box.op-estoque,.kb-col.kb-estoque{--kf:#8D5A2B}
.op-box.op-aberto{box-shadow:0 4px 0 #B9BFC9,inset 0 0 0 2px #C9CED6}
/* Vender logo: código, armazéns e preço da tabela (N5, N6) */
.of-cod{justify-self:start;margin-bottom:2px;padding:1px 7px;border-radius:5px;background:color-mix(in srgb,var(--laranja-v) 14%,var(--papel));color:var(--laranja-vt);font:700 var(--t-2)/1.3 var(--sans);letter-spacing:.03em}
.of-arms{font-size:var(--t-2);font-weight:600;color:var(--tinta2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.of-tab{font:600 var(--t-2)/1.2 var(--sans);color:var(--tinta2)} .of-tab b{font-weight:800;color:var(--tinta)}
/* Radar: RECUPERAR em laranja (comprou menos ou parou), período com as datas */
.v-laranja{--vc:#C2410C}
.acao-per{padding:1px 7px;border-radius:5px;background:var(--agua2);color:var(--tinta2);font-weight:700;cursor:help}
/* N12: janela do cliente com grade alinhada */
.cli-cab{display:grid;gap:4px;min-width:0} .cli-cab>b{font-size:var(--t3);letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}
.cli-cab-sub{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--t-2);font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.86)}
.cli-cab-sub b{color:#fff;font-weight:800} .cli-cab-per{cursor:help;text-transform:uppercase}
dialog.cli-jan .pj-topo{align-items:center;padding:12px 18px}
.cli-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px} .cli-cab>b{font-size:var(--t2)}
dialog.cli-jan .pj-topo>.chip{flex:none;height:32px;padding:0 12px;font-size:var(--t-2);font-weight:700}
.cli-per{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;font-size:var(--t-1);color:var(--tinta2)}
.cli-per>b{padding:3px 9px;border-radius:6px;background:color-mix(in srgb,var(--c-clientes) 14%,var(--papel));color:var(--forte-t);font-size:var(--t-2);letter-spacing:.04em}
.cli-antes{display:grid;gap:8px}
.cli-placar>.cartao{align-content:stretch;grid-template-rows:auto auto 1fr} .cli-placar .leg{align-self:end}
.cli-inds{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:14px}
@container (max-width:620px){.cli-inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cli-ind{--ic:var(--c-clientes);display:grid;gap:3px;align-content:start;padding:10px 14px;border-radius:10px;border:2px solid color-mix(in srgb,var(--ic) 45%,var(--linha2));
  border-left:6px solid var(--ic);background:color-mix(in srgb,var(--ic) 8%,var(--papel));min-width:0}
.cli-ind>span{font-size:var(--t-2);font-weight:800;letter-spacing:.05em;color:var(--tinta2)}
.cli-ind>b{font-size:var(--t1);font-weight:800;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cli-ind>small{font-size:var(--t-2);font-weight:600;color:var(--tinta2)}
.cli-ind .mo-barra{height:6px}
.ind-total{--ic:var(--comercial)} .ind-ped{--ic:var(--c-pedidos)} .ind-bonif{--ic:var(--roxo)} .ind-venc{--ic:var(--vermelho)} .ind-gen{--ic:var(--tinta3)}
/* aba Clientes: lojas abertas com cabeçalho e colunas alinhadas; número principal do vendedor em cima */
.cli-lojas{table-layout:fixed}
.cli-lojas th{position:static;padding:6px 10px;background:color-mix(in srgb,var(--cor) 12%,var(--papel));color:var(--forte-t);font-size:var(--t-2);font-weight:700;cursor:default;white-space:nowrap}
.cli-lojas th:nth-child(1){width:auto} .cli-lojas th:nth-child(2){width:16%} .cli-lojas th:nth-child(3){width:20%} .cli-lojas th:nth-child(4){width:13%}
.cli-lojas th:nth-child(5){width:16%} .cli-lojas th:nth-child(6){width:12%}
.cli-lojas th.n,.cli-lojas td.n{text-align:right} .cli-lojas td{overflow:hidden;text-overflow:ellipsis}
.mo{min-width:0} .mo small{white-space:nowrap}
/* cabeçalho de comparação ("25/09 A 30/09 × ESTE MÊS") quebra linha em vez de alargar a tabela (N10) */
.tb-caixa.forca-tabela>table>thead th.col-comp{white-space:normal;min-width:100px;max-width:180px;line-height:1.25}
.cli-lojas th{white-space:normal;line-height:1.25;vertical-align:bottom}
.cartao.zero-card .val{color:var(--tinta3)}
.carimbo{min-width:0;max-width:min(560px,45vw);overflow-wrap:anywhere}   /* erro longo no carimbo quebra linha em vez de alargar a página */
/* N26: BARRA DO TOPO premium. Duas zonas; todo controle com 38 px, raio 10, borda de 2 px e o mesmo espaço; nada na cor do
   painel (o botão marrom do Faturamento destoava): a ação é azul firme, o "ao vivo" é verde, o resto é neutro */
#topo{padding:10px 28px;gap:0;background:color-mix(in srgb,var(--papel) 96%,transparent);border-bottom:2px solid var(--linha2);box-shadow:0 2px 10px -6px rgba(22,23,27,.25)}
.tp-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}
.tp-esq,.tp-dir{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.tp-dir{margin-left:auto}
/* linha 1: QUEM à esquerda, estado e ações à direita; linha 2: o período. Em tela larga, tudo numa linha */
.tp-esq{order:1} .tp-dir{order:2} .tp-datas{order:3;flex-basis:100%}
@media (min-width:1700px){.tp-datas{order:2;flex-basis:auto} .tp-dir{order:3}}
.tp-ctl{box-sizing:border-box;height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:2px solid var(--linha2);border-radius:10px;
  background:var(--papel);color:var(--tinta);font:600 var(--t-1)/1 var(--sans);letter-spacing:.02em;white-space:nowrap}
.tp-ctl svg{flex:none;color:var(--tinta2)}
button.tp-ctl:hover,summary.tp-ctl:hover,label.tp-ctl:hover{border-color:var(--c-pedidos)}
.tp-ctl:focus-within{border-color:var(--c-pedidos);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-pedidos) 22%,transparent)}
.tp-ctl input,.tp-ctl select{height:100%;border:0!important;box-shadow:none!important;background:none;padding:0;font:600 var(--t-1)/1 var(--sans);color:var(--tinta);outline:0}
.tp-quem{max-width:340px;cursor:pointer;list-style:none} .tp-quem::-webkit-details-marker{display:none}
.tp-quem.fixo{cursor:default}
.tp-quem b{font-weight:800;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tp-quem small{font:700 var(--t-2)/1 var(--sans);color:var(--tinta2);letter-spacing:.04em}
.tp-fil{padding:4px 7px;border-radius:6px;background:var(--c-pedidos);color:#fff!important}
.tp-seta{color:var(--tinta3);font-size:11px}
details.vd>summary.tp-quem{max-width:340px}
#topo .datas{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
.tp-periodo{padding-right:6px} .tp-periodo select{min-width:132px;font-weight:800;cursor:pointer}
#topo .de-ate{gap:6px;padding:0 8px 0 10px;color:var(--tinta2)} #topo .de-ate>span{font:800 var(--t-2)/1 var(--sans);letter-spacing:.05em;color:var(--tinta2)}
#topo .de-ate input{width:122px}
#topo .consultar{padding:0 14px;font-weight:800;letter-spacing:.05em;color:var(--tinta2);cursor:default}
#topo .consultar.pronto{background:var(--c-pedidos);border-color:var(--c-pedidos);color:#fff;cursor:pointer}
#topo .consultar[disabled]{opacity:1}
.tp-vivo{box-sizing:border-box;height:38px;display:inline-flex;align-items:center;gap:9px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--tinta2);cursor:pointer}
.tp-vivo:hover{background:var(--agua2)}
.tp-ponto{width:10px;height:10px;border-radius:50%;background:var(--tinta3);flex:none}
.tp-vivo.ligado .tp-ponto{background:#22B35E;box-shadow:0 0 0 0 rgba(34,179,94,.55);animation:vivo 2s ease-out infinite}
@keyframes vivo{70%{box-shadow:0 0 0 8px rgba(34,179,94,0)}100%{box-shadow:0 0 0 0 rgba(34,179,94,0)}}
@media (prefers-reduced-motion:reduce){.tp-vivo.ligado .tp-ponto{animation:none}}
.tp-vivo-txt{display:grid;justify-items:start;gap:3px;text-align:left;line-height:1}
.tp-vivo-txt b{font:800 var(--t-2)/1 var(--sans);letter-spacing:.08em;color:var(--tinta)} .tp-vivo.ligado .tp-vivo-txt b{color:var(--verde-t)}
.tp-vivo-txt .carimbo{font-size:11px;color:var(--tinta2)} .tp-vivo-txt .carimbo.falha{color:var(--vermelho-t)}
.tp-busca{padding:0 10px;gap:6px;cursor:text} .tp-busca .caixa-ped{width:96px}
.tp-icone{width:38px;padding:0;justify-content:center;cursor:pointer} .tp-icone svg{color:var(--tinta)}
.tp-icone.gira svg{animation:gira .9s linear infinite} .tp-icone[disabled]{cursor:wait}
details.tp-user{position:relative} details.tp-user>summary{list-style:none} details.tp-user>summary::-webkit-details-marker{display:none}
.tp-avatar{width:38px;padding:0;justify-content:center;border-radius:50%;border-color:transparent;background:var(--c-resumo);color:#fff;font-weight:800;cursor:pointer}
.tp-avatar:hover{border-color:var(--tinta)!important}
.tp-user-caixa{position:absolute;right:0;top:calc(100% + 8px);z-index:25;display:grid;gap:4px;min-width:220px;padding:14px;border-radius:12px;background:var(--papel);
  border:1px solid var(--linha2);box-shadow:var(--sombra-alta)}
.tp-user-caixa b{font-size:var(--t0)} .tp-user-caixa small{color:var(--tinta2);margin-bottom:8px}
.tp-sair{justify-content:center;font-weight:800;letter-spacing:.06em;cursor:pointer;color:var(--vermelho-t)} .tp-sair:hover{background:color-mix(in srgb,var(--vermelho) 10%,var(--papel));border-color:var(--vermelho)}
/* N29: período na tabela maximizada (mesmo controle do topo) */
.tb-periodo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
.tb-periodo .datas{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
.tb-periodo .de-ate{gap:6px;padding:0 8px 0 10px} .tb-periodo .de-ate>span{font:800 var(--t-2)/1 var(--sans);letter-spacing:.05em;color:var(--tinta2)}
.tb-periodo .de-ate input{width:122px} .tb-periodo .tp-periodo select{min-width:132px;font-weight:800}
.tb-periodo .consultar{padding:0 14px;font-weight:800;letter-spacing:.05em;color:var(--tinta2)} .tb-periodo .consultar.pronto{background:var(--c-pedidos);border-color:var(--c-pedidos);color:#fff}
.tb-per-txt{display:grid;gap:2px;font-size:var(--t-2);color:var(--tinta2);cursor:help} .tb-per-txt b{color:var(--tinta);letter-spacing:.04em}
.tb-max .tb-modo{margin-left:0}
/* PREÇO JUSTO (N24, N25): FORA vermelho, POSSÍVEL âmbar, LISTA DESATUALIZADA cinza-azulado (nunca pinta o vendedor de vermelho) */
:root{--lista-desat:#5B7A99;--lista-desat-t:#3E5C7A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lista-desat-t:#A9C3DD}}
.selo.lista-desat{--l:var(--lista-desat);--lt:var(--lista-desat-t)} .lista-desat-t{color:var(--lista-desat-t)}
.cartao.lista-desat-card{--cor:var(--lista-desat)} .lista-desat-card .val{color:var(--lista-desat-t)}
.preco-topo{display:grid;gap:20px}
section.preco-tab{--cor:var(--lista-desat);--forte:color-mix(in srgb,var(--lista-desat) 85%,#101012)}
/* PREÇO CONTRA OS COLEGAS (07/10/2026): VENDEDOR > CLIENTE > PRODUTO nas mesmas colunas; FORA e POSSÍVEL só pintam a linha */
.pj-leg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:var(--t-2);font-weight:800;letter-spacing:.04em;color:var(--tinta2)}
.pj-leg i{display:inline-block;width:12px;height:12px;border-radius:3px} .pj-leg i+i,.pj-leg i:not(:first-child){margin-left:12px}
i.pj-l-fora{background:var(--vermelho)} i.pj-l-poss{background:var(--amarelo)}
.tb-caixa>table>tbody>tr.filha.pj-l-fora>td{background:color-mix(in srgb,var(--vermelho) 8%,var(--papel))}
.tb-caixa>table>tbody>tr.filha.pj-l-poss>td{background:color-mix(in srgb,var(--amarelo) 10%,var(--papel))}
.tb-caixa>table>tbody>tr.filha.pj-l-fora>td:first-child{box-shadow:inset 4px 0 0 var(--vermelho)}
.tb-caixa>table>tbody>tr.filha.pj-l-poss>td:first-child{box-shadow:inset 4px 0 0 var(--amarelo)}
.tb-caixa>table>tbody>tr.filha.neta>td:first-child{padding-left:64px}
.tb-caixa>table>tbody>tr.filha.mae>td:first-child::before{left:26px}
.tb-caixa>table>tbody>tr.filha.mae.aberta>td{font-weight:700}
.tb-caixa>table>tbody>tr.filha.abre{cursor:pointer}
.pj-pct{display:block;font-size:var(--t-2);font-weight:700}
.preco-tab-mais{margin-top:14px} .preco-tab-mais>summary{cursor:pointer;font-weight:800;letter-spacing:.04em;color:var(--lista-desat-t);padding:6px 0}
/* Lista em árvore de preço (dono 07/10/2026, N39 e N43): não é tabela de dados. Colunas fixas iguais em todos os níveis
   (o mesmo molde de grid, --g), fios visíveis, cabeçalho com fundo, cor pelo nível (vermelho FORA DO PREÇO, âmbar POSSÍVEL) */
.arv{container-type:inline-size;border:2px solid var(--linha2);border-radius:10px;overflow:hidden;background:var(--papel);font-variant-numeric:tabular-nums}
.arv-l{display:grid;grid-template-columns:var(--g);align-items:stretch;border-top:1px solid var(--linha2)}
.arv-l>div{padding:7px 10px;min-width:0;display:flex;align-items:center}
.arv-cab{background:color-mix(in srgb,var(--cor) 72%,#101012);color:#fff;font:800 11px/1.25 var(--sans);letter-spacing:.06em;border-top:0}
.arv-n{justify-content:flex-end;text-align:right;border-left:1px solid var(--linha);white-space:nowrap}
.arv-cab .arv-n{border-left-color:color-mix(in srgb,#fff 30%,transparent);white-space:normal}
.arv-n.larga{justify-content:flex-start;text-align:left;white-space:normal}
.arv-nome{gap:6px} .arv-l[data-nv="1"]>.arv-nome{padding-left:32px} .arv-l[data-nv="2"]>.arv-nome{padding-left:56px} .arv-l[data-nv="3"]>.arv-nome{padding-left:80px}
.arv-txt{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.arv-txt>small{font:700 10.5px/1.35 var(--sans);letter-spacing:.05em;color:var(--tinta3)}
.arv-seta{flex:none;width:26px;height:26px;border:0;background:none;padding:0;border-radius:6px;display:grid;place-items:center;color:var(--tinta3);cursor:pointer}
.arv-seta i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s;margin-left:-2px}
.arv-seta[aria-expanded="true"] i{transform:rotate(45deg);margin:-3px 0 0}
.arv-seta:hover{background:var(--agua);color:var(--tinta)} .arv-seta.vazia{visibility:hidden}
.arv-v{background:color-mix(in srgb,var(--cor) 9%,var(--papel));border-top-width:2px}
.arv-v .arv-rot{font:800 var(--t1)/1.25 var(--sans);letter-spacing:.02em}
.arv-c{background:var(--agua2)} .arv-c .arv-rot{font-weight:700}
.arv-p,.arv-d{background:var(--papel)} .arv-d{font-size:var(--t-1);background:color-mix(in srgb,var(--nvc,var(--linha)) 6%,var(--papel))}
.nv-fora{--nvc:var(--vermelho)} .nv-poss{--nvc:var(--amarelo)}
.arv-l.nv-fora>.arv-nome,.arv-l.nv-poss>.arv-nome{box-shadow:inset 4px 0 0 var(--nvc)}
.arv-num{cursor:default;display:inline-flex;flex-direction:column;align-items:flex-end}
.arv-vend{color:var(--vermelho-t)}
.arv-dif{display:inline-flex;flex-direction:column;align-items:flex-end;color:var(--vermelho-t);cursor:default}
.arv-dif small{font-size:var(--t-2);font-weight:700} .arv-dif.acima{color:var(--verde-t)}
.arv-faixa{font-size:var(--t-2);color:var(--tinta3);font-weight:600;white-space:normal;text-align:right}
.arv-ped{border:1.5px solid var(--linha2);background:var(--papel);border-radius:6px;padding:1px 8px;font:700 var(--t-1)/1.5 var(--sans);color:var(--tinta);cursor:pointer;font-variant-numeric:tabular-nums}
.arv-ped:hover{border-color:var(--tinta2)} .arv-ped.nv-fora{border-color:var(--vermelho)} .arv-ped.nv-poss{border-color:var(--amarelo)}
.arv-dia{margin-left:10px;color:var(--tinta3);font-size:var(--t-2);font-weight:600}
.arv-peds{display:flex;flex-wrap:wrap;gap:4px}
.arv-topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px} .arv-topo .pj-leg,.arv-topo .pj-sec{margin:0} .arv-max{margin-left:auto}
.pj-todas{margin-top:14px} .pj-todas>summary{cursor:pointer;font-weight:800;letter-spacing:.04em;padding:8px 0;color:var(--tinta2)}
.graf-jan .pj-corpo:has(.arv){justify-content:flex-start}
/* estreito (celular, tela de 1024 com o menu): nome em cima, números embaixo nas mesmas colunas; vendedor e cliente com a diferença ao lado */
@container (max-width:900px){   /* 5 colunas fixas + o nome precisam de ~900 px */
  .arv-l{grid-template-columns:var(--gm)}
  .arv-l>div{padding:5px 6px} .arv-n{font-size:12px} .arv-cab .arv-n{font-size:10px;letter-spacing:.03em}
  .arv-nome{grid-column:1/-1} .arv-cab>.arv-nome{display:none}
  .arv-nome+.arv-n{border-left:0} .arv-n.larga{grid-column:1/-1;border-left:0}
  .arv-l.so-fim{grid-template-columns:minmax(0,1fr) auto} .arv-l.so-fim>.arv-nome{grid-column:1} .arv-l.so-fim>.arv-n.vazio{display:none}
  .arv-l.so-fim>.arv-n{border-left:0}
  .arv-n.larga.vazio{display:none}
  .arv-l[data-nv="1"]>.arv-nome{padding-left:14px} .arv-l[data-nv="2"]>.arv-nome{padding-left:26px} .arv-l[data-nv="3"]>.arv-nome{padding-left:38px}
}
/* vendedor bloqueado no cadastro: selo discreto, as vendas continuam nos números */
.selo-inativo{display:inline-block;margin-left:6px;padding:0 6px;border:1.5px solid var(--tinta3);border-radius:5px;color:var(--tinta2);font:800 10.5px/1.5 var(--sans);letter-spacing:.05em;vertical-align:1px;cursor:help;white-space:nowrap}
.of-semana{font-style:normal;margin-left:6px;padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--amarelo) 22%,var(--papel));color:var(--amarelo-t);font-weight:800;font-size:var(--t-2)}
.of-preco .selo.lista-desat{justify-self:start;margin-bottom:2px}
/* N31: linha-mãe que abre (▸/▾) e linhas filhas nas mesmas colunas, recuo só na 1ª */
.tb-caixa tr.mae>td:first-child{position:relative;padding-left:30px}
.tb-caixa tr.mae>td:first-child::before{content:"▸";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--forte-t);font-weight:800}
.tb-caixa tr.mae.aberta>td:first-child::before{content:"▾"}
.tb-caixa tr.mae.aberta>td{font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--cor) 35%,var(--linha))}
.tb-caixa>table>tbody>tr.filha>td{background:color-mix(in srgb,var(--cor) 6%,var(--papel));font-size:var(--t-2);border-bottom:1px dashed var(--linha)}
.tb-caixa>table>tbody>tr.filha>td:first-child{padding-left:44px;box-shadow:inset 4px 0 0 color-mix(in srgb,var(--cor) 45%,var(--papel))}
.tb-caixa>table>tbody>tr.filha.ultima>td{border-bottom:2px solid color-mix(in srgb,var(--cor) 35%,var(--linha))}
.cli-filha .cod{color:var(--tinta2);font-weight:700;margin-right:4px}
.pj-corpo,.tb-caixa,.tb-vaga{overflow-anchor:none}   /* N31: a ancoragem do navegador deslocava janela e página ao redesenhar */

/* ================= N18 MOBILE (07/10/2026): celular e tablet até 900 px com TUDO o que o PC tem, não uma versão reduzida.
   Menu numa gaveta (☰), topo compacto, período e vendedores em tela cheia, janelas em tela cheia com X grande, tabela que não
   cabe em fichas, gráfico com MAXIMIZAR, alvos de toque de 44 px. Acima de 900 px só valem as peças marcadas "PC também". */
@media (min-width:901px){.so-cel{display:none!important}}
#veu{display:none}
/* PC também: botão MAXIMIZAR do gráfico e a janela do gráfico em tela cheia (colunas largas, rola para o lado se não couber) */
.graf-max{order:9;margin-left:auto;padding:5px 12px;font-weight:800;letter-spacing:.04em}
.graf-rola{min-width:0}
.graf-jan{width:calc(100vw - 32px);height:calc(100vh - 32px)}
.graf-jan .pj-corpo{justify-content:center}
.graf-jan .graf-rola{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}
.graf-jan .graf-col{min-width:calc(var(--n) * 46px)}
.graf-jan .gc-val{font-size:var(--t-1)} .graf-jan .gc-dia,.graf-jan .gc-sub{font-size:var(--t-2)} .graf-jan .gc-marca{font-size:10.5px}
.graf-jan .gc-pilha{max-width:34px}
/* tela cheia de escolha (período, vendedores): cabeçalho fixo azul e X grande */
dialog.folha{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:var(--agua2);color:var(--tinta)}
dialog.folha[open]{display:flex;flex-direction:column}
.folha-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 18px;padding-top:calc(10px + env(safe-area-inset-top));
  background:var(--c-pedidos);color:#fff}
.folha-topo b{font:800 var(--t1)/1.2 var(--sans);letter-spacing:.06em}
.folha-x{flex:none;width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:12px;background:rgba(255,255,255,.2);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.folha-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
.folha-corpo{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 16px calc(24px + env(safe-area-inset-bottom));display:grid;gap:14px;align-content:start}
.folha-atalhos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.folha-bt{min-height:56px;padding:8px;border:2px solid var(--linha2);border-radius:12px;background:var(--papel);color:var(--tinta);font:800 var(--t0)/1.2 var(--sans);letter-spacing:.04em;cursor:pointer}
.folha-bt[aria-pressed="true"]{background:var(--c-pedidos);border-color:var(--c-pedidos);color:#fff}
.folha-rot{margin:8px 0 0;font:800 var(--t-2)/1 var(--sans);letter-spacing:.08em;color:var(--tinta2)}
.folha-datas{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.folha-datas .tp-ctl{height:56px;width:100%;min-width:0;border-radius:12px}
.folha-datas .de-ate>span{font:800 var(--t-2)/1 var(--sans);letter-spacing:.05em;color:var(--tinta2)}
.folha-datas .de-ate input{flex:1 1 auto;min-width:0;font-size:16px}
.folha-datas .consultar{grid-column:1/-1;justify-content:center;font-size:var(--t0);font-weight:800;letter-spacing:.06em;color:var(--tinta2)}
.folha-datas .consultar.pronto{background:var(--c-pedidos);border-color:var(--c-pedidos);color:#fff;cursor:pointer}
.folha-datas .consultar[disabled]{opacity:.55}
@media (max-width:900px){
  /* casca: uma coluna; o menu vira gaveta por cima (fecha ao escolher, no véu, no X e no VOLTAR) */
  #app{grid-template-columns:minmax(0,1fr)}
  nav{position:fixed;top:0;left:0;bottom:0;z-index:1001;width:min(330px,88vw);height:100dvh;overflow:auto;overscroll-behavior:contain;
    padding:0 12px calc(24px + env(safe-area-inset-bottom));transform:translateX(-104%);visibility:hidden;box-shadow:12px 0 40px rgba(0,0,0,.45);
    transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s}
  html.menu-aberto nav{transform:none;visibility:visible;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
  html.menu-aberto,html.menu-aberto body{overflow:hidden}
  html.menu-aberto #veu{display:block;position:fixed;inset:0;z-index:1000;background:rgba(20,18,18,.6);animation:aparece .2s ease-out}
  nav .marca{position:relative;padding:14px 10px 12px;padding-top:calc(14px + env(safe-area-inset-top))}
  nav .marca .logo{width:84px}
  nav .menu-fecha{position:absolute;top:calc(10px + env(safe-area-inset-top));right:0;width:46px;height:46px;display:grid;grid-template-columns:none;place-items:center;
    padding:0;margin:0;border-radius:12px;background:#3A3637;color:#fff;font-size:20px;line-height:1}
  nav .menu-grupo button{min-height:48px}
  nav .filial-sel select{min-height:44px;font-size:16px}
  /* topo compacto: ☰ logo, ao vivo, pedido, atualizar e usuário; embaixo QUEM e o período (chip que abre a tela cheia) */
  #topo{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));backdrop-filter:none;background:var(--papel)}   /* sem o blur: ele prendia a tela cheia dos vendedores dentro do topo */
  .tp-barra{justify-content:flex-start;gap:8px}
  .tp-esq,.tp-dir{display:contents}
  .tp-datas{display:none}
  .tp-ctl{height:44px}
  .tp-icone,.tp-avatar{width:44px}
  .tp-menu{order:1} .tp-logo{order:2} .tp-vivo{order:3;margin-left:auto} .tp-busca{order:4} #agora{order:5} .tp-user{order:6}
  .tp-barra::before{content:"";order:7;flex-basis:100%;height:0}
  .tp-esq>.vd,.tp-esq>.tp-quem{order:8;flex:1 1 0;min-width:0;max-width:none}
  details.vd>summary.tp-quem{max-width:none;width:100%}
  .tp-per{order:9;flex:none;cursor:pointer} .tp-per b{font-weight:800}
  .tp-logo{flex:none;width:46px;height:38px;background:var(--logo) center/contain no-repeat}
  .tp-vivo{width:44px;height:44px;padding:0;justify-content:center} .tp-vivo-txt{display:none}
  .tp-busca{flex:1 1 84px;min-width:0} .tp-busca .caixa-ped{width:100%;min-width:0;font-size:16px}
  @media (max-width:599px){.tp-barra{gap:6px} .tp-busca{padding:0 8px} .tp-busca svg{display:none}}   /* cabe "Pedido nº" inteiro em 360 px */
  .tp-menu svg{color:var(--tinta)}
  /* vendedores e equipes: tela cheia, linhas e botões grandes */
  details.vd[open]>.vd-caixa{position:fixed;inset:0;z-index:1002;width:auto;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none;
    grid-template-rows:auto auto auto minmax(0,1fr) auto auto;padding-bottom:env(safe-area-inset-bottom)}
  .vd-busca{padding:12px 14px 6px} .vd-busca input{height:46px;font-size:16px}
  .vd-op{min-height:48px;padding:10px 16px;font-size:var(--t0)} .vd-op input{width:22px;height:22px;flex:none}
  .vd-grupo>.vd-op:not(.vd-eq){padding-left:46px}
  .vd-acoes{padding:12px 14px} .vd-acoes>button{min-height:50px;font-size:var(--t0);font-weight:800}
  /* conteúdo */
  #conteudo{padding:12px 12px calc(40px + env(safe-area-inset-bottom));gap:14px}
  h1.titulo{padding:14px 16px;font-size:var(--t2);border-radius:12px}
  h1.titulo small{font-size:var(--t-1)}
  section.bloco{padding:14px}
  section.bloco>h2{margin:-14px -14px 14px;padding:10px 14px}
  .cartoes{gap:10px} .cartao{padding:12px 12px 14px}
  .grade2,.ajuda-grade,.pj-msgs{grid-template-columns:minmax(0,1fr)}
  .vbusca{min-width:0;width:100%} .onde-rot{min-width:0} .cli-total .mo{min-width:0}
  .dica{z-index:1100;font-size:var(--t-1)}
  /* toque: alvos de 44 px nos controles principais; campo de texto com 16 px (o celular não dá zoom ao tocar) */
  .chip,.seg button,.guias button,details.col summary,.radar-pil,.acao-bt,.arm,.ofertas .mais,.pb-tira,.leg-item,.tb-mais .chip{min-height:44px}
  .chip,details.col summary,.pb-tira,.acao-bt{display:inline-flex;align-items:center;justify-content:center}
  .pvm-pedchip{min-height:36px}
  .filtros-linha .seg button,.datas .seg button{min-height:44px;display:inline-flex;align-items:center}
  .filtros-linha{flex-wrap:wrap} .filtros-linha .seg{flex:none;flex-wrap:nowrap}
  select,input[type=search],input[type=date],input[type=number],input[type=text],input[type=password]{min-height:44px;font-size:16px}
  .cli-abre{min-height:44px;display:inline-flex;align-items:center}
  details.i summary{position:relative;width:26px;height:26px;font-size:13px}
  details.i summary::before{content:"";position:absolute;inset:-10px}
  /* guias: uma linha que rola para o lado (a aberta aparece sozinha, app.js mostraGuiaAtiva) */
  .guias{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .guias::-webkit-scrollbar{display:none}
  .guias button{flex:none;padding:10px 14px 8px;font-size:var(--t-1)}
  /* tabelas: barra em linhas, Colunas em tela cheia, maximizada com o X grande e o período no chip */
  .tb-barra input[type=search]{flex:1 1 100%;min-width:0}
  .tb-barra>select{flex:1 1 140px;min-width:0}
  .tb-caixa.empilha{max-height:72vh}
  .tb-caixa.empilha>table>tbody>tr>td{white-space:normal;overflow-wrap:anywhere}
  details.col[open]>div{position:fixed;inset:0;z-index:1002;max-width:none;min-width:0;border:0;border-radius:0;overflow:auto;align-content:start;gap:8px;
    padding:16px;padding-top:calc(16px + env(safe-area-inset-top));font-size:var(--t0)}
  details.col[open]>div::before{content:"COLUNAS";font:800 var(--t1)/1.2 var(--sans);letter-spacing:.06em;color:var(--forte-t);padding:4px 0 8px}
  .col-lista{min-width:0} .col-item{min-height:48px} .col-item label{display:flex;align-items:center;gap:10px}
  .col-item input{width:22px;height:22px} .col-mv{width:44px;height:44px}
  .col-lista>.chip{justify-self:stretch;min-height:50px}
  .tb-max{padding:10px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .tb-fecha{top:calc(8px + env(safe-area-inset-top));right:8px;width:48px;height:48px;font-size:20px}
  .tb-max>.tb-barra{padding-right:56px}
  .tb-periodo{margin-left:0} .tb-periodo .datas{display:none} .tb-per-txt{display:none}
  /* janelas (pedido, cliente, ofertas, vendedor, produto, criar filtro, gráfico): tela cheia, cabeçalho fixo e X grande */
  .ped-jan,.filtro-jan,.graf-jan{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
  .pj-topo{align-items:flex-start;gap:8px;padding:8px 10px 8px 14px;padding-top:calc(8px + env(safe-area-inset-top))}
  .pj-topo>div{flex:1 1 0;min-width:0;gap:4px 10px} .pj-topo>div>b{font-size:var(--t2)}
  .pj-topo>.chip,.pj-topo .linha>.chip,dialog.cli-jan .pj-topo>.chip{flex:none;height:auto;min-height:46px;padding:0 14px;font-size:var(--t-1);font-weight:800}
  .ofertas-jan .pj-topo{flex-wrap:wrap} .ofertas-jan .pj-topo .linha{flex-wrap:wrap;justify-content:flex-end;gap:8px}
  .pj-corpo{padding:12px 12px calc(20px + env(safe-area-inset-bottom));container-type:inline-size}
  .cf-topo{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top))} .cf-fecha{width:46px;height:46px;display:grid;place-items:center;padding:0;font-size:26px}
  .cf-corpo{padding:12px} .cf-rodape{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .cf-acoes{margin-left:0;flex-wrap:wrap} .cf-salvos{flex-wrap:wrap;max-width:100%} .cf-salvos select{max-width:100%}
  /* janela do pedido: campos em 2 colunas e os itens em fichas (código e nome em cima, números embaixo, com o rótulo) */
  .pj-campos,.pj-cartao{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-al{grid-template-columns:auto minmax(0,1fr)} .pj-al small{grid-column:1/-1;white-space:normal}
  .pj-tit th,.pj-tit td{padding:6px;white-space:normal}
  .pj-rola{overflow:visible;border:0}
  .pj-itens{display:block;min-width:0;background:none}
  .pj-itens colgroup,.pj-itens thead{display:none}
  .pj-itens>tbody,.pj-itens>tfoot{display:block}
  .pj-grupo{margin-bottom:10px;border:2px solid var(--linha2);border-left:6px solid var(--c-pedidos);border-radius:10px;overflow:hidden;background:var(--papel)}
  .pj-itens tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .pj-itens td,.pj-grupo+.pj-grupo .pj-item td,.pj-item+.pj-lote-l td,.pj-lote-l+.pj-lote-l td{height:auto;border:0;box-shadow:none!important;padding:6px 10px;text-align:left}
  .pj-item td:nth-child(-n+2){grid-column:1/-1}
  .pj-item td:nth-child(1){padding-bottom:0}
  .pj-item td:nth-child(n+3)::before,.pj-lote-l td:nth-child(3)::before,.pj-lote-l td:nth-child(5)::before{display:block;margin-bottom:2px;
    font:700 10.5px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta2)}
  .pj-item td:nth-child(3)::before,.pj-lote-l td:nth-child(3)::before{content:"Caixas"} .pj-item td:nth-child(4)::before{content:"TES"}
  .pj-item td:nth-child(5)::before,.pj-lote-l td:nth-child(5)::before{content:"Unidades"} .pj-item td:nth-child(6)::before{content:"Lista"}
  .pj-item td:nth-child(7)::before{content:"Preço"} .pj-item td:nth-child(8)::before{content:"vs médio"} .pj-item td:nth-child(9)::before{content:"Desc. %"}
  .pj-item td:nth-child(10)::before{content:"Desconto"} .pj-item td:nth-child(11)::before{content:"Total"}
  .pj-item .pj-cx{min-width:0}
  .pj-lote-l{border-top:1px dashed var(--linha2)}
  .pj-lote-l td:nth-child(1),.pj-lote-l td:nth-child(4),.pj-lote-l td:nth-child(6){display:none}
  .pj-lote-l td:nth-child(2){grid-column:1/-1;padding-bottom:0}
  .pj-itens tfoot{border:2px solid var(--linha2);border-radius:10px;overflow:hidden}
  .pj-itens tfoot tr{grid-template-columns:minmax(0,1fr) auto}
  .pj-itens tfoot td:first-child{text-align:left} .pj-itens tfoot td[colspan="11"]{grid-column:1/-1}
  .pj-itens tfoot td.n{text-align:right}
  /* pedidos em quadro: as colunas lado a lado, uma tela por coluna, arrastando para o lado */
  .kb-quadro{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(86%,340px);overflow-x:auto;scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;padding-bottom:6px}
  .kb-col{scroll-snap-align:start;max-height:70vh}
  /* gráfico na página: colunas com largura mínima; com muitas semanas a faixa rola para o lado e abre no mais recente */
  .graf-rola{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}
  .graf-col{min-width:calc(var(--n) * 30px)}
  .graf-max{min-height:44px}
  .graf-jan .graf-col{min-width:calc(var(--n) * 44px)}
  /* estoque: colunas que sobram encolhem no celular */
  .prods th.venc{width:128px} .prods th.disp{width:100px} .posicao td.venc .selo{min-width:0}
  @media (max-width:620px){.prods th.venc{width:92px} .prods th.disp{width:84px} .posicao>tbody>tr>td,.posicao .ordena{padding-left:8px;padding-right:8px}}
}
/* cartões no celular: 2 por fila; o último de uma quantidade ímpar ocupa a fila inteira (nunca sobra meio vazio) */
@container (max-width:620px){
  .cartoes>:last-child:nth-child(odd),.op>:last-child:nth-child(odd),.cli-inds>:last-child:nth-child(odd){grid-column:1/-1}
}
/* tablet e celular deitados (pouca altura): o topo não fica preso no alto, sobra tela para o conteúdo */
@media (max-width:900px) and (max-height:500px){#topo{position:static}}
/* tablet e celular deitado (600 a 900 px): topo numa linha só */
@media (min-width:600px) and (max-width:900px){
  .tp-barra::before{display:none}
  .tp-esq>.vd,.tp-esq>.tp-quem{order:3;flex:1 1 140px}
  .tp-per{order:4} .tp-vivo{order:5;margin-left:0}
}
@media (prefers-reduced-motion:reduce){nav{transition:none!important}}
/* toque: o "passar o mouse" fica grudado depois do toque; nada sobe nem muda de lugar por isso */
@media (hover:none){.cartao.clicavel:hover,.manchete.clicavel:hover,.oferta:hover,.op-box:hover{transform:none;filter:none}}
/* Maximizar no celular em pé (dono 07/10/2026): sem trava de orientação, a camada maximizada gira para paisagem */
@media (orientation:portrait) and (max-width:900px){
  html.gira-paisagem .tb-max,html.gira-paisagem dialog.graf-jan[open]{position:fixed;top:0;left:100vw;right:auto;bottom:auto;margin:0;
    width:100vh;height:100vw;max-width:none;max-height:none;transform:rotate(90deg);transform-origin:top left}
}