:root{--fundo: #edf0f4;--cartao: #ffffff;--linha: #dde1e8;--borda-campo: #a9b2c2;--fundo-campo: #f3f5f9;--tinta: #14192b;--tinta-suave: #596176;--primaria: #34408f;--primaria-clara: #6d79c4;--primaria-fundo: #e8eaf6;--lucro: #1e7f5c;--prejuizo: #c0392b;--atencao: #b7791f;--neutro: #7b8a84;--faixa: #16231f;--faixa-texto: #ffffff;--lateral: #1a1f3a;--lateral-texto: #c9cde6;--fita: #f2b632;--s1: #2a78d6;--s2: #eb6834;--s3: #6250d6;--s4: #eda100;--s5: #e87ba4;--fonte-titulo: "Bricolage Grotesque", system-ui, sans-serif;--fonte-texto: "Hanken Grotesk", system-ui, sans-serif;--raio: 12px;--raio-pequeno: 6px;--espaco-1: 4px;--espaco-2: 8px;--espaco-3: 12px;--espaco-4: 16px;--espaco-5: 20px;--espaco-6: 32px;--alvo-toque: 44px}@media(prefers-color-scheme:dark){:root:not([data-tema=claro]){--fundo: #101714;--cartao: #19231f;--linha: #2c3a35;--borda-campo: #4d6059;--fundo-campo: #10211c;--tinta: #e8eeea;--tinta-suave: #9db0a8;--primaria: #8fa0f0;--primaria-clara: #6d79c4;--primaria-fundo: #1f2547;--lucro: #4fc79a;--prejuizo: #ef6f61;--atencao: #e5a93c;--neutro: #8a9a93;--faixa: #0a0f0d;--lateral: #0d1020;--lateral-texto: #aab0d0;--s1: #3987e5;--s2: #d95926;--s3: #9085e9;--s4: #c98500;--s5: #d55181}}:root[data-tema=escuro]{--fundo: #101714;--cartao: #19231f;--linha: #2c3a35;--borda-campo: #4d6059;--fundo-campo: #10211c;--tinta: #e8eeea;--tinta-suave: #9db0a8;--primaria: #8fa0f0;--primaria-clara: #6d79c4;--primaria-fundo: #1f2547;--lucro: #4fc79a;--prejuizo: #ef6f61;--atencao: #e5a93c;--neutro: #8a9a93;--faixa: #0a0f0d;--lateral: #0d1020;--lateral-texto: #aab0d0;--s1: #3987e5;--s2: #d95926;--s3: #9085e9;--s4: #c98500;--s5: #d55181}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte-texto);font-size:15px;line-height:1.45}h1,h2,h3{font-family:var(--fonte-titulo);letter-spacing:-.02em;margin:0}a{color:var(--primaria)}button{font:inherit;min-height:var(--alvo-toque)}.num{font-variant-numeric:tabular-nums}body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte-texto)}h1,h2{font-family:var(--fonte-titulo)}.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:var(--espaco-4)}.lucro{color:var(--lucro);font-weight:600}.prejuizo{color:var(--prejuizo);font-weight:600}.neutro{color:var(--neutro)}.tabela-rolagem{overflow-x:auto}table.dados{width:100%;border-collapse:collapse}table.dados th,table.dados td{text-align:left;padding:8px;border-bottom:1px solid var(--linha)}table.dados td{white-space:nowrap}table.dados th{white-space:normal}table.dados td.num,table.dados th.num{text-align:right}table.dados td.coluna-larga{white-space:normal;overflow-wrap:anywhere;max-width:300px}button,input,select{font:inherit}button.chip[aria-pressed=true]{background:var(--primaria);color:#fff}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.lateral{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:var(--lateral);color:var(--lateral-texto);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.marca{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;color:#fff;font-family:var(--fonte-titulo);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.marca-selo{width:30px;height:30px;border-radius:8px;background:var(--fita);color:#1a1f3a;display:grid;place-items:center;font-size:1rem}.nav-grupo{margin:14px 10px 4px;font-size:.8rem;color:var(--lateral-texto);opacity:.65}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--lateral-texto);font:inherit;font-weight:500;text-align:left;cursor:pointer}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item[aria-current=page]{background:#ffffff1a;color:#fff;box-shadow:inset 3px 0 0 var(--fita)}.nav-item:focus-visible,.chip:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--fita);outline-offset:2px}.nav-item svg{flex:none}.lateral-rodape{margin-top:auto;padding:14px 10px 0;font-size:.8rem;opacity:.7}.conteudo{grid-column:2;padding:28px clamp(16px,3vw,40px) 48px;max-width:1240px;width:100%;min-width:0}.conteudo main>h1{font-size:1.7rem;margin-bottom:12px}.conteudo h2{font-size:1.05rem;margin-bottom:8px}.conteudo .cartao{box-shadow:0 1px 2px #14192b0d}button{cursor:pointer;border:1px solid var(--linha);background:var(--cartao);color:var(--tinta);border-radius:10px;padding:0 14px}button:hover{border-color:var(--primaria-clara)}button.chip{border-radius:999px}label{display:block;margin-bottom:4px;font-weight:600;font-size:.92rem}label:has(input[type=checkbox]),label:has(input[type=radio]){font-weight:400}input,select{border:1px solid var(--borda-campo);border-radius:10px;background:var(--fundo-campo);color:var(--tinta);padding:0 10px}input:hover,select:hover{border-color:var(--primaria-clara)}input::placeholder{color:var(--tinta-suave);opacity:1}.alternar-menu,.menu-fundo{display:none}@media(max-width:860px){.app{grid-template-columns:64px minmax(0,1fr)}.lateral{position:sticky;top:0;width:64px;height:100vh;height:100dvh;overflow-x:hidden;padding:8px;z-index:30}.alternar-menu{display:block;flex:none;width:44px;min-height:44px;padding:0;margin-bottom:8px;color:var(--lateral-texto);background:transparent;border-color:transparent;font-size:1.3rem}.marca{padding:0 0 12px 7px;flex:none}.lateral:not(.lateral-aberta) .marca span:last-child,.lateral:not(.lateral-aberta) .nav-grupo,.lateral:not(.lateral-aberta) .lateral-rodape,.lateral:not(.lateral-aberta) .nav-item span{display:none}.nav-item{width:44px;flex:none;padding:0 10px}.lateral-aberta{position:fixed;left:0;width:min(280px,calc(100vw - 24px));padding:12px;z-index:70;box-shadow:8px 0 24px #00000040}.lateral-aberta .nav-item{width:100%;padding:0 12px}.lateral-aberta .marca{padding-left:8px}.menu-fundo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:100%;height:100%;border:0;border-radius:0;background:#0f142373}.conteudo{padding:16px}}.painel-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.painel-topo h1{font-size:1.7rem}.painel-topo p{margin:2px 0 0;color:var(--tinta-suave)}.filtros{display:flex;gap:8px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:12px}.kpi{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:16px;box-shadow:0 1px 2px #14192b0d}.kpi-rotulo{color:var(--tinta-suave);font-size:.92rem}.kpi-valor{font-family:var(--fonte-titulo);font-weight:700;font-size:1.9rem;letter-spacing:-.03em;line-height:1.15;margin:4px 0;font-variant-numeric:tabular-nums}.kpi-delta{font-size:.88rem;color:var(--tinta-suave)}.kpi-delta.sobe{color:var(--lucro);font-weight:600}.kpi-delta.desce{color:var(--prejuizo);font-weight:600}.grade{display:grid;gap:12px;margin-bottom:12px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.grade-ampla{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}@media(max-width:960px){.grade{grid-template-columns:minmax(0,1fr)}}.divisao-titulo{font-family:var(--fonte-titulo);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.divisao-sub{color:var(--tinta-suave);margin:0 0 16px}.divisao-barra{position:relative;display:flex;height:44px;gap:2px;border-radius:10px;overflow:hidden}.divisao-seg{flex:none;height:100%;border:0;border-radius:0;padding:0;min-height:0;transition:filter .15s}.divisao-seg:hover,.divisao-seg:focus-visible,.divisao-seg[data-ativo=true]{filter:brightness(1.12) saturate(1.1);outline-offset:-3px}.divisao-escala{position:relative;height:22px;margin-top:6px;font-size:.82rem;color:var(--tinta-suave)}.divisao-marca{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.divisao-marca:before{content:"";position:absolute;left:50%;top:-8px;width:1px;height:8px;background:var(--tinta-suave)}.legenda{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 20px;margin-top:16px;padding:0;list-style:none}.legenda li{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 6px;border-radius:8px;cursor:default}.legenda li[data-ativo=true]{background:var(--primaria-fundo)}.legenda .cor{width:12px;height:12px;border-radius:3px;flex:none}.legenda .nome{flex:1}.legenda .valor{font-variant-numeric:tabular-nums;font-weight:600}.legenda .pct{width:3.4em;text-align:right;color:var(--tinta-suave);font-variant-numeric:tabular-nums}.aviso-prejuizo{margin-top:12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--prejuizo) 12%,transparent);color:var(--tinta)}.grafico{position:relative}.grafico svg{display:block;width:100%;height:auto;touch-action:pan-y}.grafico .grade-linha{stroke:var(--linha);stroke-width:1}.grafico .eixo-texto{fill:var(--tinta-suave);font-size:11px;font-family:var(--fonte-texto)}.grafico .cruz{stroke:var(--tinta-suave);stroke-width:1}.grafico-legenda{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 8px;color:var(--tinta-suave);font-size:.9rem}.grafico-legenda i{display:inline-block;vertical-align:middle;margin-right:6px}.dica{position:absolute;z-index:3;pointer-events:none;min-width:170px;padding:10px 12px;background:var(--cartao);color:var(--tinta);border:1px solid var(--linha);border-radius:10px;box-shadow:0 6px 20px #14192b2e;font-size:.88rem}.dica b{font-variant-numeric:tabular-nums}.dica-linha{display:flex;justify-content:space-between;gap:16px;align-items:center}.dica-linha span:first-child{color:var(--tinta-suave);display:flex;align-items:center;gap:6px}.dica-data{font-weight:600;margin-bottom:4px}.chave-linha{width:14px;height:0;border-top:3px solid;border-radius:2px;display:inline-block}details.tabela-alt{margin-top:10px}details.tabela-alt summary{cursor:pointer;color:var(--primaria);min-height:32px}.atencao{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--linha)}.atencao:first-of-type{border-top:0}.atencao-ponto{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none}.atencao-ponto.alta{background:var(--prejuizo)}.atencao-ponto.media{background:var(--atencao)}.atencao-ponto.baixa{background:var(--neutro)}.atencao-texto{flex:1}.atencao button{min-height:36px;font-size:.88rem}.top-linha{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:8px 0;border-top:1px solid var(--linha)}.top-linha:first-of-type{border-top:0}.top-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-valor{font-variant-numeric:tabular-nums;font-weight:600}.top-trilho{grid-column:1 / -1;height:8px;background:var(--linha);border-radius:4px}.top-trilho>div{height:100%;background:var(--s1);border-radius:4px}.vazio{color:var(--tinta-suave);padding:12px 0}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:520px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-width:0;padding:12px}.kpi-valor{font-size:1.45rem}}.gaveta-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142373;z-index:50;display:flex;justify-content:flex-end}.gaveta{background:var(--fundo);width:min(640px,100%);height:100%;overflow-y:auto;box-shadow:-8px 0 24px #00000040;padding:0 16px 24px}.gaveta-topo{position:sticky;top:0;background:var(--fundo);display:flex;justify-content:space-between;padding:12px 0;z-index:1}.gaveta-topo button{min-height:44px}button.link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left;font:inherit;min-height:44px}button.link:hover{color:var(--fita)}tr.clicavel,.kpi-botao,.top-linha.clicavel{cursor:pointer}button.kpi{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}button.kpi:hover,button.kpi[aria-pressed=true]{border-color:var(--fita);box-shadow:0 0 0 2px var(--fita)}.mini-barras{display:flex;gap:8px;align-items:flex-end;height:120px}.mini-barra{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;background:none;border:0;cursor:pointer;padding:0;min-width:44px}.mini-barra-valor{display:block;width:100%;background:var(--s1);border-radius:6px 6px 0 0;opacity:.7}.mini-barra:hover .mini-barra-valor,.mini-barra[aria-pressed=true] .mini-barra-valor{opacity:1}.mini-barra-rotulo{font-size:.8rem;color:var(--tinta-suave);margin-top:4px}th.ordenavel{cursor:pointer;-webkit-user-select:none;user-select:none}th.ordenavel button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:0;min-height:44px}.form-grupo-titulo{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--linha);font-size:.95rem;font-weight:700;color:var(--primaria)}.form-grupo-titulo:first-of-type{margin-top:0;padding-top:0;border-top:0}.selo{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85rem;border:1px solid var(--linha)}.selo.sem_estoque,.selo.abaixo_minimo{color:var(--prejuizo);border-color:var(--prejuizo)}.selo.parado{color:var(--atencao);border-color:var(--atencao)}.selo.ok{color:var(--lucro);border-color:var(--lucro)}.diag{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px;margin:12px 0}.diag-causas{list-style:none;margin:0;padding:0;display:grid;gap:8px}.diag-causas li{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid var(--linha);padding-top:8px}.diag-causas li span{flex:1 1 260px}.diag button{min-height:44px}.divisao-seg,ul.legenda li.clicavel{cursor:pointer}.bloco-ml{margin-top:16px}.cabecalho-ml,.atalhos-ml{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cabecalho-ml{justify-content:space-between}.periodo-ml form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.periodo-ml label,.filtros-pedidos-ml label{display:grid;gap:4px;min-width:0}.periodo-ml input,.periodo-ml button,.filtros-pedidos-ml input,.filtros-pedidos-ml select,.filtros-pedidos-ml button,.checklist-ml button{min-height:44px}.periodo-ml .atalhos-ml{margin-top:12px}.filtros-pedidos-ml{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;align-items:end}.filtros-pedidos-ml input,.filtros-pedidos-ml select{width:100%}.checklist-ml{display:grid;gap:8px}.checklist-ml button{text-align:left;min-width:0;white-space:normal;overflow-wrap:anywhere}.dia-venda-ml{display:grid;grid-template-columns:48px minmax(20px,1fr) auto;width:100%;align-items:center;gap:12px;min-height:44px;border:0;background:transparent;color:inherit;cursor:pointer}.trilho-ml{display:block;height:12px;border-radius:6px;background:var(--linha)}.trilho-ml>span{display:block;height:100%;border-radius:6px;background:var(--primaria)}.kpi>span{display:block;overflow-wrap:anywhere}