:root{--verde:#14b15a;--verde-escuro:#0e8444;--verde-claro:#e8f7ee;--marrom:#4f2a23;--branco:#fefefe;--fundo:#f6f7f5;--texto:#2b2523;--texto-2:#5b5b58;--borda:#e2e4df;--ok:#0e8444;--alerta:#b07a05;--alerta-fundo:#fdf3d9;--erro:#c93c37;--erro-fundo:#fbe7e6;--info:#2f6fb5;--info-fundo:#e6eff9;--raio:8px;--sombra:0 1px 2px #3c281e0f, 0 2px 8px #3c281e0d;--menu-w:272px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fundo);color:var(--texto);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3{color:var(--marrom);margin:0;font-family:Nunito,Inter,sans-serif}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}a{color:var(--verde-escuro)}img{max-width:100%}:focus-visible{outline-offset:2px;outline:3px solid #7fd6a4}.app{min-height:100vh}.sidebar{width:var(--menu-w);background:var(--branco);border-right:1px solid var(--borda);z-index:40;flex-direction:column;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.aberto{transform:none;box-shadow:4px 0 24px #0000002e}.sidebar-logo{border-bottom:1px solid var(--borda);padding:16px 18px;display:block}.sidebar-logo img{width:auto;height:44px}.sidebar nav{flex:1;padding:10px;overflow-y:auto}.nav-grupo{text-transform:uppercase;letter-spacing:.06em;color:var(--texto-2);padding:14px 10px 6px;font-size:.72rem;font-weight:600}.nav-item{border-radius:var(--raio);min-height:44px;color:var(--texto);align-items:center;gap:10px;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--verde-claro)}.nav-item.ativo{background:var(--verde-claro);color:var(--verde-escuro);box-shadow:inset 3px 0 0 var(--verde);font-weight:600}.nav-item svg{flex:none}.sidebar-rodape{border-top:1px solid var(--borda);padding:10px}.scrim{z-index:30;background:#1e140f73;position:fixed;inset:0}.conteudo{min-width:0}.topbar{z-index:20;background:var(--branco);border-bottom:1px solid var(--borda);align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar .espaco{flex:1}.topbar .logo-mobile{width:auto;height:32px}.usuario-info{text-align:right;font-size:.85rem;line-height:1.2;display:none}.usuario-info b{color:var(--marrom);display:block}.pagina{max-width:1180px;margin:0 auto;padding:16px}.pagina-cab{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pagina-cab .espaco{flex:1}.faixa-offline{background:var(--alerta-fundo);color:#6b4a00;text-align:center;padding:8px 16px;font-size:.9rem}@media (width>=1024px){.sidebar{transform:none}.conteudo{margin-left:var(--menu-w)}.hamburguer,.scrim,.logo-mobile{display:none!important}.usuario-info{display:block}.pagina{padding:24px 28px}}.cartao{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px}.cartao+.cartao{margin-top:16px}.grade{gap:16px;display:grid}@media (width>=640px){.grade.c2{grid-template-columns:repeat(2,1fr)}.grade.c3{grid-template-columns:repeat(3,1fr)}.grade.c4{grid-template-columns:repeat(4,1fr)}}.linha{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.espaco{flex:1}.muted{color:var(--texto-2);font-size:.9rem}.num{font-variant-numeric:tabular-nums;text-align:right}.btn{border-radius:var(--raio);border:1px solid var(--borda);background:var(--branco);min-height:44px;color:var(--texto);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#f1f3ef}.btn.primario{background:var(--verde-escuro);border-color:var(--verde-escuro);color:#fff}.btn.primario:hover{background:#0b6d38}.btn.perigo{color:var(--erro);border-color:#efc4c2}.btn.perigo:hover{background:var(--erro-fundo)}.btn.pequeno{min-height:36px;padding:0 12px;font-size:.9rem}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-icone{width:44px;padding:0}label.campo{color:var(--marrom);font-size:.88rem;font-weight:600;display:block}label.campo>span.rotulo{margin-bottom:4px;display:block}input,select,textarea{border-radius:var(--raio);width:100%;min-height:44px;font:inherit;color:var(--texto);background:#fff;border:1px solid #cfd3cc;padding:8px 12px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:22px;accent-color:var(--verde-escuro)}label.check{align-items:center;gap:10px;min-height:44px;font-weight:500;display:flex}.ajuda{color:var(--texto-2);margin-top:4px;font-size:.8rem;font-weight:400}.form-grade{gap:14px;display:grid}@media (width>=640px){.form-grade.c2{grid-template-columns:1fr 1fr}.form-grade .largo{grid-column:1/-1}}.erro-msg{background:var(--erro-fundo);color:var(--erro);border-radius:var(--raio);padding:10px 12px;font-size:.92rem}.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.badge.ok,.badge.entregue,.badge.ativo,.badge.fiel{background:var(--verde-claro);color:var(--ok)}.badge.vencendo,.badge.aberto{background:var(--alerta-fundo);color:#6b4a00}.badge.vencido,.badge.cancelado,.badge.inativo{background:var(--erro-fundo);color:var(--erro)}.badge.separado{background:var(--info-fundo);color:var(--info)}.badge.neutro,.badge.nunca{color:var(--texto-2);background:#eceae6}.tabela-wrap{overflow-x:auto}table.tabela{border-collapse:collapse;width:100%;font-size:.93rem}.tabela th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-2);border-bottom:2px solid var(--borda);padding:10px 12px;font-size:.78rem}.tabela td{border-bottom:1px solid var(--borda);vertical-align:middle;padding:10px 12px}.tabela tr:hover td{background:#fafbf9}.tabela td.acoes{text-align:right;white-space:nowrap}@media (width<=639px){.tabela thead{display:none}.tabela,.tabela tbody,.tabela tr,.tabela td{width:100%;display:block}.tabela tr{border:1px solid var(--borda);border-radius:var(--raio);background:var(--branco);box-shadow:var(--sombra);margin-bottom:12px;padding:6px 0}.tabela td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:6px 14px;display:flex}.tabela td:before{content:attr(data-label);color:var(--texto-2);text-align:left;flex:none;max-width:45%;font-weight:600}.tabela td.acoes{justify-content:flex-end}.tabela td.acoes:before,.tabela td[data-label=""]:before{content:none}}.vazio{text-align:center;color:var(--texto-2);padding:36px 16px}.vazio svg{opacity:.5;margin-bottom:8px}.modal-fundo{z-index:60;background:#1e140f80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--branco);width:100%;max-height:92vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow-y:auto}.modal-cab{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-rodape{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width>=640px){.modal-fundo{align-items:center;padding:24px}.modal{border-radius:16px;max-width:640px;padding:24px}.modal.largo{max-width:860px}}.toast-area{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.toast{color:#fff;border-radius:var(--raio);box-shadow:var(--sombra);pointer-events:auto;background:#2b2523;max-width:480px;padding:12px 16px}.toast.erro{background:var(--erro)}.carregando{text-align:center;color:var(--texto-2);padding:40px}.metrica{flex-direction:column;gap:2px;display:flex}.metrica b{color:var(--marrom);font-family:Nunito,sans-serif;font-size:1.6rem}.filtros{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--borda);background:var(--branco);min-height:40px;font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-weight:600}.chip.ativo{background:var(--verde-escuro);color:#fff;border-color:var(--verde-escuro)}.login-fundo{background:linear-gradient(160deg, #e8f7ee 0%, var(--fundo) 60%);place-items:center;min-height:100vh;padding:16px;display:grid}.login-cartao{width:100%;max-width:400px}.login-cartao img.logo{height:64px;margin:0 auto 20px;display:block}.linhas{gap:10px;display:grid}.linha-form{border-radius:var(--raio);border:1px dashed #cfd3cc;grid-template-columns:1fr;gap:8px;padding:10px;display:grid}@media (width>=640px){.linha-form{grid-template-columns:1fr 140px auto;align-items:end}}.arvore{border-left:2px solid var(--verde-claro);margin:0;padding-left:18px;list-style:none}.arvore li{margin:8px 0}.folha{color:#000;border:1px solid var(--borda);border-radius:var(--raio);background:#fff;max-width:800px;margin:0 auto;padding:24px}.folha h1,.folha h2,.folha h3{color:#000}.folha .cab{border-bottom:2px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:12px;display:flex}.folha .cab img{height:54px}.folha table{border-collapse:collapse;width:100%;margin:12px 0}.folha th,.folha td{text-align:left;border-bottom:1px solid #999;padding:6px 4px}.folha th.num,.folha td.num{text-align:right}.folha .total{text-align:right;font-size:1.3rem;font-weight:700}.folha .pix{border:2px solid #000;border-radius:8px;margin-top:14px;padding:12px 14px}.folha .pix .chave{word-break:break-all;font-family:Courier New,monospace;font-size:1.35rem;font-weight:700}.folha .rodape{text-align:center;color:#333;margin-top:18px;font-size:.8rem}.folha .bloco{margin:10px 0}@media print{@page{size:A4;margin:14mm}body{background:#fff}.sidebar,.topbar,.scrim,.no-print,.toast-area,.faixa-offline{display:none!important}.conteudo{margin:0!important}.pagina{max-width:none;padding:0}.folha{border:0;max-width:none;padding:0}}.periodo{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.periodo .datas{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.periodo input[type=date]{width:160px}.dre{padding:0;overflow:hidden}.dre-linha{border-bottom:1px solid var(--borda);grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;padding:10px 16px;display:grid}.dre-linha .extra{color:var(--texto-2);grid-column:1/-1;justify-content:flex-end;gap:16px;font-size:.85rem;display:flex}.dre-linha.subtotal{background:#f7f9f6;font-weight:600}.dre-linha.total{background:var(--verde-claro);border-bottom:0;font-size:1.1rem;font-weight:700}.dre-linha.detalhe{color:var(--texto-2);border-bottom:0;padding:4px 16px 4px 36px;font-size:.88rem}.dre-linha .valor{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.neg{color:var(--erro)}.pos{color:var(--ok)}.barra-trilho{background:var(--verde-claro);border-radius:4px;height:14px}.barra{background:var(--verde);border-radius:4px;height:100%}.barra.neg{background:var(--erro)}.kpi{flex-direction:column;gap:2px;display:flex}.kpi .rotulo{color:var(--texto-2);font-size:.85rem}.kpi b{color:var(--marrom);font-family:Nunito,sans-serif;font-size:1.5rem}.kpi .sub{color:var(--texto-2);font-size:.82rem}.badge.classe-A{background:var(--verde-claro);color:var(--ok)}.badge.classe-B{background:var(--alerta-fundo);color:#6b4a00}.badge.classe-C{color:var(--texto-2);background:#eceae6}@media print{.dre-linha.total{background:#eee}.periodo{display:none}.cartao{box-shadow:none}}.badge.em_rota{color:#6a3fb0;background:#efe7fb}.folha .pix-grade{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.folha .qr{width:150px;height:150px;image-rendering:pixelated;flex:none}.cupom{color:#000;border:1px dashed var(--borda);background:#fff;margin:0 auto;padding:10px;font-family:Inter,Arial,sans-serif;line-height:1.3}.cupom.cupom80{width:80mm;font-size:12px}.cupom.cupom58{width:58mm;font-size:10.5px}.cupom img{max-width:70%;height:auto}.cupom .c-centro{text-align:center}.cupom .c-linha{border-top:1px dashed #000;margin:6px 0}.cupom .c-item{margin:3px 0}.cupom .c-valores{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;display:flex}.cupom .c-total{font-size:1.2em;font-weight:700}.cupom .c-qr{width:70%;max-width:46mm;image-rendering:pixelated;margin:4px auto;display:block}@media print{.cupom{border:0;margin:0;padding:0}}.nav-bloco{margin-top:4px}.nav-grupo-btn{border-radius:var(--raio);width:100%;min-height:44px;color:var(--marrom);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-weight:700;display:flex}.nav-grupo-btn:hover{background:var(--verde-claro)}.nav-grupo-btn span{flex:1}.nav-grupo-btn .seta{color:var(--texto-2);transition:transform .15s}.nav-bloco.aberto .nav-grupo-btn .seta{transform:rotate(180deg)}.nav-sub{border-left:2px solid var(--verde-claro);margin-left:21px;padding:2px 0 6px 6px}.nav-item.sub{min-height:40px;font-size:.95rem}.nav-rotulo{flex-direction:column;line-height:1.2;display:flex}.nav-rotulo small{color:var(--texto-2);font-size:.72rem;font-weight:400}@media (prefers-reduced-motion:reduce){.nav-grupo-btn .seta{transition:none}}.busca{position:relative}.busca input{width:100%}.busca-lista{z-index:70;background:var(--branco);border:1px solid var(--borda);max-height:240px;box-shadow:var(--sombra);border-radius:8px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.busca-lista li{cursor:pointer;min-height:40px;padding:10px 12px}.busca-lista li.ativo{background:var(--verde-claro)}.busca-lista li.vazio-busca{color:var(--cinza-texto,#5b5b58);cursor:default}.grade-pedidos{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding-bottom:72px;display:grid}.cartao-pedido{text-align:left;font:inherit;color:var(--texto);cursor:pointer;background:var(--branco);border:1px solid var(--borda);border-left:5px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);flex-direction:column;gap:6px;min-height:150px;padding:12px 14px;transition:transform 80ms,box-shadow 80ms;display:flex}.cartao-pedido:hover,.cartao-pedido:focus-visible{transform:translateY(-1px);box-shadow:0 2px 12px #3c281e1f}.cartao-pedido.st-aberto{border-left-color:var(--alerta)}.cartao-pedido.st-separado{border-left-color:var(--info)}.cartao-pedido.st-em_rota{border-left-color:#6a3fb0}.cartao-pedido.st-entregue{border-left-color:var(--verde)}.cartao-pedido.st-cancelado{border-left-color:var(--erro);opacity:.75}.cp-topo{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp-num{font-size:1.15rem}.cp-cliente,.cp-linha{align-items:center;gap:6px;min-width:0;display:flex}.cp-cliente span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cp-total{text-align:right;margin-top:auto;font-size:1.3rem;font-weight:700}.cp-rodape{justify-content:space-between;gap:8px;font-size:.8rem;display:flex}.cp-rodape span{align-items:center;gap:4px;display:inline-flex}.cp-vendedor{font-size:.78rem}.itens-pedido{border:1px solid var(--borda);border-radius:var(--raio);margin:0;padding:0;list-style:none}.itens-pedido li{border-bottom:1px solid var(--borda);justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.itens-pedido li:last-child{border-bottom:0}.itens-pedido li.total{background:#fafbf9;font-size:1.05rem}.fab{z-index:20;border-radius:999px;min-height:52px;padding:0 20px;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 14px #0003}@media (width>=1024px){.fab{display:none}}