:root{--fundo: #f5f1ea;--papel: #fffdf9;--tinta: #1f1b16;--tinta-2: #6b6257;--linha: #e4dccf;--brasa: #c2410c;--brasa-escura: #9a3309;--queijo: #e9a23b;--ok: #2f6b3c;--perigo: #a3231a;--raio: 12px;--abas: 60px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tinta);background:var(--fundo);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100dvh}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.carregando,.vazio{padding:32px 16px;text-align:center;color:var(--tinta-2)}.app{min-height:100dvh}.lateral{display:none}.conteudo{padding-bottom:calc(var(--abas) + env(safe-area-inset-bottom) + 16px)}.abas{position:fixed;inset:auto 0 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(var(--abas) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--tinta);z-index:5}.abas button{border:0;background:none;color:#b9ae9f;font-weight:600;border-top:3px solid transparent}.abas button.ativo{color:#fff;border-top-color:var(--queijo)}.marca{font-weight:800;letter-spacing:-.02em;font-size:1.25rem;color:#fff}.marca span{display:block;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--queijo);font-weight:700}.tela{max-width:1180px;margin:0 auto;padding:16px}.tela-estreita{max-width:640px}.tela-topo{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tela-topo h1{font-size:1.6rem;letter-spacing:-.02em;flex:1}.voltar{flex-basis:100%;text-align:left;padding:0}.btn{border:0;border-radius:10px;background:var(--brasa);color:#fff;font-weight:700;padding:11px 16px;min-height:44px}.btn:hover{background:var(--brasa-escura)}.btn:disabled{opacity:.55;cursor:default}.btn-cheio{flex:1}.btn-pequeno{min-height:40px;padding:8px 12px}.btn-secundario{background:transparent;color:var(--brasa);border:1.5px dashed var(--brasa)}.btn-secundario:hover{background:#fbeee6}.btn-perigo{background:transparent;color:var(--perigo);border:1.5px solid var(--perigo)}.btn-perigo:hover{background:#fbeceb}.btn-texto{border:0;background:none;color:var(--brasa);font-weight:600;padding:8px}.perigo{color:var(--perigo)}:focus-visible{outline:3px solid var(--queijo);outline-offset:2px}.lista{list-style:none;margin:0;padding:0;background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}.lista li+li{border-top:1px solid var(--linha)}.linha{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;width:100%;padding:12px 14px;border:0;background:none;text-align:left;min-height:56px}.linha:hover{background:#faf5ec}.linha.inativo{color:var(--tinta-2)}.linha-principal strong,.col-forte{font-weight:650}.linha small,.col-forte small{display:block;font-weight:400;color:var(--tinta-2);font-size:.82rem;margin-top:2px}.seta{color:var(--tinta-2);font-size:1.3rem}.cabecalho,.so-largo{display:none}.col-valor{font-weight:700}.pendente{font-style:normal;font-weight:600;font-size:.8rem;color:var(--brasa);background:#fbeee6;padding:3px 8px;border-radius:99px}.selo{font-style:normal;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2);border:1px solid var(--linha);border-radius:99px;padding:1px 7px;margin-left:8px}.tabela-compras .linha{grid-template-columns:1fr auto;grid-template-areas:"forte valor" "fraca data"}.tabela-compras .col-forte{grid-area:forte}.tabela-compras .col-valor{grid-area:valor}.tabela-compras .col-fraca{grid-area:fraca;color:var(--tinta-2);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tabela-compras .col-data{grid-area:data;color:var(--tinta-2);font-size:.85rem;text-align:right}.grupo{margin-bottom:20px}.grupo h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tinta-2);margin:0 4px 8px}.filtros{display:grid;gap:10px;margin-bottom:16px}.chips{display:flex;gap:6px}.chips button{border:1px solid var(--linha);background:var(--papel);border-radius:99px;padding:8px 14px;font-weight:600;color:var(--tinta-2);min-height:40px}.chips button.ativo{background:var(--tinta);border-color:var(--tinta);color:#fff}input,select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #cfc5b5;border-radius:10px;background:#fff;font-size:16px}input[type=radio],input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--brasa);flex:none}.form{display:grid;gap:14px}.form label,.quadra label{display:grid;gap:5px;font-size:.85rem;font-weight:600;color:var(--tinta-2);min-width:0}.form label.opcao,label.opcao{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:500;color:var(--tinta);min-height:40px}fieldset{border:0;padding:0;margin:0}legend{font-size:.85rem;font-weight:600;color:var(--tinta-2);margin-bottom:6px;padding:0}.dupla{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quadra{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cartao{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:16px}.acoes{display:flex;gap:10px;margin-top:4px}.erro{color:var(--perigo);background:#fbeceb;border-radius:8px;padding:10px 12px;font-size:.92rem;font-weight:500}.ok{color:var(--ok);font-weight:600}.dica{color:var(--tinta-2);font-size:.84rem;font-weight:400}.criar-rapido{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border:1.5px dashed var(--brasa);border-radius:10px;background:#fff8f2}.criar-rapido input{flex:1 1 140px}.criar-rapido select{flex:1 1 120px}.criar-rapido .erro{flex-basis:100%}.itens{display:grid;gap:12px}.item{display:grid;gap:10px;padding:12px;border:1px solid var(--linha);border-radius:var(--raio);background:#faf6ef}.item-topo{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);min-height:24px}.item-topo .btn-texto{padding:0;text-transform:none;letter-spacing:0;font-size:.9rem}.resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0}.resumo div{background:#f3ede2;border-radius:10px;padding:10px 12px}.resumo dt{font-size:.75rem;color:var(--tinta-2)}.resumo dd{margin:2px 0 0;font-weight:700}.ficha{margin-top:22px;padding-top:18px;border-top:1px solid var(--linha);display:grid;gap:12px}.ficha h3{font-size:1rem}.ficha .vazio{padding:8px 0;text-align:left}.ficha-linhas{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ficha-linhas li{display:grid;grid-template-columns:1fr 84px 24px minmax(72px,auto) 36px;gap:8px;align-items:center}.ficha-linhas .col-forte{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ficha-linhas input{text-align:right;padding:8px}.ficha-linhas .un{color:var(--tinta-2);font-size:.85rem}.ficha-novo{display:grid;grid-template-columns:1fr 84px auto;gap:8px;align-items:start}.ficha-novo .criar-rapido{grid-column:1 / -1}.folha-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b168c;display:flex;align-items:flex-end;justify-content:center;z-index:20}.folha{background:var(--papel);width:100%;max-width:560px;max-height:94dvh;border-radius:18px 18px 0 0;display:flex;flex-direction:column}.folha-larga{max-width:720px}.folha-topo{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--linha)}.folha-topo h2{font-size:1.15rem}.folha-corpo{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));overflow-y:auto}.login{min-height:100dvh;display:grid;place-items:center;padding:20px;background:var(--tinta)}.login form{width:100%;max-width:360px;display:grid;gap:14px;background:var(--papel);border-radius:18px;padding:24px}.login label{display:grid;gap:5px;font-size:.85rem;font-weight:600;color:var(--tinta-2)}.marca-grande{color:var(--tinta);font-size:1.9rem;margin-bottom:6px}.marca-grande span{color:var(--brasa)}@media (min-width: 900px){.app{display:grid;grid-template-columns:220px 1fr}.abas{display:none}.lateral{display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100dvh;padding:22px 12px;background:var(--tinta)}.lateral .marca{padding:0 10px 22px}.lateral button{border:0;background:none;color:#cfc5b5;text-align:left;padding:10px 12px;border-radius:8px;font-weight:600}.lateral button:hover{background:#2e2820}.lateral button.ativo{background:#3a3228;color:#fff;box-shadow:inset 3px 0 0 var(--queijo)}.lateral-sep{margin:18px 12px 6px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#8c8173}.lateral .sair{margin-top:auto}.conteudo{padding-bottom:32px;min-width:0}.tela{padding:28px 32px}.voltar{display:none}.filtros{grid-template-columns:auto 280px;justify-content:space-between;align-items:center}.folha-fundo{align-items:center;padding:24px}.folha{border-radius:18px;max-height:90dvh}.quadra{grid-template-columns:repeat(4,1fr)}.so-largo{display:block}.tabela .cabecalho{display:grid;padding:10px 14px;gap:12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);background:#f3ede2}.tabela-insumos .cabecalho,.tabela-insumos .linha{grid-template-columns:minmax(200px,2fr) 1fr 1fr 1fr 1.3fr 1fr;grid-template-areas:none;gap:12px}.tabela-compras .cabecalho,.tabela-compras .linha{grid-template-columns:110px minmax(160px,1fr) 2fr 130px;grid-template-areas:none;gap:12px}.tabela-compras .col-data,.tabela-compras .col-forte,.tabela-compras .col-fraca,.tabela-compras .col-valor{grid-area:auto;text-align:left;font-size:1rem}.tabela-compras .col-data{color:var(--tinta)}.tabela-compras .col-valor{text-align:right}}.aviso{background:#fdf3dc;border:1px solid #f0d9a4;border-radius:10px;padding:10px 12px;font-size:.9rem;margin-bottom:14px}.bloco{display:grid;gap:8px;width:100%;padding:12px 14px;border:0;background:none;text-align:left}.bloco:hover{background:#faf5ec}.bloco.inativo{color:var(--tinta-2)}.bloco-topo strong{font-weight:650;display:block}.bloco-topo small{display:block;color:var(--tinta-2);font-size:.82rem;margin-top:2px}.margem-linha{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding-top:8px;border-top:1px dashed var(--linha);font-size:.92rem}.margem-linha .so-largo{display:none}.m-canal{color:var(--tinta-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-margem{font-weight:700}.positivo{color:var(--ok)}.negativo{color:var(--perigo)}.preco-canal{display:grid;gap:10px;padding:12px;border:1px solid var(--linha);border-radius:var(--raio);background:#faf6ef}.preco-topo{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.preco-topo small{color:var(--tinta-2);font-size:.82rem}.preco-campo{display:grid;grid-template-columns:1fr auto;gap:8px}.resumo .destaque{background:var(--tinta);color:#fff}.resumo .destaque dt{color:#cfc5b5}.resumo .destaque.positivo dd{color:#a7e3b4}.resumo .destaque.negativo dd{color:#ffb4ab}.resumo-topo{margin-bottom:16px}.form label>.dica{font-weight:400}.lista.cardapio .cab-margem{display:none}@media (min-width: 900px){.lista.cardapio .cab-margem,.margem-linha{display:grid;grid-template-columns:minmax(120px,1.4fr) repeat(8,minmax(64px,1fr)) minmax(140px,1.5fr);gap:10px}.lista.cardapio .cab-margem{padding:10px 14px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2);background:#f3ede2}.margem-linha .so-largo{display:block}}.selo-alerta{color:var(--brasa);border-color:#f0c9b4;background:#fbeee6;margin:0 0 0 6px;text-transform:none;letter-spacing:0;white-space:nowrap}.sugestao{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.86rem;color:var(--tinta-2);background:#f3ede2;border-radius:10px;padding:8px 12px}.sugestao strong{color:var(--tinta)}.sugestao.alerta{background:#fbeee6;color:var(--brasa-escura)}.opcoes{display:flex;flex-wrap:wrap;gap:6px}.opcao-chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--linha);border-radius:99px;padding:4px 4px 4px 12px;font-size:.9rem;font-weight:600}.opcao-chip button{border:0;background:none;color:var(--perigo);width:28px;height:28px;border-radius:99px}.opcao-chip button:hover{background:#fbeceb}@media (min-width: 900px){.margem-linha.combo-linha{grid-template-columns:minmax(120px,1.4fr) minmax(160px,2fr) 1fr}}.promos{list-style:none;margin:0;padding:0;display:grid;gap:12px}.promo{display:grid;gap:6px;width:100%;text-align:left;padding:14px;background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio)}.promo:hover{border-color:#cfc5b5}.promo.inativo{opacity:.72}.promo-topo{display:flex;justify-content:space-between;align-items:center;gap:10px}.promo-topo strong{font-size:1.05rem}.promo-regra{font-weight:700;color:var(--brasa)}.promo small{color:var(--tinta-2);font-size:.84rem}.promo .resumo{margin-top:6px}.selo-ok{color:var(--ok);border-color:#b9dcc0;background:#eaf5ec}.marcar-grupo{display:grid;margin-bottom:8px}.marcar-titulo{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);margin:8px 0 2px}.form label.marcar{display:grid;grid-template-columns:20px 1fr auto;min-height:44px;border-bottom:1px solid var(--linha)}.abas button{font-size:.86rem;padding:0 2px}@media (min-width: 900px){.promos{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.m-nota{grid-column:1 / -1;font-size:.8rem;color:var(--brasa-escura);margin-top:-4px}@media (min-width: 900px){.m-nota{display:none}}
