@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700&display=swap');
/* ===== Tokens de cor (etapa 1 do portal, 08/10/2026): TODAS as cores do painel vivem aqui; o escuro é idêntico ao que existia antes. O conjunto claro entra na etapa 2 sobrescrevendo estas variáveis. ===== */
:root{--acao-forte:#FF8A3D;--aviso:#F2C94C;--aviso-2:#F2C46D;--aviso-3:#F2CC6B;--aviso-4:#E0A030;--aviso-fundo:#4a3d12;--bom:#35C58A;--bom-texto:#8BE3BC;--elevada:#1B3049;--elevada-2:#1b3350;--erro:#F0605D;--erro-texto:#FFB3B0;--erro-texto-2:#FF8A8F;--foco:#FFB37A;--foto-fundo:#0a1320;--linha-perigo:#5a3340;--selecionada:#203e60;--selecionada-2:#213b57;--selecionada-3:#2A4666;--setor-p1:#76C043;--setor-p2:#EBC44F;--superficie-2:#102034;--superficie-3:#12263D;--superficie-4:#0F2236;--superficie-funda:#0A1626;--t-acao-06:rgba(255,138,61,.06);--t-acao-07:rgba(255,138,61,.07);--t-acao-10:rgba(255,138,61,.10);--t-acao-14:rgba(255,138,61,.14);--t-acao-18:rgba(255,138,61,.18);--t-alerta-08:rgba(255,138,61,.08);--t-atras-07:rgba(255,90,95,.07);--t-aviso-08:rgba(242,201,76,.08);--t-bg-75:rgba(13,26,43,.75);--t-bg-85:rgba(13,26,43,.85);--t-bom-16:rgba(53,197,138,.16);--t-branco-02:rgba(255,255,255,.02);--t-branco-03:rgba(255,255,255,.03);--t-branco-04:rgba(255,255,255,.04);--t-cancel-14:rgba(125,142,165,.14);--t-erro-16:rgba(240,96,93,.16);--t-monta-14:rgba(167,139,250,.14);--t-ok-14:rgba(44,201,160,.14);--t-preto-45:rgba(0,0,0,.45);--t-preto-50:rgba(0,0,0,.5);--t-preto-55:rgba(0,0,0,.55);--t-recorde-40:rgba(255,122,182,.4);--t-solic-12:rgba(183,196,214,.12);--t-sombra-70:rgba(5,12,22,.7);--t-sombra-72:rgba(5,12,22,.72);--texto-forte:#F4F8FD;--texto-fraco:#8CA3BF;--texto-info:#CFE3F7;--texto-nota:#C4D5E7;--texto-nota-2:#C8D5E6;--texto-suave:#BBD4EE;--setor-compras:#4A90D9;--centro-geral:#9CB0C8;--centro-sem:#B58CFF}
:root{color-scheme:dark;--bg:#0D1A2B;--panel:#14253A;--line:#28405E;--text:#E9EFF6;--muted:#9CB0C8;--brand:#FF8A3D}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px Barlow,system-ui,sans-serif;font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}button,.button{border:1px solid var(--line);background:var(--elevada);border-radius:var(--raio-botao,8px);min-height:44px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button:hover,.button:hover{border-color:var(--brand)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:10px;min-height:44px;width:100%}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--brand);cursor:pointer}label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}:focus-visible{outline:2px solid var(--foco);outline-offset:3px}h1,h2,strong.kpi{font-family:'Barlow Condensed',system-ui,sans-serif}h1{font-size:36px;margin:6px 0}h2{font-size:24px;margin:0 0 6px}p{color:var(--muted);margin:6px 0;line-height:1.5}small{color:var(--muted)}.menu{width:190px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;gap:18px}.menu img{width:150px;margin-bottom:30px}.menu strong{padding:14px;background:var(--elevada);border-radius:8px}.menu span{font-size:14px;color:var(--muted)}.menu footer{margin-top:auto}main{margin-left:190px}header{min-height:72px;border-bottom:1px solid var(--line);padding:20px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}header b{margin:0 15px;color:var(--muted)}.pill{font-size:12px;padding:6px 12px;background:var(--elevada);border-radius:20px;color:var(--texto-suave)}.page{padding:28px 32px;max-width:1800px;margin:auto}.title{display:flex;align-items:center;justify-content:space-between;gap:16px}.title small{letter-spacing:2px;font-size:11px}.samples{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 16px}.samples span{font-size:14px;color:var(--muted)}.active{border-color:var(--brand);background:var(--selecionada)}.notice{padding:12px 16px;border-left:3px solid var(--brand);background:var(--elevada);font-size:14px;line-height:1.5;color:var(--texto-nota)}.metadata{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.kpis{display:grid;grid-template-columns:2fr repeat(3,1fr);padding:16px 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px}.kpis>div{padding:0 24px;border-right:1px solid var(--line)}.kpis>div:first-child{padding-left:0}.kpis>div:last-child{border:0}.kpis span{display:block;color:var(--muted);font-size:14px}.kpis strong{display:block;font:600 40px 'Barlow Condensed',system-ui;margin-top:8px}.kpis em{font-size:24px;font-style:normal}.workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head p{font-size:13px}.photo{position:sticky;top:16px}.photo-scroll{max-height:620px;overflow:auto;background:var(--foto-fundo);border-radius:6px}.photo-scroll img{width:100%;display:block}.photo-scroll.zoom img{width:170%;max-width:none}.source{font-size:11px;margin-top:12px}.crop{border:1px solid var(--acao);margin-bottom:12px;background:var(--bg)}.crop span{display:block;font-size:12px;color:var(--muted);padding:6px}.crop svg{display:block;width:100%;height:100px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:14px}.tabs button{display:block;text-align:left;flex-shrink:0}.tabs small{display:block;font-size:11px;margin-top:5px}.group-tools{display:flex;align-items:end;gap:12px;padding:12px 0}.group-tools>label:first-child{flex:1;min-width:0}.check{flex-direction:row;align-items:center;font-size:12px;white-space:nowrap;padding-bottom:10px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:500;padding:12px 6px;position:sticky;top:0;background:var(--panel)}td{padding:7px 5px;border-top:1px solid var(--line)}td input:not([type=checkbox]){max-width:120px}td:nth-child(4){text-align:center}td:last-child button{padding:8px;min-width:36px}.table-scroll{max-height:510px;overflow:auto}.see{font-size:12px;padding:8px;white-space:nowrap}.selected{background:var(--selecionada-2)}.row-note td{font-size:12px;color:var(--aviso-3);padding:4px 10px 12px;border-top:0}.invalid{border-color:var(--erro)}.subtotal{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 20px;padding:16px 0;border-top:1px solid var(--line);font-size:14px}.subtotal strong{font-size:24px;white-space:nowrap}.board{margin-bottom:16px}.board span{font-size:12px}.add-group{margin:12px 0 0 8px}.summary{margin-top:24px}.summaries{display:flex;gap:32px;flex-wrap:wrap;margin:20px 0}.summaries>div{display:flex;flex-direction:column;gap:6px}.summaries strong{font-size:24px}.summaries small{font-size:12px}textarea{min-height:80px;resize:vertical}.finish{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.finish>div{flex:1}.finish p{font-size:13px}.primary{background:var(--acao-forte);border-color:var(--acao)}.status{color:var(--texto-suave);font-size:14px}footer{font-size:12px;color:var(--muted);padding:16px 0}@media(min-width:1700px){.photo-scroll{max-height:800px}}@media(max-width:1100px){.menu{width:145px;padding:24px 12px}.menu img{width:120px}main{margin-left:145px}.page{padding:24px 20px}.workspace{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}.panel{padding:14px}.group-tools{flex-wrap:wrap}.kpis strong{font-size:32px}}@media(max-width:760px){.menu{display:none}main{margin:0}header{padding:14px 16px;flex-wrap:wrap;gap:8px}.page{padding:20px 16px}.title{align-items:start;flex-direction:column}h1{font-size:32px}.metadata{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr;gap:20px}.kpis>div{padding:0;border:0}.kpis strong{font-size:32px}.workspace{grid-template-columns:1fr}.photo{position:static}.photo-scroll{max-height:300px}.panel{padding:12px}.group-tools>label:first-child{flex-basis:100%}.table-scroll{max-height:none}td{padding:6px 3px}td input:not([type=checkbox]){min-width:65px}.finish{flex-wrap:wrap}.finish>div{flex-basis:100%}.finish button{flex:1}.subtotal{flex-wrap:wrap}.samples button{font-size:13px}.summaries{gap:20px}.tabs{max-width:100%}}

.desconto-volume{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:0 0 20px}.desconto-volume label{max-width:185px}.desconto-volume>div{flex:1;min-width:160px}.desconto-volume small{font-size:12px}.desconto-volume p{font-size:14px}.desconto-volume>p{flex-basis:100%;color:var(--aviso-3)}@media(max-width:500px){.desconto-volume{align-items:stretch}.desconto-volume label{max-width:none;width:100%}}

fieldset.page{border:0;min-width:0}fieldset:disabled{opacity:.7}.session-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.login-operacao{max-width:460px;margin:8vh auto;padding:32px}.login-operacao img{width:180px;margin-bottom:24px}.login-operacao form{display:grid;gap:20px;margin-top:24px}.lista-operacao{max-width:1100px}.draft-row{display:flex;width:100%;justify-content:space-between;text-align:left;margin:8px 0}.draft-row small{display:block;margin-top:6px}.login-operacao [role=alert],.lista-operacao [role=alert]{color:var(--erro-texto)}@media(max-width:500px){.login-operacao{margin:24px 16px}.draft-row{flex-wrap:wrap;gap:12px}}

/* Revisão 02/10: dicionário, confiança da leitura, conferência em lote, recorte no celular */
.hint{font-size:13px;margin:0 0 10px}.hint.aviso{color:var(--aviso);border-left:3px solid var(--aviso);padding:8px 12px;background:var(--elevada)}
.lote{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}.lote small{font-size:12px}
.conf{display:block;font-size:11px;margin-top:4px;white-space:nowrap}
tr.baixa td{background:var(--t-aviso-08)}tr.baixa td:first-child{box-shadow:inset 3px 0 var(--aviso)}tr.baixa .conf{color:var(--aviso)}
.crop svg{height:110px}.crop-movel{display:none}.row-open td{padding:10px 6px 14px}
@media(max-width:760px){.photo .crop{display:none}.crop-movel{display:block}.crop-movel .crop{margin:0 0 12px}.crop svg{height:90px}.lote button{flex:1 1 100%}}
/* Busca de produto (03/10) */
.campo{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}.group-tools>.campo:first-child{flex:1;min-width:0}
.busca-produto{position:relative}.busca-produto input{padding-right:44px}.busca-produto .limpar{position:absolute;right:2px;top:0;min-height:44px;width:40px;padding:0;border:0;background:transparent}
.busca-lista{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:340px;overflow:auto;background:var(--panel);border:1px solid var(--brand);border-radius:8px;box-shadow:0 8px 24px var(--t-preto-45)}
.busca-grupo{position:sticky;top:0;background:var(--elevada);font-size:12px;color:var(--muted);padding:6px 12px}
.busca-item{padding:11px 12px;cursor:pointer;border-top:1px solid var(--line);font-size:14px;color:var(--text)}.busca-item b{font-variant-numeric:tabular-nums}.busca-item.ativo{background:var(--selecionada-2)}.busca-item[aria-selected=true]{box-shadow:inset 3px 0 var(--brand)}.busca-item small{color:var(--muted)}
.busca-vazio{padding:10px 12px;font-size:13px;margin:0}
@media(max-width:760px){.group-tools>.campo:first-child{flex-basis:100%}}
.busca-fora{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--texto-suave);font-size:13px}.busca-item.fora{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:default}.busca-item.fora button{flex-shrink:0;min-height:44px}

/* Estoque, produção por setor, apagar e reabrir (03/10) */
.abas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.abas button[aria-selected=true]{border-color:var(--brand);background:var(--selecionada)}
.draft-wrap{display:flex;gap:8px;align-items:stretch;margin:8px 0}.draft-wrap .draft-row{flex:1;margin:0}.apagar{color:var(--erro-texto);border-color:var(--linha-perigo);white-space:nowrap}.apagar:disabled{color:var(--muted);border-color:var(--line)}
.num{text-align:right}th.num{text-align:right}td.num{font-variant-numeric:tabular-nums}
.kpis-estoque{grid-template-columns:2fr 1fr 1fr 1fr}.aviso-painel{border-left:4px solid var(--aviso);margin:0 0 20px}.aviso-painel h2{font-size:20px}
.estoque .panel{margin-bottom:20px}.estoque td small,.dash td small{margin-left:4px}
.dash-topo,.perdas-topo{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin:8px 0 20px}.dash-topo label,.perdas-topo label{width:200px}.dash-topo p,.perdas-topo p{flex:1;min-width:240px;margin:0;font-size:13px}
.setores{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}
.setor-card h2{display:flex;align-items:center;gap:10px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.setor-nums{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 18px}.setor-nums span{display:block;color:var(--muted);font-size:14px}.setor-nums strong{display:block;font:600 40px 'Barlow Condensed',system-ui;margin-top:6px}.setor-nums em{font-size:22px;font-style:normal}
.barras{display:flex;gap:8px;align-items:end;height:110px;margin-bottom:18px;border-bottom:1px solid var(--line)}.barra{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}.barra i{display:block;width:70%;min-height:2px;border-radius:3px 3px 0 0}.barra small{font-size:11px;color:var(--muted)}.barra.hoje small{color:var(--text);font-weight:700}
@media(max-width:760px){.draft-wrap{flex-direction:column}.setor-nums strong{font-size:32px}.kpis-estoque{grid-template-columns:1fr 1fr}}

/* Login próprio, troca de senha e usuários (A1, 03/10) */
.session-acoes{display:flex;gap:8px}.session-bar{gap:12px;flex-wrap:wrap}
.usuarios .panel{margin-bottom:20px}.novo-usuario{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end}
.senha-prov{font:600 34px 'Barlow Condensed',system-ui;letter-spacing:3px;color:var(--text);margin:8px 0;user-select:all}
div.acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}tr.inativo td{opacity:.6}.usuarios select{min-width:150px}
@media(max-width:760px){.novo-usuario{grid-template-columns:1fr}.session-acoes button{min-height:44px}}

.aviso-recuperado{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-left-color:var(--aviso);margin-bottom:12px}

/* Contagens e medidas (03/10) */
.nova-contagem{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:16px;align-items:end}.contagens .panel,.contagem-detalhe .panel{margin-bottom:20px}
.comparacao table input[type=text],.comparacao td input:not([type=checkbox]){min-width:120px}.comparacao td:nth-child(n+6){text-align:center}.comparacao td:nth-child(8){text-align:left}
tr.total td{border-top:2px solid var(--line)}.medidas .dash-topo label{width:170px}.contagem-detalhe h3{font-size:18px;margin:16px 0 8px}
@media(max-width:760px){.nova-contagem{grid-template-columns:1fr}}

/* Máquinas, ocorrências e perdas (05/10) */
.kpis-5{grid-template-columns:2fr repeat(4,1fr)}
.ocorrencias .ocorr{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px 0;border-top:1px solid var(--line)}
.ocorrencias .ocorr strong{flex:0 0 100%;font-size:16px}.ocorrencias .ocorr label{flex:1 1 170px;min-width:0}.ocorrencias .ocorr button{flex:0 0 44px;min-height:44px;padding:0}
.nova-maquina{display:grid;grid-template-columns:120px 1.4fr 1fr 1.4fr 1.4fr auto;gap:12px;align-items:end}.maquinas-tela .panel{margin-bottom:20px}
.maquinas-dash{margin-top:12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:var(--elevada);font-size:13px}
.perdas h3{font-size:18px;margin:18px 0 8px}
@media(max-width:760px){.kpis-5{grid-template-columns:1fr 1fr}.nova-maquina{grid-template-columns:1fr}}

.sem-ocorrencia{font-size:13px;margin:8px 0}

.filtros-producao .atalhos{display:flex;gap:8px;align-items:end}.filtros-producao .perdas-topo label{width:200px}.hint-filtro{font-size:13px;margin:0 0 8px}.barras-periodo{margin:12px 0;overflow-x:auto}.tres-quadros{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.pilha{display:flex;flex-direction:column;width:70%;min-height:2px}.pilha i{width:100%!important;min-height:0;border-radius:0}.pilha i:first-child{border-radius:3px 3px 0 0}

.sub-abas{margin:0 0 16px}.sub-abas button{font-size:14px}
.sol-topo{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:0 0 12px}.sol-topo .samples{margin:0}.sol-topo .samples button.active{border-color:var(--accent,var(--acao));background:var(--elevada)}
.sol-lista{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.sol-card{border:1px solid var(--line);border-radius:6px;background:var(--superficie-3);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.sol-titulo{display:flex;justify-content:space-between;gap:8px;align-items:start}
.sol-card.atrasada{border-left:4px solid var(--aviso-4)}.sol-card .atraso{color:var(--aviso-2)}.sol-card ul{margin:0;padding-left:18px;font-size:14px}.sol-card p{margin:0;font-size:14px}.sol-total{font-weight:600}.sol-obs{font-size:13px;color:var(--muted)}
.st-chip{font-size:12px;border:1px solid var(--line);border-radius:4px;padding:2px 8px;white-space:nowrap}.sol-card .acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:4px}.sol-card select.mover{min-width:150px;width:auto}
.sol-hist{border-top:1px solid var(--line);margin-top:6px;padding-top:6px;font-size:13px}.sol-hist h4{margin:6px 0 4px}.sol-hist ul{padding-left:18px;margin:0}
.quadro{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;overflow-x:auto;align-items:start}.coluna{background:var(--superficie-4);border:1px solid var(--line);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:160px}
.coluna h3{margin:0;font-size:16px}.coluna h3 span{font-weight:400;color:var(--muted);font-size:13px}.coluna small{color:var(--muted)}.vazio-col{color:var(--muted);font-size:13px;margin:0}
.sol-form{margin:0 0 16px}.sol-cab{display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr}.sol-cliente{position:relative}.sol-cliente .busca-lista{position:absolute;left:0;right:0;top:100%;z-index:5}
.sol-itens{display:grid;gap:8px;margin:12px 0}.sol-item{display:grid;grid-template-columns:3fr 1.2fr 1fr auto;gap:10px;align-items:end}.sol-form textarea{width:100%}
.falta{color:var(--aviso-2)}.recente-setores{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:8px 0}.recente-setores div{padding:8px 12px;background:var(--superficie-3);border-radius:4px;display:flex;flex-direction:column}.recente-setores strong{font-size:24px}
.entradas-hoje{margin:8px 0}.pf-grupo{font-size:13px;color:var(--muted)}.carga-solicitacao{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:0 0 12px}.carga-solicitacao .parcial{flex-direction:row;display:flex;gap:8px;align-items:center}
@media (max-width:760px){.sol-cab,.sol-item{grid-template-columns:1fr}.quadro{grid-template-columns:repeat(4,85vw)}}
.hub .panel{margin-top:16px}

/* ===== Celular (até 760 px): resumo primeiro, detalhe ao tocar ===== */
.recolher{display:flex;flex-direction:column;gap:10px}.resumo-linha{margin:0;font-weight:600}
.cartoes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cartoes li{border:1px solid var(--line);border-radius:6px;background:var(--superficie-3)}
.cartoes li>button{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;border:0;background:transparent;min-height:48px;padding:10px 12px}.cartoes .c-tit{flex:1}
.cartoes dl{margin:0;padding:0 12px 10px;display:grid;gap:4px}.cartoes dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.cartoes dt{color:var(--muted)}.cartoes dd{margin:0;text-align:right}
.filtros-bar{display:flex;gap:12px;align-items:center;margin:8px 0}.filtros-bar span{font-size:13px;color:var(--muted)}
.folha-filtros{position:fixed;inset:0;background:var(--t-sombra-70);z-index:50;display:flex;align-items:flex-end}.folha-corpo{width:100%;max-height:85vh;overflow:auto;background:var(--panel);border-radius:12px 12px 0 0;padding:16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line)}
.folha-corpo .perdas-topo{margin:0;gap:12px}.folha-corpo label{width:100%!important}.folha-corpo .acoes{display:flex;gap:12px;position:sticky;bottom:0;background:var(--panel);padding-top:8px}.folha-corpo .acoes button{flex:1}
.photo.recolhida>:not(.panel-head){display:none}
.ocorr.resumo-oc{display:flex;gap:8px;align-items:center}.ocorr.resumo-oc>button:first-child{flex:1;text-align:left}.fechar-oc{align-self:flex-end}
@media (max-width:760px){
 button,select,input:not([type=checkbox]):not([type=radio]){min-height:44px}
 .kpis,.kpis-5{grid-template-columns:repeat(4,1fr);gap:6px}.kpis-estoque{grid-template-columns:1fr 1fr;gap:6px}.kpis>div{padding:6px 4px}.kpis span{font-size:11px}.kpis strong{font-size:18px}.kpis strong em{font-size:11px}
 .finish.fixo{position:sticky;bottom:0;z-index:20;background:var(--panel);border-top:1px solid var(--line);padding:8px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
 .finish.fixo>div:first-child p{display:none}.finish.fixo>div:first-child{flex-basis:100%}.finish.fixo button{flex:1}
}

.fechar-oc{flex-basis:100%}.busca-saldo label{display:flex;flex-direction:column;gap:6px}.busca-saldo input{width:100%}
.col-abas{display:flex;gap:6px;overflow-x:auto;margin:0 0 10px;flex-wrap:nowrap}.col-abas button{white-space:nowrap;font-size:13px;padding:8px 10px}
.quadro-movel{display:flex;flex-direction:column;gap:10px}
.sol-item.resumo-item{display:flex;gap:8px;grid-template-columns:none}.sol-item.resumo-item>button:first-child{flex:1;text-align:left}
@media (max-width:760px){
 .sol-form{position:fixed;inset:0;z-index:40;overflow:auto;background:var(--bg);border-radius:0;margin:0;padding:16px 16px 96px}
 .sol-lista{grid-template-columns:1fr}
 .quadros-cartoes h3{margin:12px 0 6px}
 .filtros-producao .atalhos,.compras-hub .atalhos{flex-wrap:wrap}
}
.col-abas{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible}

.resumo-cab{display:flex;gap:12px;align-items:center;justify-content:space-between}.resumo-cab p{margin:0;font-weight:600}
@media (max-width:760px){.meta-linha{display:grid;grid-template-columns:1.2fr 1.3fr .8fr;gap:8px}.meta-linha label{min-width:0}.meta-linha .meta-por{grid-column:1/-1}.meta-linha select,.meta-linha input{padding-left:8px;padding-right:4px;font-size:14px}}
@media (max-width:760px){
 main>header{display:none}.title small,.title>div>p{display:none}.title{display:flex;gap:12px;align-items:center;justify-content:space-between}.title h1{font-size:22px;margin:0}
 .kpis-5{grid-template-columns:repeat(5,1fr)}
 .workspace{display:flex;flex-direction:column}.workspace>.editor{order:-1}
}
@media (max-width:760px){
 .session-bar{padding:6px 12px;gap:8px;flex-wrap:nowrap}.session-bar>span:first-child{font-size:12px;flex:1;min-width:0}.session-acoes{display:flex;gap:6px}.session-acoes button{padding:6px 10px}
 .title>div{display:none}.title{justify-content:flex-start;margin:8px 0}
 .recolher>button{min-height:36px}.kpis>div{padding:2px 4px}.kpis strong{font-size:16px}
 .samples{margin:8px 0}
}
@media (max-width:760px){
 .title>div{display:block!important;flex:1;min-width:0}.title{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between!important}.title h1{font-size:18px;text-align:left;margin:0}.title label.button{flex:none;padding:6px 12px}
}
@media (max-width:760px){
 .editor .panel-head p,.lote small{display:none}.editor{padding:12px}.editor h2{margin:0 0 4px;font-size:18px}.group-tools{gap:8px}.kpis{margin:6px 0}
 .page>.samples,.samples{margin:6px 0}
}
@media (max-width:760px){.workspace>*{min-width:0;max-width:100%}}

.semana-atual{margin:0 0 16px}.semana-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.semana-topo h2{margin:0}
.semana-setores{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:12px 0}
.semana-setor{background:var(--superficie-3);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.semana-nome{display:flex;align-items:center;gap:8px;font-weight:600}
.semana-kg{font-size:34px;line-height:1.1}.semana-kg em{font-size:16px;font-weight:400;color:var(--muted)}
.meta-barra{height:14px;background:var(--bg);border:1px solid var(--line);border-radius:7px;overflow:hidden}.meta-barra i{display:block;height:100%}
.semana-linha{display:flex;justify-content:space-between;font-size:14px}.semana-status{font-weight:700}.semana-status.st-abaixo{color:var(--aviso-2)}.semana-status.st-sem_meta{color:var(--muted)}
.meta-form{display:grid;gap:10px;grid-template-columns:1fr 2fr 3fr auto;align-items:end;margin-top:8px}.meta-form small{grid-column:1/-1}.meta-hist h3{margin:12px 0 6px}
@media (max-width:760px){.meta-form{grid-template-columns:1fr}.semana-kg{font-size:28px}.semana-atual{padding:12px}.semana-topo .acoes{display:flex;gap:8px;flex-wrap:wrap}}

.ligar-github{margin:0 0 16px;display:grid;gap:10px;max-width:560px}.ligar-github h2{margin:0}.sol-por{font-size:13px;color:var(--muted)}.sol-por strong{color:var(--text)}
/* Paleta com função, aprovada em 06/10/2026.
   Cada cor tem um papel e nunca aparece sozinha: sempre com texto ou ícone (▲ ▼ ● ○ ▶ ✔ ✖ ⚠ ★).

   Setores:        P1 verde #76C043 · P2 amarelo #EBC44F · COMPRAS azul #4A90D9 (como já é)
   Ação / foco:    laranja #FF8A3D no escuro e #A84700 no claro, nas duas empresas (botão principal, aba ativa, link)
   Status:         Solicitado cinza-claro #B7C4D6 ○ · Em montagem roxo #A78BFA ▶ · Atrasada vermelho #FF5A5F ⚠ · Carregado verde-água #2CC9A0 ✔ · Cancelado cinza #7D8EA5 ✖
   Alertas:        falta / atenção laranja #FF8A3D ▼ ⚠ · erro e atraso vermelho #FF5A5F · meta batida e concluído verde-água #2CC9A0 ✔ ▲ · recorde rosa #FF7AB6 ★
*/
:root{--acao:#FF8A3D;--acao-hover:#FF9E5E;--solic:#B7C4D6;--monta:#A78BFA;--atras:#FF5A5F;--carreg:#2CC9A0;--cancel:#7D8EA5;--alerta:#FF8A3D;--ok:#2CC9A0;--recorde:#FF7AB6}

/* ===== painel ===== */
button.primary{background:var(--acao-fundo,var(--acao));border-color:var(--acao);color:var(--acao-sobre,var(--superficie-funda));font-weight:700}
button.primary:hover:not(:disabled){background:var(--acao-hover,var(--acao-fundo,var(--acao)))}button.primary:disabled{background:var(--selecionada-3);border-color:var(--selecionada-3);color:var(--texto-fraco)}
.abas button.active,.abas button[aria-selected=true]{background:var(--acao);border-color:var(--acao);color:var(--superficie-funda);font-weight:700}
.abas.sub-abas button.active,.abas.sub-abas button[aria-selected=true]{background:transparent;color:var(--text);border-color:var(--acao);box-shadow:inset 0 -3px 0 var(--acao)}
button.apagar{color:var(--atras);border-color:var(--atras)}
.notice,.panel.notice{border-left:4px solid var(--acao);background:var(--t-acao-10)}
.aviso-painel{border-left:4px solid var(--alerta);background:var(--t-alerta-08)}
[role=alert]{color:var(--atras);font-weight:600}
th{color:var(--texto-nota-2);background:var(--t-acao-10)}
tbody tr:hover{background:var(--t-acao-06)}

/* solicitações: cor do status em chip, borda do cartão e cabeçalho da coluna (sempre com ícone e texto) */
.st-chip{font-weight:700;background:var(--t-branco-04)}
.st-chip.st-solicitado{color:var(--solic);border-color:var(--solic);background:var(--t-solic-12)}
.st-chip.st-em_montagem{color:var(--monta);border-color:var(--monta);background:var(--t-monta-14)}
.st-chip.st-carregado{color:var(--carreg);border-color:var(--carreg);background:var(--t-ok-14)}
.st-chip.st-cancelado{color:var(--cancel);border-color:var(--cancel);background:var(--t-cancel-14);text-decoration:line-through}
.sol-card.st-solicitado{border-left:5px solid var(--solic)}
.sol-card.st-em_montagem{border-left:5px solid var(--monta)}
.sol-card.st-carregado{border-left:5px solid var(--carreg)}
.sol-card.st-cancelado{border-left:5px solid var(--cancel);opacity:.8}
.sol-card.atrasada{border-left:5px solid var(--atras);background:var(--t-atras-07)}
.sol-card .atraso,.atraso{color:var(--atras);font-weight:800}
.coluna{border-top-width:4px}
.coluna.col-solicitado{border-top-color:var(--solic)}.coluna.col-solicitado h3{color:var(--solic)}
.coluna.col-em_montagem{border-top-color:var(--monta)}.coluna.col-em_montagem h3{color:var(--monta)}
.coluna.col-carregado{border-top-color:var(--carreg)}.coluna.col-carregado h3{color:var(--carreg)}
.coluna.col-cancelado{border-top-color:var(--cancel)}.coluna.col-cancelado h3{color:var(--cancel)}
.col-abas button[aria-selected=true]{border-color:var(--acao);background:var(--acao);color:var(--superficie-funda)}

/* números com função: falta em laranja, cobertura em verde-água, recorde em rosa */
.falta,.semana-status.st-abaixo,.ritmo.falta{color:var(--alerta)}
.semana-status.st-acima,.semana-status.st-atingida{color:var(--ok)}
.semana-status.st-sem_meta{color:var(--solic)}
.necessidade .falta{color:var(--alerta)}
.kpis strong{color:var(--texto-forte)}


/* ===== Revisão de UX (06/10/2026) ===== */
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.abas-grupos{align-items:center;gap:6px 8px}
.grupo-rotulo{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 2px 0 10px}
.grupo-rotulo:first-child{margin-left:0}
@media (max-width:760px){.grupo-rotulo{margin:0 0 0 4px;font-size:.66rem}.abas-grupos{gap:6px}}
.dialogo-fundo{position:fixed;inset:0;background:var(--t-sombra-72);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.dialogo{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px;max-width:520px;width:100%;box-shadow:0 12px 40px var(--t-preto-50)}
.dialogo p{margin:0 0 8px;line-height:1.45}.dialogo textarea{width:100%;margin:6px 0 10px}
.dialogo .acoes{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
details.aviso-rec{padding:8px 12px}details.aviso-rec summary{cursor:pointer;font-weight:600;color:var(--text)}details.aviso-rec[open] summary{margin-bottom:6px}
.mais-acoes{position:relative}.mais-acoes summary{list-style:none;cursor:pointer;display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:var(--t-branco-04)}
.mais-acoes summary::-webkit-details-marker{display:none}
.mais-acoes .mais-lista{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sol-estoque{margin:4px 0 0;font-size:.95rem}.sol-estoque.ok strong{color:var(--ok)}.sol-estoque.falta strong,.sol-card .falta{color:var(--alerta)}
.setor-vol{margin:4px 0 8px;color:var(--muted)}
.analises{margin-top:28px;padding-top:14px;border-top:1px solid var(--line)}.area-titulo{font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}
.table-scroll{max-height:70vh;overflow:auto}.table-scroll thead th{position:sticky;top:0;z-index:1;background:var(--elevada-2)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}

/* Compras de material: valor e preço médio numa linha só (a fonte diminui quando o número é grande) */
.kpis strong.uma-linha{white-space:nowrap;font-size:clamp(15px,2.1vw,30px)}.kpis strong.uma-linha em{font-size:.6em;margin:0 .15em 0 0}
.kpis>div{min-width:0;overflow:hidden}
@media (max-width:760px){.kpis strong.uma-linha{font-size:clamp(13px,4.6vw,20px)}}
.divisao-material{margin:12px 0}.divisao-material h3{margin:0 0 8px;font-size:1rem;color:var(--muted)}
.mat-linha{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;margin:6px 0}.mat-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-kg{font-weight:700;font-variant-numeric:tabular-nums}
.mat-trilho{grid-column:1/-1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.mat-trilho i{display:block;height:100%;background:var(--acao);border-radius:4px}

/* ===== Navegação nova (07/10/2026): cabeçalho com logo e ☰, menu lateral no computador, barra no rodapé no celular ===== */
.shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr}
.topo{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:8px 18px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topo-logo{display:flex;flex-direction:column;gap:1px;min-width:0}.topo-logo img{height:34px;width:auto;display:block}.topo-logo small{color:var(--muted);font-size:12px}
.topo .quem{margin-left:auto;color:var(--muted);font-size:14px;white-space:nowrap}
.topo-burger{width:46px;height:46px;font-size:22px;line-height:1;padding:0}
.topo-menu{position:absolute;right:18px;top:60px;width:250px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px var(--t-preto-55);padding:6px;z-index:30;display:flex;flex-direction:column}
.topo-menu button{text-align:left;border:0;background:transparent;padding:13px 12px;border-radius:6px;min-height:44px}.topo-menu button+button{border-top:1px solid var(--line)}.topo-menu button:hover{background:var(--t-acao-14)}.topo-menu .sair{color:var(--erro-texto-2)}
.topo-menu-quem{padding:8px 12px;color:var(--muted);font-size:13px}
.nav-principal{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-right:1px solid var(--line);background:var(--superficie-2)}
.nav-principal button{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600;text-align:left;min-height:44px}
.nav-principal button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-principal button.ativo{background:var(--acao-fundo,var(--acao));color:var(--acao-sobre,var(--superficie-funda))}
.shell .conteudo{max-width:1500px;width:100%;margin:0 auto;padding:20px 24px 48px;min-width:0}
.seg-controle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:0 0 14px}
.seg-controle button{border:0;border-radius:0;background:var(--panel);padding:9px 16px;color:var(--muted);font-weight:600}.seg-controle button.on{background:var(--acao-fundo,var(--acao));color:var(--acao-sobre,var(--superficie-funda))}
.voltar{margin:0 0 12px}
@media (max-width:760px){
 .shell{display:block;padding-bottom:78px}.topo{padding:6px 12px}.topo .quem{display:none}.topo-burger{margin-left:auto}.topo-menu{right:8px;top:54px}
 .nav-principal{position:fixed;left:0;right:0;bottom:0;z-index:25;flex-direction:row;gap:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:var(--panel)}
 .nav-principal button{flex:1;flex-direction:column;gap:3px;padding:6px 2px;font-size:11.5px;text-align:center;justify-content:center;min-height:52px;position:relative}
 .nav-principal button.ativo{background:transparent;color:var(--acao)}.nav-principal button.ativo::before{content:"";position:absolute;top:-6px;width:36px;height:3px;background:var(--acao);border-radius:0 0 3px 3px}
 .shell .conteudo{padding:12px 12px 24px}
}
/* ===== Início ===== */
.sub-inicio{color:var(--muted);margin:0 0 12px;font-size:.95rem}
.in-faixa{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.in-chip{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:10px;padding:10px 14px;color:inherit}
.in-chip>span:first-child{color:var(--muted);font-size:.9rem}.in-chip b{display:block;font-size:1.9rem;line-height:1.1}
.in-barra{display:block;height:10px;background:var(--bg);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:6px 0}.in-barra i{display:block;height:100%}
.in-disputa{text-align:center;margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.in-disputa b{font-size:1.1rem}
.in-grade{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;align-items:start}.in-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.in-setores{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.in-setor{display:block;text-align:left;width:100%;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:10px;padding:14px 16px;color:inherit;min-width:0}
.in-nome{display:block;font-size:1.05rem}.in-ir{float:right;color:var(--acao);font-weight:700;font-size:.85rem}
.in-kg{display:block;font-size:2rem;font-weight:800;line-height:1.2}.in-kg em{font-size:.95rem;color:var(--muted);font-style:normal;font-weight:500}
.in-ritmo{display:block;font-weight:700;margin:2px 0 6px}.in-ritmo.falta{color:var(--alerta)}.in-ritmo.ok{color:var(--ok)}
.in-dias{display:flex;gap:6px;height:140px;margin-top:6px}.in-dia{flex:1;display:flex;flex-direction:column;min-width:0}
.in-area{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center}.in-area i{display:block;width:70%;border-radius:3px 3px 0 0;min-height:1px}.in-area i.baixo{opacity:.5}
.in-v{position:absolute;left:50%;transform:translateX(-50%);font-size:.74rem;font-weight:700;white-space:nowrap}
.in-alvo{position:absolute;left:-3px;right:-3px;border-top:2px dashed var(--text);opacity:.85}
.in-r{text-align:center;font-size:.78rem;color:var(--muted);padding-top:3px}
.in-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.in-stat{display:block;background:var(--superficie-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.in-stat>span{display:block;color:var(--muted);font-size:.78rem}.in-stat b{display:block;font-size:1.02rem}
.in-stat.rec{border-color:var(--recorde);box-shadow:0 0 10px var(--t-recorde-40)}.in-novo{background:var(--recorde);color:var(--superficie-funda);border-radius:4px;padding:0 6px;font-size:.7rem;font-weight:800;margin-left:6px;font-style:normal}
.in-fila h2,.in-top h2,.in-entradas h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px}
.in-carga{display:block;width:100%;text-align:left;border:1px solid var(--line);border-left:5px solid var(--c);border-radius:8px;padding:9px 12px;margin-bottom:8px;background:var(--superficie-2);color:inherit}
.in-carga b{display:block}.in-carga span,.in-carga small{display:block}.in-carga small{color:var(--muted)}
.in-mais{border:0;background:transparent;color:var(--acao);font-weight:700;margin-left:auto;display:block;padding:6px 0}
.in-mat{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:7px 0;color:inherit}.in-mat>span:first-child{display:flex;justify-content:space-between;gap:10px}
.in-trilho{display:block;height:7px;background:var(--bg);border-radius:4px;overflow:hidden;margin-top:4px}.in-trilho i{display:block;height:100%;background:var(--acao)}
.in-total{margin:0 0 8px}.in-lista{list-style:none;margin:0;padding:0}.in-lista li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}
.sol-card.foco{outline:3px solid var(--acao);outline-offset:2px}
@media (max-width:1100px){.in-grade{grid-template-columns:1fr}.in-setores{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.in-setores{grid-template-columns:1fr}.in-faixa{gap:8px}.in-chip b{font-size:1.5rem}.in-kg{font-size:1.7rem}}
/* ===== Umidade e peso faturado ===== */
.umidade-panel{margin-top:14px}.umidade-panel h3{margin:16px 0 8px}
.um-linha{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}.um-linha.um-adm{grid-template-columns:repeat(3,1fr);outline:1px dashed var(--muted);outline-offset:4px;padding:2px}
.um-linha label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.9rem}.um-linha input{font-weight:700}
.um-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:10px 0}.um-res div{background:var(--superficie-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.um-res span{display:block;color:var(--muted);font-size:.8rem}.um-res b{font-size:1.1rem}.um-res b.falta{color:var(--alerta)}
.busca-estoque{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;max-width:360px;color:var(--muted)}
@media (max-width:760px){.um-linha,.um-linha.um-adm{grid-template-columns:1fr 1fr}.um-linha.um-adm label:last-child{grid-column:1/-1}}
.in-dias{height:160px;padding-top:22px}.in-setores{align-items:stretch}.in-novo{display:inline-block;margin:2px 0 0}
.nav-principal button{justify-content:flex-start}@media (max-width:760px){.nav-principal button{justify-content:center}}
@media (max-width:760px){.compras-hub .kpis,.compras-hub .kpis-5{grid-template-columns:1fr 1fr;gap:8px}.compras-hub .kpis>div{padding:8px 10px}.compras-hub .kpis span{font-size:12px}.compras-hub .kpis strong{font-size:22px}.compras-hub .kpis small{display:block;font-size:12px}}
/* o número se ajusta à largura do próprio cartão (container query): nunca quebra nem é cortado */
.kpis>div{container-type:inline-size}
/* ===== Editor da conferência dentro do cabeçalho e da navegação novos ===== */
.shell-editor .conteudo{padding:0;max-width:1800px}.shell-editor .conteudo .page{margin:0 auto}
.editor-aviso{padding-bottom:0}.editor-aviso .pill{display:inline-block}
@media (max-width:760px){.shell-editor .finish.fixo{bottom:calc(66px + env(safe-area-inset-bottom))}}
/* ===== Estoque: pendências "faltou volume" recolhidas, com resumo ===== */
.aviso-recolhido{margin-top:16px}.aviso-recolhido .pend-resumo{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;padding:4px 0;font-weight:700;color:var(--text)}
.aviso-recolhido .pend-resumo em{font-style:normal;font-weight:600;color:var(--acao);white-space:nowrap}
.pend-lista,.pend-cargas{list-style:none;margin:8px 0 0;padding:0}
.pend-cab,.pend-mat{display:grid;grid-template-columns:minmax(0,1fr) 90px 100px 80px;gap:8px;align-items:center}
.pend-cab{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px}.pend-cab span+span,.pend-mat span+span{text-align:right}
.pend-mat{width:100%;text-align:left;background:var(--superficie-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:6px;color:inherit}.pend-mat small{display:none}
.pend-lista>li.aberto .pend-mat{border-color:var(--acao)}.pend-nome{font-weight:600}
.pend-cargas{margin:0 0 8px 14px;padding-left:12px;border-left:3px solid var(--line)}
.pend-cargas li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 90px auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.pend-cargas li span:nth-child(3){text-align:right}
@media (max-width:760px){
 .pend-cab{display:none}
 .pend-mat{grid-template-columns:1fr 1fr 1fr;row-gap:2px}.pend-mat .pend-nome{grid-column:1/-1}.pend-mat span+span{text-align:left}.pend-mat small{display:inline;color:var(--muted)}
 .pend-cargas li{grid-template-columns:1fr auto;row-gap:2px}.pend-cargas li span:nth-child(2){grid-column:1/-1;order:3}.pend-cargas li button{grid-column:1/-1}
}
/* ===== Despesas por centro de custo ===== */
.dc-ctrl{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:0 0 14px}.dc-ctrl .seg-controle{margin:0}
.dc-mes{display:inline-flex;flex-direction:row;align-items:center;gap:8px;color:var(--muted);margin:0}.dc-mes select{font-weight:700;margin:0;min-height:44px}
.dc-cam{color:var(--muted);font-size:.9rem;margin:0 0 6px}.dc-cam button{border:0;background:transparent;color:var(--acao);font-weight:600;padding:0}.dc-cam b{color:var(--text)}
.dc-titulo{font-size:1.5rem;margin:0 0 2px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dc-titulo small{font-size:.9rem;color:var(--muted);font-weight:500}
.dc-dot{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--c);flex:none}.dc-dot.heranca{background-image:repeating-linear-gradient(135deg,var(--t-bg-75) 0 3px,transparent 3px 6px)}
.dc-kpis{grid-template-columns:repeat(4,1fr)}.dc-kpis span{display:flex;align-items:center;gap:6px}.dc-kpis small{display:block}
.dc-sem-t{color:var(--alerta)}.dc-sem-v{color:var(--alerta)}.dc-ok-v{color:var(--bom)}
.dc-var{font-weight:700;white-space:nowrap}.dc-var.subiu{color:var(--erro)}.dc-var.caiu{color:var(--bom)}.dc-var small{font-weight:500;color:var(--muted)}
.dc-partes{display:flex;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.dc-partes i{display:block;height:100%}
.dc-partes i.heranca{background-image:repeating-linear-gradient(135deg,var(--t-bg-85) 0 4px,transparent 4px 9px)}
.dc-leg{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0}.dc-leg li{display:inline-flex;align-items:center;gap:6px}
.dc-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}
.dc-centro{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;width:100%;background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:10px;padding:14px 16px;color:inherit;min-width:0}
.dc-nome{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.05rem}.dc-nome .ir{margin-left:auto;color:var(--acao);font-weight:700;font-size:.85rem}
.dc-valor{display:block;font-size:1.9rem;font-weight:800;line-height:1.15;margin-top:4px}.dc-valor em{font-style:normal;font-size:.95rem;color:var(--muted);font-weight:500}
.dc-contas{display:block;margin-top:2px}.dc-t{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.dc-li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--line);font-size:.93rem}.dc-li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dc-li b{white-space:nowrap}
.dc-heran{display:block;margin-top:8px;padding:8px 10px;border:1px dashed var(--muted);border-radius:8px;font-size:.88rem;color:var(--muted)}.dc-heran b{color:var(--text)}
.dc-semc{margin-top:14px}.dc-semc .dc-nome{color:var(--alerta)}
.dc-cartoes{list-style:none;margin:0;padding:0}.dc-cartoes li{margin-bottom:8px}.dc-cartoes li>button,.dc-cartoes li:not(:has(button)){display:block;width:100%;text-align:left;background:var(--superficie-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:inherit}
.dc-cartoes .l1{display:flex;justify-content:space-between;gap:10px;font-weight:700}.dc-cartoes .l1 b{white-space:nowrap}.dc-cartoes .l2{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.85rem;margin-top:2px}
.cv{color:var(--acao);font-weight:700;white-space:nowrap;background:transparent;border:0}tr.clic{cursor:pointer}tr.clic:hover{background:var(--t-acao-07)}
@media (max-width:760px){.dc-kpis{grid-template-columns:1fr 1fr}.dc-grade{grid-template-columns:minmax(0,1fr)}.dc-valor{font-size:1.7rem}
 .nav-principal button{font-size:10.5px}.nav-principal button svg{width:20px;height:20px}}
.dc-lider.meu{border-color:var(--c)}.dc-meu{margin-left:auto;font-size:.78rem;font-weight:700;padding:2px 8px;border:1px solid var(--c);border-radius:12px}
.dc-grupos{display:flex;flex-direction:column;margin-top:6px}
.dc-grupo{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:1rem;background:transparent;color:inherit;text-align:left;border-left:0;border-right:0;border-bottom:0;min-height:44px}
.dc-grupo b{font-size:1.15rem;white-space:nowrap}
.dc-grupo.ab{cursor:pointer;border-radius:0}.dc-grupo.ab .ir{margin-left:12px;color:var(--acao);font-weight:700;font-size:.85rem}.dc-grupo.ab b{margin-left:auto}
.acesso-campos{display:flex;flex-wrap:wrap;gap:12px 22px;margin:8px 0 12px}
.acesso-campos fieldset{border:1px solid var(--line);border-radius:10px;padding:8px 12px 10px;min-width:230px;flex:1 1 230px;margin:0}
.acesso-campos legend{padding:0 6px;font-weight:700}.acesso-campos small{display:block;color:var(--muted);margin-top:6px}
.acesso-campos .opcoes{display:flex;flex-wrap:wrap;gap:0 16px}.acesso-campos .opcao{display:inline-flex;flex-direction:row;align-items:center;gap:8px;min-height:44px;width:auto;cursor:pointer}
.acesso-campos input[type=checkbox],.acesso-campos input[type=radio]{width:20px;height:20px;min-height:0;padding:0;flex:none;accent-color:var(--acao)}
.novo-usuario:has(.acesso-campos){display:flex;flex-direction:column;align-items:stretch;gap:8px}.novo-usuario:has(.acesso-campos)>label{max-width:420px}.novo-usuario:has(.acesso-campos)>button{align-self:flex-start}
.acesso-resumo{max-width:360px}.editar-acesso small{display:block;margin:6px 0}

/* Documentos fiscais (NFS-e) */
.documentos .doc-filtros{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:12px 0}.documentos .doc-filtros label{min-width:200px}
.doc-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px;background:var(--t-branco-02)}
.doc-card.estado-revisar_evento,.doc-card.estado-erro{border-left:4px solid var(--aviso)}
.doc-topo{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.doc-topo strong{display:block;font-size:1.1rem}
.doc-estado{font-size:.8rem;padding:4px 10px;border-radius:4px;background:var(--elevada);color:var(--texto-suave);white-space:nowrap}.doc-estado.e-revisar_evento,.doc-estado.e-erro{background:var(--aviso-fundo);color:var(--aviso)}
.doc-resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.doc-resumo span{display:block;font-size:.8rem;color:var(--muted)}.doc-resumo b{font-size:1.15rem}
.doc-det{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px 0}.doc-det dt{color:var(--muted);font-size:.9rem}.doc-det dd{margin:0}
.doc-credito{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.doc-botoes{display:flex;gap:8px;flex-wrap:wrap}.doc-botoes button.on{border-color:var(--brand);background:var(--selecionada)}
.doc-pag{display:flex;gap:16px;align-items:center;justify-content:center;margin:16px 0;flex-wrap:wrap}
@media(max-width:760px){.doc-resumo{grid-template-columns:1fr 1fr}.doc-det{grid-template-columns:1fr}.documentos .doc-filtros label{min-width:0;flex:1 1 100%}}
.doc-card .doc-topo{padding:0 0 10px;min-height:0;border-bottom:1px solid var(--line)}
.doc-sugerido,.doc-pendente{margin:0;padding:8px 12px;border-radius:6px;font-size:.95rem}.doc-sugerido{background:var(--t-acao-14);color:var(--texto-info)}.doc-pendente{background:var(--aviso-fundo);color:var(--aviso)}
.doc-regras{margin-top:16px}.doc-regras summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.doc-sel{flex-direction:row;align-items:center;min-width:44px;min-height:44px;justify-content:center}.doc-grupos{margin:12px 0}.doc-grupos h3{margin:0 0 4px}
.doc-lote{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;position:sticky;top:0;background:var(--panel);z-index:2}
.doc-chip{display:inline-flex;gap:8px;align-items:center;padding:4px 4px 4px 12px;border:1px solid var(--line);border-radius:4px}.doc-chip button{min-height:36px;padding:4px 10px}
@media(max-width:760px){.doc-cartoes{max-height:none;overflow:visible}.doc-cartoes table,.doc-cartoes tbody,.doc-cartoes tr,.doc-cartoes td{display:block;width:100%}.doc-cartoes thead{display:none}
.doc-cartoes tr{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:8px}.doc-cartoes td{border:0;padding:3px 0;text-align:left}.doc-cartoes td.num{text-align:left}
.doc-cartoes td[data-label]::before{content:attr(data-label) ": ";color:var(--muted);font-size:.85rem}.doc-cartoes td:last-child{padding-top:8px}.doc-cartoes td button{width:100%}}

/* Lista de conferências (08/10/2026): duas colunas, filtro de setor, rascunhos no topo, dias agrupados */
.conf-filtro{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.conf-filtro button{gap:8px}.conf-filtro button.on{border-color:var(--brand);background:var(--selecionada)}
.conf-colunas{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.conf-col h2{font-size:22px;margin:0 0 8px}.conf-col h2 small{font-size:.8em;color:var(--muted)}
.conf-abertos{border:1px solid var(--brand);background:var(--t-acao-10);border-radius:12px;padding:10px 12px;margin-bottom:12px}.conf-abertos h3,.conf-dia{font-size:.95rem;margin:10px 0 6px;color:var(--muted);font-family:Barlow,system-ui,sans-serif;font-weight:600}.conf-abertos h3{color:var(--texto-info);margin-top:2px}
.conf-linha{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;margin:6px 0;border-left:5px solid var(--line);min-height:56px;padding:8px 14px}.conf-esq{display:flex;flex-direction:column;gap:2px;min-width:0}.conf-linha strong{white-space:nowrap}
.setor-tag{display:inline-flex;align-items:center;gap:6px;font-weight:600}.conf-vazio{padding:12px;border:1px dashed var(--line);border-radius:8px}.conf-contagens{margin-top:24px}
@media(max-width:760px){.conf-colunas{grid-template-columns:1fr}.conf-linha{padding:8px 12px}}

/* Documentos: lista compacta (08/10/2026) */
.doc-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.doc-kpi{flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 12px;min-height:76px;border-top:3px solid var(--line)}
.doc-kpi span{font-size:.85rem;color:var(--muted)}.doc-kpi strong{font:600 28px 'Barlow Condensed',system-ui;color:var(--text)}.doc-kpi small{color:var(--muted)}.doc-kpi[aria-pressed=true]{border-color:var(--brand);background:var(--selecionada)}
.doc-kpi.k-sugerido{border-top-color:var(--acao)}.doc-kpi.k-confirmado{border-top-color:var(--bom)}.doc-kpi.k-recusado{border-top-color:var(--erro)}.doc-kpi.k-atencao{border-top-color:var(--aviso)}
.doc-paineis{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0;align-items:start}.doc-painel{margin:0;max-height:380px;overflow:auto}.doc-painel h3{margin:0 0 6px}.doc-painel h3 small{font-weight:400;color:var(--muted)}
.doc-painel .doc-regras{margin-top:8px}.doc-painel .doc-regras summary{font-size:.9rem}
.doc-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.85rem;line-height:1.3;background:var(--elevada);color:var(--texto-suave)}
.doc-badge.b-sugerido{background:var(--t-acao-18);color:var(--texto-info)}.doc-badge.b-confirmado{background:var(--t-bom-16);color:var(--bom-texto)}.doc-badge.b-recusado{background:var(--t-erro-16);color:var(--erro-texto)}.doc-badge.b-atencao{background:var(--aviso-fundo);color:var(--aviso)}
.doc-lista{margin-top:8px}.doc-cab,.doc-item{display:grid;grid-template-columns:44px minmax(0,1fr)}
.doc-cab{grid-template-columns:44px minmax(0,2.2fr) 100px 110px 120px minmax(0,1.8fr);gap:0 8px;padding:6px 4px 6px 0;color:var(--muted);font-size:.8rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.doc-cab .num{text-align:right}
.doc-item{column-gap:8px;border-bottom:1px solid var(--line)}.doc-item.aberto{background:var(--t-branco-03)}.doc-sel{display:flex;align-items:center;justify-content:center}.doc-sel label{flex-direction:row;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.doc-linha{display:grid;grid-template-columns:minmax(0,2.2fr) 100px 110px 120px minmax(0,1.8fr);gap:0 8px;align-items:center;text-align:left;border:0;border-radius:0;background:transparent;min-height:48px;padding:6px 4px 6px 0;width:100%;min-width:0;justify-content:stretch}
.dl-num{min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dl-comp{min-width:0}
.doc-linha:hover{background:var(--t-branco-04)}.doc-linha[aria-expanded=true]{background:var(--t-acao-10)}.dl-prest{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-valor{text-align:right;font-variant-numeric:tabular-nums}
.doc-detalhe{grid-column:1/-1;padding:8px 12px 16px 48px;border-top:1px dashed var(--line)}.doc-det-cab{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.doc-det-cab strong{display:block;font-size:1.1rem}
.doc-item.estado-revisar_evento,.doc-item.estado-erro{box-shadow:inset 3px 0 var(--aviso)}
@media(max-width:1100px){.doc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.doc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-paineis{grid-template-columns:1fr}.doc-painel{max-height:320px}.doc-cab{display:none}
 .doc-linha{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"prest valor" "num comp" "sit sit";gap:2px 8px;padding:8px 4px}.dl-prest{grid-area:prest;white-space:normal}.dl-valor{grid-area:valor}.dl-num{grid-area:num}.dl-comp{grid-area:comp;text-align:right}.dl-sit{grid-area:sit;padding-top:4px}
 .dl-num::before,.dl-comp::before{content:attr(data-label) " ";color:var(--muted);font-size:.8rem}.doc-detalhe{padding:8px 8px 16px}}

/* ===================== Etapa 2 do portal (08/10/2026): tema claro, empresas e estilo vidro =====================
   O escuro continua sendo o padrão e NÃO muda quando o estilo é "atual". Tudo abaixo só vale com html[data-tema=claro] ou html[data-estilo=vidro]. */

/* 1) Tema CLARO: sobrescreve as MESMAS variáveis do escuro (etapa 1). Valores medidos: texto >= 4,5:1 sobre branco e sobre o painel #F4F7FA. */
html[data-tema=claro]{color-scheme:light;
 --bg:#FFFFFF;--panel:#F4F7FA;--line:#D3DBE5;--text:#16202C;--muted:#4F5F72;--brand:#A84700;--acao:#A84700;--acao-hover:#8F3C00;--acao-forte:#A84700;--acao-fundo:#A84700;--acao-sobre:#FFFFFF;--primary-fg:#FFFFFF;
 --solic:#566377;--monta:#6542C9;--atras:#B8232B;--carreg:#17703F;--ok:#17703F;--cancel:#546378;--alerta:#A84700;--recorde:#A31C62;
 --superficie-funda:#FFFFFF;--superficie-2:#F4F7FA;--superficie-3:#EEF2F7;--superficie-4:#F1F5F9;--foto-fundo:#E9EEF4;--elevada:#E9EEF4;--elevada-2:#E3E9F1;
 --selecionada:#DDEAF7;--selecionada-2:#E4EDF7;--selecionada-3:#CFE0F2;--linha-perigo:#E8B4B8;
 --texto-suave:#3F5873;--texto-info:#1F5A8F;--texto-nota:#425466;--texto-nota-2:#425466;--texto-fraco:#566679;--texto-forte:#0B1420;--foco:#C25400;
 --aviso:#8A5B00;--aviso-2:#8A5B00;--aviso-3:#8A5B00;--aviso-4:#8A5B00;--aviso-fundo:#FFF4D6;
 --erro:#B3261E;--erro-texto:#B3261E;--erro-texto-2:#B3261E;--bom:#17703F;--bom-texto:#17703F;
 --setor-p1:#4C9F28;--setor-p2:#B88600;--setor-compras:#1799D6;--centro-geral:#6E8199;--centro-sem:#7B3FC8;
 --t-acao-06:rgba(168,71,0,.06);--t-acao-07:rgba(168,71,0,.07);--t-acao-10:rgba(168,71,0,.10);--t-acao-14:rgba(168,71,0,.14);--t-acao-18:rgba(168,71,0,.18);
 --t-alerta-08:rgba(168,71,0,.08);--t-atras-07:rgba(184,35,43,.07);--t-aviso-08:rgba(138,91,0,.08);--t-bg-75:rgba(255,255,255,.75);--t-bg-85:rgba(255,255,255,.85);
 --t-bom-16:rgba(23,112,63,.16);--t-branco-02:rgba(20,40,80,.02);--t-branco-03:rgba(20,40,80,.03);--t-branco-04:rgba(20,40,80,.04);
 --t-cancel-14:rgba(84,99,120,.14);--t-erro-16:rgba(179,38,30,.16);--t-monta-14:rgba(101,66,201,.14);--t-ok-14:rgba(23,112,63,.14);
 --t-preto-45:rgba(20,40,80,.20);--t-preto-50:rgba(20,40,80,.22);--t-preto-55:rgba(20,40,80,.24);--t-recorde-40:rgba(163,28,98,.40);--t-solic-12:rgba(86,99,119,.12);
 --t-sombra-70:rgba(20,30,50,.45);--t-sombra-72:rgba(20,30,50,.50)}

/* 2) Paleta por empresa (body[data-empresa]): o ACENTO é o mesmo laranja nas duas empresas (o da TV, #FF8A3D; no tema claro #A84700 para dar contraste);
   o que muda é o FUNDO. Brasstubos = azul-marinho dos tokens acima. Recinfo escuro = TOM C "leve" (aprovado em 13/10/2026): a mesma claridade do azul-marinho, matiz 168° (verde-petróleo),
   saturação 22%: página #141F1D > #192724 > #101817, cartões #1D2D2A, linhas #37534D (texto 12,42:1, suave 6,47:1 e laranja 6,13:1 sobre o cartão). Claro: página em verde claríssimo
   (#F1F8F4 > #E3F0EA, tom #0B3B2F a 22%) e cartões brancos.
   Tudo por variável (as regras do hub já leem estas variáveis), sem duplicar CSS. As cores dos GRUPOS e dos CENTROS não mudam com a empresa. */
body[data-empresa=recinfo]{--bg:#192724;--panel:#1D2D2A;--line:#37534D;--elevada:#233633;--elevada-2:#273D38;--selecionada:#2F4C46;--selecionada-2:#29423D;--selecionada-3:#365952;
 --superficie-funda:#0D1413;--superficie-2:#121C1A;--superficie-3:#172421;--superficie-4:#111A19;--foto-fundo:#0D1413;--t-bg-75:rgba(25,39,36,.75);--t-bg-85:rgba(25,39,36,.85)}
html[data-tema=claro] body[data-empresa=recinfo]{--bg:#FFFFFF;--panel:#F1F7F4;--line:#CFE0D8;--elevada:#E4EFEA;--elevada-2:#DDEBE5;--selecionada:#D3E8DF;--selecionada-2:#E0EFE8;--selecionada-3:#C4DFD3;
 --superficie-funda:#FFFFFF;--superficie-2:#F1F7F4;--superficie-3:#EAF3EF;--superficie-4:#EDF5F1;--foto-fundo:#E4EFEA;--t-bg-75:rgba(241,248,244,.75);--t-bg-85:rgba(241,248,244,.85)}

/* 3) Estilo VIDRO (iOS). Raio, sombra e desfoque são variáveis, com os mesmos valores nos dois temas. */
html[data-estilo=vidro]{--raio-card:22px;--raio-ctl:12px;--raio-pill:999px;--raio-botao:999px;--blur:20px;--sat:1.4;--sombra-y1:1px;--sombra-b1:2px;--sombra-y2:10px;--sombra-b2:30px}
html[data-estilo=vidro][data-tema=claro]{--vidro-bg:rgba(255,255,255,.80);--vidro-borda:rgba(255,255,255,.85);--vidro-linha:rgba(20,40,80,.09);--sombra-cor:20,40,80;--sombra-a1:.06;--sombra-a2:.10;--card-sol:#FFFFFF;--seg-bg:rgba(255,255,255,.55);--menu-bg:rgba(255,255,255,.72)}
html[data-estilo=vidro][data-tema=escuro]{--vidro-bg:rgba(22,34,46,.62);--vidro-borda:rgba(255,255,255,.16);--vidro-linha:rgba(255,255,255,.08);--sombra-cor:0,0,0;--sombra-a1:.35;--sombra-a2:.35;--card-sol:#17222D;--seg-bg:rgba(255,255,255,.08);--menu-bg:rgba(20,32,43,.85)}
html[data-estilo=vidro] body{--sombra:0 var(--sombra-y1) var(--sombra-b1) rgba(var(--sombra-cor),var(--sombra-a1)),0 var(--sombra-y2) var(--sombra-b2) rgba(var(--sombra-cor),var(--sombra-a2));background:var(--fundo-grad);background-attachment:fixed;min-height:100vh}
html[data-estilo=vidro][data-tema=claro] body{--tom:rgba(44,115,177,.28);--fundo-grad:radial-gradient(1000px 600px at 88% -10%,var(--tom),transparent 64%),radial-gradient(800px 500px at -5% 105%,var(--tom),transparent 60%),linear-gradient(180deg,#F6F9FD 0%,#E2EBF6 100%)}
html[data-estilo=vidro][data-tema=escuro] body{--tom:rgba(74,144,217,.26);--fundo-grad:radial-gradient(900px 520px at 88% -8%,var(--tom),transparent 62%),linear-gradient(160deg,#0E1B24 0%,#12212C 55%,#0C1219 100%)}
html[data-estilo=vidro][data-tema=escuro] body[data-empresa=recinfo]{--tom:rgba(80,124,115,.26);--card-sol:#1D2D2A;--vidro-bg:rgba(29,45,42,.62);--menu-bg:rgba(25,39,36,.88);--vidro-linha:rgba(255,255,255,.08);--vidro-borda:rgba(255,255,255,.16);
 --fundo-grad:radial-gradient(900px 520px at 88% -8%,var(--tom),transparent 62%),linear-gradient(160deg,#141F1D 0%,#192724 55%,#101817 100%)}
html[data-estilo=vidro][data-tema=claro] body[data-empresa=recinfo]{--tom:rgba(11,59,47,.22);--card-sol:#FFFFFF;--vidro-bg:rgba(255,255,255,.80);--menu-bg:rgba(241,248,244,.78);--vidro-linha:rgba(11,59,47,.12);
 --fundo-grad:radial-gradient(1000px 600px at 88% -10%,var(--tom),transparent 64%),radial-gradient(800px 500px at -5% 105%,var(--tom),transparent 60%),linear-gradient(180deg,#F1F8F4 0%,#E3F0EA 100%)}

/* vidro só no cabeçalho, na barra do rodapé (celular), no seletor e nos cartões de destaque */
html[data-estilo=vidro] .topo,html[data-estilo=vidro] .in-chip,html[data-estilo=vidro] .in-setor,html[data-estilo=vidro] .in-disputa,html[data-estilo=vidro] .panel.in-top,html[data-estilo=vidro] .panel.in-fila,html[data-estilo=vidro] .panel.in-entradas,html[data-estilo=vidro] .doc-kpi,html[data-estilo=vidro] .doc-painel,html[data-estilo=vidro] .dc-centro,html[data-estilo=vidro] .setor-card,html[data-estilo=vidro] .semana-setor{background:var(--vidro-bg);border-color:var(--vidro-borda)}
/* o desfoque (caro em celular simples) só onde há conteúdo passando por baixo: cabeçalho, barra do rodapé e seletor; os cartões de destaque ficam translúcidos com borda clara, sem desfoque (nada passa por trás deles) */
html[data-estilo=vidro] .topo{-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat))}
html[data-estilo=vidro] .in-chip,html[data-estilo=vidro] .in-setor,html[data-estilo=vidro] .in-disputa,html[data-estilo=vidro] .panel.in-top,html[data-estilo=vidro] .panel.in-fila,html[data-estilo=vidro] .panel.in-entradas,html[data-estilo=vidro] .doc-kpi,html[data-estilo=vidro] .doc-painel,html[data-estilo=vidro] .dc-centro,html[data-estilo=vidro] .setor-card,html[data-estilo=vidro] .semana-setor{border-radius:var(--raio-card);box-shadow:var(--sombra)}
html[data-estilo=vidro] .in-chip,html[data-estilo=vidro] .in-setor{border-top:1px solid var(--vidro-borda);border-left:5px solid var(--c)}
html[data-estilo=vidro] .doc-kpi{border-top:1px solid var(--vidro-borda)}
html[data-estilo=vidro] .topo{border-bottom:1px solid var(--vidro-borda);box-shadow:0 1px 0 var(--vidro-linha),0 6px 20px rgba(var(--sombra-cor),calc(var(--sombra-a1)*.8))}
@media(max-width:760px){html[data-estilo=vidro] .nav-principal{background:var(--vidro-bg);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border-top:1px solid var(--vidro-borda);box-shadow:0 -6px 20px rgba(var(--sombra-cor),calc(var(--sombra-a1)*.8))}}
@media(min-width:761px){html[data-estilo=vidro] .nav-principal{background:var(--menu-bg);border-right:1px solid var(--vidro-linha)}}
/* seletor segmentado estilo iOS: cápsula, pílula que desliza na opção ativa, alvo de toque >= 44 px (a pílula usa --n e --i definidos pelo componente) */
html[data-estilo=vidro] .seg-controle{display:inline-grid;grid-template-columns:repeat(var(--n,2),1fr);position:relative;padding:3px;border:1px solid var(--vidro-borda);border-radius:var(--raio-pill);background:var(--seg-bg);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));overflow:visible;max-width:100%}
html[data-estilo=vidro] .seg-controle::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/var(--n,2));transform:translateX(calc(var(--i,0)*100%));border-radius:var(--raio-pill);background:var(--acao-fundo,var(--acao));box-shadow:0 2px 8px rgba(var(--sombra-cor),.28);transition:transform .28s cubic-bezier(.3,.7,.2,1)}
html[data-estilo=vidro] .seg-controle button{position:relative;z-index:1;background:transparent;border:0;border-radius:var(--raio-pill);min-height:44px;min-width:0;padding:6px 16px;white-space:nowrap;box-shadow:none;color:var(--text)}
html[data-estilo=vidro] .seg-controle button.on{background:transparent;color:var(--acao-sobre,var(--superficie-funda))}
/* listas longas e demais painéis: cartões SÓLIDOS com sombra (desempenho no celular) */
html[data-estilo=vidro] .panel{background:var(--card-sol);border-color:var(--vidro-linha);border-radius:var(--raio-card);box-shadow:var(--sombra)}
html[data-estilo=vidro] .conf-linha,html[data-estilo=vidro] .draft-row{background:var(--card-sol);border-radius:18px;box-shadow:0 var(--sombra-y1) var(--sombra-b1) rgba(var(--sombra-cor),var(--sombra-a1)),0 4px 14px rgba(var(--sombra-cor),calc(var(--sombra-a2)*.6))}
html[data-estilo=vidro] .conf-abertos{border-radius:var(--raio-card)}
html[data-estilo=vidro] input,html[data-estilo=vidro] select,html[data-estilo=vidro] textarea{border-radius:var(--raio-ctl)}
html[data-estilo=vidro] .topo-menu,html[data-estilo=vidro] .dialogo{background:var(--card-sol);border-radius:var(--raio-card);border-color:var(--vidro-linha);box-shadow:var(--sombra)}
html[data-estilo=vidro] .doc-badge,html[data-estilo=vidro] .badge{border-radius:var(--raio-pill);padding-left:10px;padding-right:10px}
/* faixas de aviso: na empresa/tema com fundo sólido de marca, texto branco */
html[data-estilo=vidro][data-tema=claro] .notice{border-left-width:0;border-radius:var(--raio-ctl);background:var(--acao-fundo,var(--elevada));color:var(--acao-sobre,var(--texto-nota))}
html[data-estilo=vidro][data-tema=claro] .notice *{color:inherit}

/* 4) Versão SÓLIDA do vidro: menos transparência (sistema), navegador sem backdrop-filter, ?solido=1 (a aplicação põe html.sem-vidro) */
@media(prefers-reduced-transparency:reduce){
 html[data-estilo=vidro][data-tema=claro]{--vidro-bg:#FFFFFF;--seg-bg:#EEF2F7;--menu-bg:#F4F7FA}html[data-estilo=vidro][data-tema=escuro]{--vidro-bg:#1A2530;--seg-bg:#1F2B38;--menu-bg:#14202B}
 html[data-estilo=vidro] *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-estilo=vidro][data-tema=claro]{--vidro-bg:#FFFFFF;--seg-bg:#EEF2F7;--menu-bg:#F4F7FA}html[data-estilo=vidro][data-tema=escuro]{--vidro-bg:#1A2530;--seg-bg:#1F2B38;--menu-bg:#14202B}}
html.sem-vidro[data-estilo=vidro][data-tema=claro]{--vidro-bg:#FFFFFF;--seg-bg:#EEF2F7;--menu-bg:#F4F7FA}html.sem-vidro[data-estilo=vidro][data-tema=escuro]{--vidro-bg:#1A2530;--seg-bg:#1F2B38;--menu-bg:#14202B}
html.sem-vidro[data-estilo=vidro] *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* 5) Escolha do tema no menu da conta */
.topo-tema{display:flex;flex-direction:column;gap:6px;padding:8px 12px 10px;border-top:1px solid var(--line);margin-top:4px}
.topo-tema>span{color:var(--muted);font-size:13px}
.topo-tema .opcoes{display:flex;gap:6px}.topo-tema .opcoes button{flex:1;min-width:0;padding:8px 6px;font-size:13px;min-height:44px;border-top:0!important}
.topo-tema .opcoes button[aria-checked=true]{background:var(--acao-fundo,var(--acao));color:var(--acao-sobre,var(--superficie-funda));border-color:var(--acao)}
/* Ajustes de contraste (medidos nos pixels, etapa 2): rótulo ativo da barra do rodapé mais forte sobre o vidro; barra de lote abaixo do cabeçalho */
@media(max-width:760px){html[data-estilo=vidro] .nav-principal button.ativo{color:var(--acao-texto,var(--acao))}}
html[data-estilo=vidro][data-tema=escuro]{--acao-texto:#FF9A55}html[data-estilo=vidro][data-tema=claro]{--acao-texto:#A84700}
html[data-estilo=vidro] .doc-lote{top:72px}
/* seletor segmentado em tela estreita: colunas iguais que podem encolher e texto que quebra (sem rolagem lateral na página) */
@media(max-width:760px){html[data-estilo=vidro] .seg-controle{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));width:100%}html[data-estilo=vidro] .seg-controle button{white-space:normal;padding:6px 8px;line-height:1.2}}
/* logo: versão azul sobre o tema claro (a branca some no fundo claro) */
.topo-logo .logo-claro{display:none!important}html[data-tema=claro] .topo-logo .logo-escuro{display:none!important}html[data-tema=claro] .topo-logo .logo-claro{display:block!important}
/* seletor de empresa no cabeçalho (mesmo estado do seletor interno de Documentos e Despesas) */
.topo-empresa{margin-left:12px;min-width:0}.topo-empresa .seg-controle{margin:0}
html[data-estilo=vidro] .topo-empresa .seg-controle button{min-height:36px;padding:4px 14px;font-size:13px}
@media(max-width:760px){.topo-empresa{margin-left:auto}.topo-empresa+.quem+.topo-burger,.topo-empresa~.topo-burger{margin-left:8px}html[data-estilo=vidro] .topo-logo img{height:26px;max-width:42vw;object-fit:contain;object-position:left}html[data-estilo=vidro] .topo-empresa .seg-controle button{padding:4px 9px;font-size:12px;min-height:34px}}
/* no estilo antigo (referência da prova de identidade) o seletor do cabeçalho não aparece; o de dentro da tela continua e usa o mesmo estado */
html[data-estilo=atual] .topo-empresa{display:none}

/* ===== Etapa 3 do portal: menu por área, folha do celular, cartões de área, entrada com as duas logos ===== */
.menu-areas{overflow-y:auto}
.menu-areas .grupo{margin:0}
.menu-areas .grupo-btn{width:100%}
.menu-areas .grupo-seta{margin-left:auto;font-size:.8em;opacity:.85}
.menu-areas .grupo-btn .tag+.grupo-seta{margin-left:8px}
.nav-principal .tag{margin-left:auto;font-size:11px;font-weight:600;line-height:1.4;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--muted);white-space:nowrap}
.menu-areas .grupo-btn.com-item{color:var(--acao-texto,var(--acao))}
.menu-areas .itens{display:flex;flex-direction:column;gap:2px;margin:2px 0 8px 22px;padding-left:10px;border-left:1px solid var(--line)}
.menu-areas .itens button,.menu-areas .itens a{min-height:38px;padding:7px 10px;font-weight:500;font-size:.93rem;justify-content:flex-start}
.menu-areas .itens button[aria-disabled=true]{color:var(--muted);cursor:default}
.menu-areas .itens button[aria-disabled=true]:hover{background:transparent}
.menu-areas .itens a.atalho{display:flex;align-items:center;gap:8px;border-radius:8px;color:var(--text);text-decoration:none}.menu-areas .itens a.atalho:hover{background:var(--elevada)}
.menu-areas .sep{border:0;border-top:1px solid var(--line);margin:8px 6px}
.menu-areas .ext,.folha .ext{opacity:.7}
@media(max-width:760px){.menu-areas{display:none}}
@media(min-width:761px){.barra-areas{display:none}}
.folha-fundo{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}
.folha{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--card-sol,var(--panel));border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:75vh;overflow:auto;box-shadow:0 -10px 30px rgba(0,0,0,.35)}
.folha h2{margin:0 0 8px;font-size:1.1rem}
.folha button,.folha a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--text);font-weight:600;text-align:left;text-decoration:none;box-shadow:none}
.folha button.on{background:var(--acao-fundo,var(--acao));color:var(--acao-sobre,var(--superficie-funda))}
.folha [aria-disabled=true]{color:var(--muted);cursor:default}
.folha .tag{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--muted)}
.areas-cartoes h2{margin:18px 0 8px;font-size:1.05rem}
.areas-cartoes .cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.area-cartao{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;width:100%;padding:14px 16px;color:inherit}
.area-cartao .ac-topo{display:flex;align-items:center;gap:10px;font-size:1.05rem}.area-cartao svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.area-cartao small{color:var(--muted)}.area-cartao .ac-ir{margin-top:auto;color:var(--acao-texto,var(--acao));font-weight:600}
.login-logos{display:flex;gap:16px;align-items:center;justify-content:center;margin:0 0 14px}.login-logos img{height:34px;width:auto;max-width:100%;object-fit:contain}
.login-logos .logo-claro{display:none!important}html[data-tema=claro] .login-logos .logo-escuro{display:none!important}html[data-tema=claro] .login-logos .logo-claro{display:block!important}
.doc-lote{top:var(--topo-h,72px)}
html[data-estilo=vidro] .doc-lote{top:var(--topo-h,72px)}
@media(max-width:760px){
 html[data-estilo=vidro] .topo{flex-wrap:wrap;row-gap:6px;padding-bottom:8px}
 html[data-estilo=vidro] .topo-empresa{order:3;flex:1 0 100%;margin:0}
 html[data-estilo=vidro] .topo-empresa .seg-controle{width:100%}
 html[data-estilo=vidro] .topo-empresa .seg-controle button{padding:4px 8px}
 html[data-estilo=vidro] .topo-burger{margin-left:auto}
 .menu-areas+.barra-areas .tag{display:none}
}

/* Dashboards do Administrativo: listas sem vidro por item, com quebra no celular. */
.hub-admin,.hub-dashboard{min-width:0}.hub-escolhas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 20px}.hub-escolhas button{white-space:normal}.hub-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hub-dashboard .kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.hub-curva svg{display:block;width:100%;height:auto;max-height:240px}.hub-dados{padding:0;list-style:none}.hub-dados li{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.hub-dados li>span{flex:1 1 130px;min-width:0;overflow-wrap:anywhere}.hub-dados small,.hub-dados b{display:block}.hub-dados small{color:var(--muted)}.hub-dados b{font-variant-numeric:tabular-nums}.hub-dashboard label{max-width:100%}

:root{--grafico-despesas:#FF8A3D}html[data-tema=claro]{--grafico-despesas:#B84F08}
.hub-periodo{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 20px}.hub-periodo label{min-width:0;flex:1 1 150px}.hub-periodo .source{flex-basis:100%;margin:0}.hub-barra{margin:14px 0}.hub-barra>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.hub-barra b{font-variant-numeric:tabular-nums}.hub-trilho{height:20px;background:var(--superficie-3);border-radius:5px;overflow:hidden}.hub-trilho i{display:block;height:100%;border-radius:5px}

:root{--grafico-peso:#4ECF94;--grafico-peso-anterior:#5E927F;--grafico-area:rgba(255,138,61,.10)}html[data-tema=claro]{--grafico-peso:#176744;--grafico-peso-anterior:#4B7360;--grafico-area:rgba(184,79,8,.08)}
.fin-dashboard{min-width:0}.fin-stats{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.fin-stat{margin:0;padding:16px;display:flex;flex-direction:column;gap:8px}.fin-stat>span,.fin-stat small{color:var(--muted)}.fin-stat strong{font:600 clamp(24px,2.2vw,38px) 'Barlow Condensed',system-ui;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.1}.fin-stat.hero{border-color:var(--grafico-despesas)}.fin-stat.hero>strong{color:var(--grafico-despesas);font-size:clamp(30px,2.8vw,46px)}.fin-stat em{font-size:.45em;font-style:normal;margin-left:5px;color:var(--muted)}.fin-comparacao{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fin-badge{font-size:12px;font-weight:600;padding:2px 6px;border-radius:12px}.fin-badge.boa{color:var(--bom-texto);background:var(--t-bom-16)}.fin-badge.ruim{color:var(--erro-texto);background:var(--t-erro-16)}.fin-grade{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px}.fin-grade>.panel{margin:0;padding:16px;min-width:0}.fin-grade h3{margin:0 0 8px;font-size:17px}.fin-legenda{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}.fin-legenda span{display:flex;align-items:center;gap:5px}.fin-legenda i{width:15px;height:3px;display:inline-block}.fin-legenda i.pontilhado{background:none;border-top:2px dotted;height:0}.fin-svg{display:block;width:100%;height:auto}.fin-tooltip{font-size:12px;padding:4px 8px;background:var(--elevada);border-radius:8px}.fin-grupos-barras{display:flex;flex-direction:column;justify-content:space-evenly;min-height:230px}.fin-grupo{display:grid;grid-template-columns:80px minmax(0,1fr) 65px;gap:6px;align-items:center;font-size:12px}.fin-grupo>span{text-align:right}.fin-grupo b{font-size:11px;font-variant-numeric:tabular-nums}.fin-barra{height:28px}.fin-barra i{height:100%;display:block;background:var(--grafico-despesas);border-radius:0 4px 4px 0;min-width:2px}.fin-grupos-eixo{display:flex;justify-content:space-between;margin:8px 65px 0 86px;font-size:11px;color:var(--muted)}.fin-top ol{margin:0;padding:0;list-style:none;max-height:290px;overflow:auto}.fin-top li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.fin-top li>span{flex:1 1 160px}.fin-top li>span>b{color:var(--grafico-despesas)}.fin-top li>div{text-align:right;flex:1 1 140px;font-variant-numeric:tabular-nums}.fin-top small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
@media(max-width:1100px){.fin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.fin-stats,.fin-grade{grid-template-columns:1fr}.fin-stat strong{font-size:34px}.fin-stat.hero>strong{font-size:42px}.fin-grupo{grid-template-columns:74px minmax(0,1fr) 65px}.fin-top ol{max-height:none}.fin-grupos-eixo{margin-left:80px}}

.preview-lista{display:grid;gap:8px;max-height:55vh;overflow:auto}.preview-lista button{text-align:left}.preview-lista b,.preview-lista small{display:block}.preview-lista small{color:var(--muted);margin-top:4px}.preview-aviso{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;margin-bottom:18px;border:1px solid var(--line);border-left:4px solid var(--acao);background:var(--panel);border-radius:12px}.preview-aviso span{flex:1 1 200px;color:var(--muted)}
.dc-grupo-det{border-top:1px solid var(--line);padding:.5rem 0}.dc-grupo-det>summary{display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap;cursor:pointer;font-weight:600}.dc-grupo-det>summary em{font-style:normal;color:var(--muted);font-weight:400}.dc-grupo-det[open]>summary{margin-bottom:.5rem}
.hub-atalhos{display:inline-flex;gap:.4rem;flex-wrap:wrap}.hub-atalhos button[aria-pressed=true]{outline:2px solid var(--acao,#2c73b1);outline-offset:1px}.hub-periodo-estado{flex-basis:100%;margin:.25rem 0 0;font-size:.85rem;color:var(--muted)}.hub-periodo button.primary{box-shadow:0 0 0 3px color-mix(in srgb,var(--acao,#2c73b1) 35%,transparent)}

.hub-filtros{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 12px}.hub-filtros label{min-width:0;flex:1 1 180px}
/* NF-e por item (fila a classificar, notas, regras) */
.doc-tipos{margin-bottom:12px;padding:8px 12px}
.nfe-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.doc-kpi.k-info{display:flex;border:1px solid var(--line);border-top:3px solid var(--line);border-radius:12px;background:var(--elevada);cursor:default}
.nfe-cab,.nfe-item .nfe-linha{grid-template-columns:minmax(0,1.6fr) 150px minmax(0,2fr) 170px minmax(0,1.7fr)}
.nfe-cab{display:grid;grid-template-columns:44px minmax(0,1.6fr) 150px minmax(0,2fr) 170px minmax(0,1.7fr);gap:0 8px;padding:6px 4px 6px 0;color:var(--muted);font-size:.8rem;border-bottom:1px solid var(--line)}
.nfe-cab-notas{grid-template-columns:44px minmax(0,2.2fr) 100px 110px 120px minmax(0,1.8fr)}
.nfe-cab .num{text-align:right}
.nfe-linha small,.dl-prest small{display:block;color:var(--muted);font-weight:400}
.nfe-prod{min-width:0;overflow:hidden;text-overflow:ellipsis}.nfe-prod small{display:block;color:var(--muted)}
.nfe-status{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.doc-badge.nfe-b-fila{background:var(--elevada);color:var(--texto-suave)}.doc-badge.nfe-b-alerta{background:var(--t-aviso-16,var(--elevada));color:var(--aviso)}
.doc-badge.nfe-b-sucata{background:var(--elevada);color:var(--texto);border:1px solid var(--line);font-weight:600}
.nfe-form{margin:12px 0;border-left:4px solid var(--acao)}.nfe-form h3{margin:0 0 8px}.nfe-regra{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:10px 0;display:flex;flex-direction:column;gap:8px}
.nfe-check{flex-direction:row;align-items:center;gap:8px;min-height:44px}.nfe-eventos{margin:4px 0 8px;padding-left:18px}.nfe-eventos li{margin:2px 0}
.nfe-regras td{vertical-align:top}.nfe-inativa{opacity:.6}.nfe-hist td{background:var(--t-branco-03)}
.nfe-detalhe h4{margin:12px 0 4px}
@media(max-width:1100px){.nfe-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.nfe-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.nfe-cab{display:none}.nfe-item .nfe-linha{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:2px}.nfe-item .nfe-linha .dl-valor{text-align:left}}

.nfe-b-relacionada{background:color-mix(in srgb,var(--acao,#2c73b1) 18%,transparent);border:1px solid var(--acao,#2c73b1)}.nfe-rel-filtro{display:flex;align-items:center;gap:6px;white-space:nowrap}
.hub-filtros{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 12px}.hub-filtros label{min-width:0;flex:1 1 180px}
/* Início: links das TVs e tela do link curto */
.inicio-tvs{margin:24px 0 8px;font-size:.85rem;color:var(--muted)}.inicio-tvs a{color:var(--muted);text-decoration:underline}.inicio-tvs a:hover,.inicio-tvs a:focus-visible{color:var(--text)}
.link-discreto{background:none;border:0;padding:0;min-height:0;color:var(--muted);text-decoration:underline;font:inherit;cursor:pointer}
.tv-cod{font-family:ui-monospace,Consolas,monospace;letter-spacing:.12em;font-size:1.1rem}
.tv-codigos a{color:var(--texto-info)}

/* ---- Logística: veículos e máquinas, motoristas e abastecimentos ---- */
.lg-tela{display:grid;gap:14px}.lg-sec h3{font-size:18px;margin:18px 0 8px;font-family:'Barlow Condensed',system-ui,sans-serif}
.lg-filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:10px 0}
.lg-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0;background:var(--elevada)}.lg-form>h3,.lg-form>.acoes,.lg-form>p,.lg-form>.lg-largo{grid-column:1/-1}.lg-form h3{margin:0}
.lg-form .acoes,.lg-sec .acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lg-erro{color:var(--erro-texto);margin:0}
.lg-lista{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}.lg-item{border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:0}.lg-item.inativo{opacity:.7}.lg-item.aberto{border-color:var(--brand)}
.lg-cab{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(0,2fr) minmax(0,1.6fr) auto;gap:6px 14px;align-items:center;width:100%;text-align:left;border:0;background:transparent;padding:12px 14px;min-height:56px;justify-content:stretch;border-radius:10px}
.lg-cab.static{cursor:default;grid-template-columns:minmax(140px,1.1fr) minmax(0,2fr) minmax(0,1.6fr) auto}.lg-cab.static:hover{border:0}
.lg-nome{font-weight:700;color:var(--texto-forte,var(--text));overflow-wrap:anywhere}.lg-sub,.lg-ult{color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lg-badge{display:inline-flex;align-items:center;font-size:12px;padding:3px 9px;border-radius:99px;background:var(--elevada);border:1px solid var(--line);color:var(--texto-suave,var(--muted));white-space:normal}.lg-badge.lg-aviso{border-color:var(--aviso);color:var(--aviso)}.lg-badge.lg-ruim{border-color:var(--erro);color:var(--erro-texto)}
.lg-det{padding:4px 14px 14px;border-top:1px solid var(--line)}.lg-ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0}.lg-ficha dt{font-size:12px;color:var(--muted)}.lg-ficha dd{margin:2px 0 0}
.lg-periodo{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:420px;margin-bottom:10px}
.lg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}.lg-total,.lg-grupo{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--elevada)}
.lg-total span{display:block;color:var(--muted);font-size:14px}.lg-total strong{display:block;font:600 36px 'Barlow Condensed',system-ui;margin:4px 0;color:var(--texto-forte,var(--text))}
.lg-grupo h3{margin:0 0 6px}.lg-grupo dl{margin:0;display:grid;gap:4px}.lg-grupo dl div{display:flex;justify-content:space-between;gap:10px;font-size:14px}.lg-grupo dt{color:var(--muted)}.lg-grupo dd{margin:0;text-align:right;font-weight:600}
.lg-linha{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:10px 14px}.lg-linha>span{min-width:0}.lg-data{color:var(--muted);min-width:84px}
.lg-ab{display:grid;grid-template-columns:84px minmax(110px,1.2fr) 110px 80px 110px 100px 120px minmax(0,1.4fr);gap:6px 12px}.lg-ab .lg-avisos{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.lg-ab .lg-acoes{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.lg-ab .lg-acoes button{min-height:40px}
.lg-consumo{display:grid;grid-template-columns:minmax(110px,1.4fr) repeat(5,minmax(0,1fr))}
.lg-obs{margin:0;padding:0 14px 10px;font-size:13px}.lg-hist{margin:8px 14px 12px;padding-left:18px;font-size:13px;color:var(--muted)}
.lg-pool{display:grid;gap:8px;margin:10px 0}.lg-def{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lg-def select,.lg-def input{width:auto;min-width:130px}.lg-preco{margin:0}
@media(max-width:760px){.lg-cab,.lg-cab.static{grid-template-columns:1fr}.lg-ab,.lg-consumo{grid-template-columns:1fr 1fr}.lg-ab>.lg-nome,.lg-ab>.lg-quem,.lg-consumo>.lg-nome{grid-column:1/-1}.lg-periodo{grid-template-columns:1fr}.lg-total strong{font-size:30px}.lg-form{grid-template-columns:1fr}.lg-sec .hub-titulo{flex-wrap:wrap;gap:8px}.lg-sec .hub-titulo .acoes{width:100%}.lg-sec .hub-titulo .acoes button{flex:1}.lg-linha{padding:10px}}