:root{--verde:#0B6E33;--verde-esc:#064A22;--laranja:#F57C00;--fundo:#F4F7F5;--borda:#DDE7E0;--texto:#1B2A20;--suave:#5F6F64;--vermelho:#C62828;--amarelo:#B7791F}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fundo);color:var(--texto);line-height:1.45;font-size:16px}
.topo{background:var(--verde);color:#fff;padding:14px 16px;display:flex;gap:8px;align-items:baseline;position:sticky;top:0;z-index:5}
.topo{align-items:center}.topo img{border-radius:50%}.topo b{font-size:18px}.topo span{opacity:.8;font-size:14px}.topo .link{margin-left:auto;color:#fff}
.caixa{max-width:900px;margin:0 auto;padding:16px}
h1,h2{font-size:20px;margin:8px 0}h3{font-size:16px;margin:20px 0 4px}
.suave{color:var(--suave);font-size:14px;margin-bottom:10px}.erro{color:var(--vermelho);margin-top:8px}
label{display:block;font-size:14px;font-weight:600;margin:10px 0}
input,select{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1px solid var(--borda);border-radius:10px;font-size:16px;background:#fff}
.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--verde);color:#fff;border:0;border-radius:12px;padding:13px 20px;font-weight:700;font-size:16px;cursor:pointer;margin-top:8px}
.btn.grande{width:100%;padding:18px;font-size:17px;background:var(--laranja)}
.link{background:none;border:0;color:var(--verde);font-weight:600;cursor:pointer;font-size:14px;padding:8px 0}.perigo{color:var(--vermelho);margin-top:16px}
.abas{display:flex;overflow-x:auto;scrollbar-width:none;background:#fff;border-bottom:1px solid var(--borda);position:sticky;top:50px;z-index:4}
.abas button{flex:1;border:0;background:none;padding:14px 4px;font-size:15px;font-weight:600;color:var(--suave);border-bottom:3px solid transparent;cursor:pointer}
.abas .ativo{color:var(--verde);border-bottom-color:var(--verde)}
.item{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:10px 12px;margin:8px 0}
.item .tit{font-size:14px;font-weight:600;margin-bottom:6px}.item .tit small{font-weight:400;color:var(--suave)}
.item .linha{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:6px;align-items:end}
.item .linha label{margin:0;font-size:12px;font-weight:500;color:var(--suave)}
.item .linha input,.item .linha select{padding:8px;font-size:15px}
.item .x{border:0;background:none;color:var(--vermelho);font-size:20px;padding:6px;cursor:pointer}
.card{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:14px;margin:12px 0}
.card h3{margin:0 0 2px;font-size:17px;color:var(--verde-esc)}
.card .info{font-size:13px;color:var(--suave);margin-bottom:8px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:7px 4px;border-top:1px solid var(--borda);vertical-align:top}
th{font-size:12px;color:var(--suave);font-weight:600;border-top:0}
td b{font-size:15px}
.tag{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:2px 8px;margin-top:2px}
.t-mais_barato{background:#E3F4E8;color:var(--verde)}.t-acima{background:#FDE8E8;color:var(--vermelho)}.t-sem_concorrente{background:#FFF4DE;color:var(--amarelo)}
.resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.resumo div{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:10px;text-align:center}
.resumo b{display:block;font-size:22px}.resumo span{font-size:12px;color:var(--suave)}
.grade-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px}#insumos{display:block}
.ok{color:var(--verde);font-size:12px}
@media (max-width:520px){.item .linha{grid-template-columns:1fr 1fr 1fr auto}.item .linha label:first-child{grid-column:1/-1}}
.aviso{margin-top:6px;font-size:13px;color:var(--amarelo);background:#FFF4DE;border-radius:8px;padding:6px 8px}
details.card summary{cursor:pointer;font-weight:600;color:var(--verde-esc)}
.passos{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:10px 14px 10px 30px;font-size:14px;margin:8px 0}
.resumo.dois{grid-template-columns:1fr 1fr}.resumo .bom b{color:var(--verde)}.resumo .ruim b{color:var(--vermelho)}
.comp{border-radius:12px;padding:10px 12px;margin:10px 0;font-size:14px}.comp p{margin:4px 0}
.comp.bom{background:#EEF8F1;border:1px solid #CBE8D4}.comp.ruim{background:#FDF0F0;border:1px solid #F3CFCF}
.comp-tit{font-weight:700;font-size:15px;margin-bottom:4px}.veredito{margin-top:8px!important;font-size:15px}
.sub{font-size:13px;font-weight:600;color:var(--suave);margin:12px 0 2px}
.ins{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:10px 12px;margin:8px 0}
.ins-campos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}.ins-campos label{margin:6px 0 0;font-size:12px;font-weight:500;color:var(--suave)}
.ins-campos input{padding:9px}.ins-res{font-size:13px;margin-top:8px;color:var(--verde-esc)}
h2.sec{margin-top:28px}
.graf{width:100%;height:auto;display:block;margin-top:6px;overflow:visible}
.graf .grade{stroke:#E6ECE8;stroke-width:1}.graf .base{stroke:#9AA9A0;stroke-width:1}
.graf .eixo{font-size:10px;fill:var(--suave)}.graf .rotulo{font-size:10px;fill:var(--texto);font-weight:600}
.graf .pt{fill:#3B6EA8;stroke:#fff;stroke-width:2}.graf .top{fill:var(--laranja);stroke:#fff;stroke-width:2}.graf .barato{fill:#7A5AA8;stroke:#fff;stroke-width:2}
.graf .nosso{stroke:var(--texto);stroke-width:1.5;stroke-dasharray:4 3}.graf .tend{fill:none;stroke:#3B6EA8;stroke-width:2;stroke-linejoin:round}
.graf .ponto{cursor:pointer;outline:none}.graf .ponto:focus circle:last-of-type,.graf .ponto:hover circle:last-of-type{stroke:var(--texto)}
.leg{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--suave);margin-top:4px}
.leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}
.leg i.pt{background:#3B6EA8}.leg i.top{background:var(--laranja)}.leg i.barato{background:#7A5AA8}.leg i.linha{border-radius:0;height:0;width:14px;border-top:2px dashed var(--texto)}
.detalhe{font-size:13px;margin-top:6px;min-height:18px}
.alerta{font-size:14px;border-radius:10px;padding:8px 10px;margin:6px 0}
.alerta.bom{background:#EEF8F1}.alerta.ruim{background:#FDF0F0}.alerta.info{background:#EEF3FA}
.trend{font-size:14px;font-weight:600}.trend.bom{color:var(--verde)}.trend.ruim{color:var(--vermelho)}
.dica{margin-top:10px}
.abas button{font-size:13px;padding:12px 2px}
.filtros{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.estr{border-radius:14px;padding:12px 14px;margin:12px 0;font-size:14px}.estr p{margin:6px 0}
.estr.bom{background:#EEF8F1;border:1px solid #CBE8D4}.estr.ruim{background:#FFF6E8;border:1px solid #F1DDB8}
.estr-tit{font-weight:800;font-size:17px}.estr .grande{font-size:16px}
.rank{list-style:none}.rank li{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--borda)}
.rank li:first-child{border-top:0}.rank .pos{font-weight:700;text-align:center}.rank .nome{font-size:13px;line-height:1.3}
.rank small{display:block;color:var(--suave);font-size:12px}.rank .val{text-align:right;font-size:14px}
.pir{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.pir-l{display:grid;grid-template-columns:70px 1fr 54px;gap:6px;align-items:center;font-size:13px}
.pir-p{text-align:right;font-weight:600}.pir-v{color:var(--suave);font-size:12px}
.pir-b{display:flex;justify-content:center}.pir-b i{display:block;height:18px;border-radius:4px;background:#3B6EA8}
.pir-b i.top{background:var(--laranja)}.pir-b i.abaixo{background:#B9C3BD}
.leg i.abaixo{background:#B9C3BD}
@media (min-width:760px){.dois-rank{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
.duelo{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:10px;margin:10px 0}
.duelo .lado{border-radius:10px;padding:8px;font-size:13px}.duelo .ele{background:#F3F5F7}.duelo .nos{background:#EEF8F1}
.duelo .quem{font-weight:800;font-size:13px}.duelo .nome-an{font-size:12px;color:var(--suave);line-height:1.25;margin:2px 0 4px;min-height:30px}
.duelo .kit{font-weight:600}.duelo .preco{font-size:20px;font-weight:800;margin:2px 0}.duelo .nos .preco{color:var(--verde)}
.duelo .det{font-size:12px;color:var(--suave)}.duelo .vs{align-self:center;font-weight:800;color:var(--suave);font-size:12px}
.duelo .veredito{grid-column:1/-1;font-size:14px;border-radius:10px;padding:8px 10px;margin-top:2px!important}
.duelo.bom .veredito{background:#EEF8F1}.duelo.ruim .veredito{background:#FDF0F0}
.ok{display:block;margin-top:4px}
details{margin-top:8px}details summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--verde-esc);padding:6px 0}
.grupo h3{font-size:18px}
.duelo .conta{grid-column:1/-1;font-size:13px;background:#F7F8F6;border-radius:10px;padding:8px 10px}.duelo .conta p{margin:4px 0}
.duelo .teto{color:var(--verde);font-size:15px}
.grade-manual{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.grade-manual .largo{grid-column:1/-1}
#manual summary{font-size:15px}
.tab-peso td,.tab-peso th{padding:6px 3px;font-size:13px}.tab-peso tr.melhor td{background:#EEF8F1}.tab-peso tr.melhor td:first-child{box-shadow:inset 3px 0 0 var(--verde)}
.ok-txt{color:var(--verde)}.ruim-txt{color:var(--vermelho)}.estr-dica{font-size:14px;margin-top:8px}
.anuncio .an-por{font-size:13px;color:var(--suave);margin-bottom:8px}
.an-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:8px}
.an-kit{font-weight:700}.an-preco{font-size:26px;font-weight:800;color:var(--verde)}
.an-sobra{font-size:12px;text-align:right;max-width:55%}.an-sobra.bom{color:var(--verde)}.an-sobra.ruim{color:var(--amarelo)}
.cp{border:1px solid var(--borda);border-radius:10px;margin:8px 0;overflow:hidden}
.cp-cab{display:flex;justify-content:space-between;align-items:center;background:#F3F6F4;padding:6px 10px;font-size:13px}
.copiar{border:0;background:var(--verde);color:#fff;border-radius:8px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}
.cp pre{white-space:pre-wrap;font-family:inherit;font-size:13px;padding:8px 10px;margin:0;max-height:90px;overflow:auto}.cp pre.grande{max-height:220px}
.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}
.abas button{flex:0 0 auto;padding:12px 12px;white-space:nowrap}
.conta-kit{background:#F7F8F6;border-radius:10px;padding:10px 12px;margin:8px 0;font-size:13px}
.conta-kit>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.conta-kit .menos span:last-child{color:var(--vermelho)}
.conta-kit .total{border-top:1px solid var(--borda);margin-top:4px;padding-top:6px;font-weight:800;font-size:15px}
.conta-kit .total.bom span:last-child{color:var(--verde)}.conta-kit .total.ruim span:last-child{color:var(--vermelho)}
.conta-kit small{display:block;color:var(--suave);margin-top:4px}
.conta-kit>div span:last-child{white-space:nowrap}

/* ---------- ERP (marca Supermisto: bordô e dourado; o verde fica só para "deu certo") ---------- */
.topo{background:#6B1420}.btn{background:#6B1420}.btn.grande{background:#B8862B}.btn.sec{background:#fff;color:#6B1420;border:1px solid #6B1420}
.abas .ativo{color:#6B1420;border-bottom-color:#6B1420}.abas button{flex:0 0 auto;padding:14px 12px}
.card h3{color:#4A0D16}
.resumo.quatro{grid-template-columns:repeat(4,1fr)}.resumo .bom b{color:var(--verde)}.resumo .ruim b{color:var(--vermelho)}
@media (max-width:520px){.resumo.quatro{grid-template-columns:1fr 1fr}}
#erp-busca{margin:10px 0 6px}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px 0 8px}
.chips button{flex:0 0 auto;border:1px solid var(--borda);background:#fff;border-radius:20px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--suave);cursor:pointer}
.chips .ativo{background:#6B1420;color:#fff;border-color:#6B1420}
.sku{display:grid;grid-template-columns:64px 1fr auto auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:8px 12px 8px 8px;margin:8px 0;cursor:pointer}
.sku:hover{border-color:#B8862B}.sku.inativo{opacity:.55}
.sku-foto{width:64px;height:64px;border-radius:10px;background:#F7F1E8;display:grid;place-items:center;overflow:hidden}.sku-foto img{width:100%;height:100%;object-fit:contain}
.sku-info b{display:block;font-size:15px}.sku-info small{display:block;color:var(--suave);font-size:12px}
.sp{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:2px 8px;margin-top:4px}
.sp-nao{background:#F1F1F1;color:#777}.sp-ok{background:#E3F4E8;color:var(--verde)}.sp-pend{background:#FFF4DE;color:var(--amarelo)}.sp-erro{background:#FDE8E8;color:var(--vermelho)}
.sku-num,.sku-est{text-align:right;min-width:78px}.sku-num span{display:block;font-weight:800;font-size:16px}.sku-num .falta{color:var(--amarelo);font-size:13px}
.sku-num small,.sku-est small{display:block;font-size:11px;color:var(--suave)}.sku-num small.ok-txt{color:var(--verde)}.sku-num small.ruim-txt{color:var(--vermelho)}
.sku-est b{font-size:20px}.sku-est.baixo b{color:var(--vermelho)}
@media (max-width:560px){.sku{grid-template-columns:56px 1fr auto}.sku-foto{width:56px;height:56px}.sku-est{grid-column:3;grid-row:2;min-width:0}.sku-num{grid-column:3;grid-row:1}.sku-info{grid-row:1/3}.sku-foto{grid-row:1/3}}
#ficha{position:fixed;inset:0;background:rgba(30,10,14,.45);z-index:20;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px 12px}
#ficha[hidden]{display:none}
.ficha-caixa{background:#fff;border-radius:16px;max-width:620px;width:100%;padding:18px;position:relative}
.ficha-caixa h2{padding-right:36px}.fechar{position:absolute;top:10px;right:12px;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:var(--suave)}
body.sem-rolar{overflow:hidden}
.dica-preco{font-size:13px;color:var(--suave);background:#FBF6EE;border-radius:10px;padding:8px 10px}
.dica-preco .link{padding:0;font-size:13px;color:#6B1420;text-decoration:underline}
.fotos{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.ft{width:96px;height:96px;border:1px solid var(--borda);border-radius:10px;position:relative;overflow:hidden;background:#FBF6EE}
.ft img{width:100%;height:100%;object-fit:contain}.ft span{position:absolute;left:4px;bottom:4px;background:#6B1420;color:#fff;font-size:10px;font-weight:700;border-radius:8px;padding:1px 6px}
.ft .x{position:absolute;top:0;right:2px;border:0;background:none;color:var(--vermelho);font-size:20px;cursor:pointer}
.ft.add{display:grid;place-items:center;font-size:32px;color:#B8862B;cursor:pointer;margin:0;border-style:dashed}
.linha-item{display:grid;grid-template-columns:1fr 80px auto;gap:6px;align-items:center;margin:6px 0}
.linha-item:has([name=preco]){grid-template-columns:1fr 70px 90px auto}
.linha-item select,.linha-item input{margin:0}.linha-item .x{border:0;background:none;color:var(--vermelho);font-size:22px;cursor:pointer;padding:4px}
.pedido ul{margin:6px 0 0 18px;font-size:14px}.ped-topo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ped-topo .st{margin-left:auto;font-size:13px;font-weight:600}
.t-shopee{background:#FFE9E2;color:#D9431E}.t-manual{background:#F3EAD8;color:#8A6216}
.passos-sh{list-style:none;margin:0 0 10px}.passos-sh li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--borda);font-size:14px}
.passos-sh li>span{flex:0 0 28px;height:28px;border-radius:50%;background:#F3EAD8;color:#8A6216;display:grid;place-items:center;font-weight:800}
.passos-sh li.feito>span{background:#E3F4E8;color:var(--verde)}.passos-sh .btn{margin-top:6px}
.an-sh .linha2{display:flex;gap:8px;align-items:center}.an-sh .linha2 select{margin:0;flex:1}.an-sh .btn{margin:0;padding:10px 14px}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#1B2A20;color:#fff;padding:12px 18px;border-radius:12px;z-index:30;font-weight:600;max-width:92vw;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.toast.ruim{background:var(--vermelho)}
input[hidden]{display:none!important}

/* =================== ERP: layout profissional =================== */
:root{--bordo:#6B1420;--bordo-esc:#3F0A12;--dourado:#B8862B;--creme:#F7F3EC;--lado:252px;--sombra:0 1px 2px rgba(40,10,15,.06),0 4px 14px rgba(40,10,15,.05)}
body{background:var(--creme);-webkit-font-smoothing:antialiased}
.topo{background:#fff;color:var(--texto);border-bottom:1px solid #EADFD3;height:58px;padding:0 18px;gap:10px;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.topo b{font-size:17px;color:var(--bordo)}.topo span{color:var(--suave);opacity:1}.topo .link{color:var(--bordo);margin-left:0}
.topo img{display:none}.menu-btn{border:0;background:none;font-size:24px;line-height:1;color:var(--bordo);cursor:pointer;padding:6px 8px 6px 0}
.sh-status{margin-left:auto;font-size:12.5px!important;font-weight:600;display:flex;align-items:center;gap:6px;background:#F7F3EC;border-radius:20px;padding:5px 12px}
.pt-ok,.pt-off{width:8px;height:8px;border-radius:50%;display:inline-block;background:#2E9E5B}.pt-off{background:#C9A15A}
#login{max-width:400px;margin:10vh auto;background:#fff;border-radius:18px;box-shadow:var(--sombra);padding:28px}

/* menu lateral */
.abas{position:fixed;top:0;left:0;bottom:0;width:var(--lado);flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,var(--bordo-esc),var(--bordo));border:0;z-index:30;padding:14px 12px 30px;display:flex;scrollbar-width:thin}
.menu-marca{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px}
.menu-marca img{width:150px;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.menu-marca span{color:#E9CF98;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700}
.abas .grupo{color:rgba(255,255,255,.45);font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin:14px 10px 4px}
.abas button{flex:0 0 auto;display:flex;align-items:center;gap:10px;text-align:left;color:rgba(255,255,255,.86);font-size:14.5px;font-weight:600;padding:9px 10px;border-radius:10px;border:0;border-left:3px solid transparent;width:100%}
.abas button i{font-style:normal;width:22px;text-align:center;font-size:16px}
.abas button:hover{background:rgba(255,255,255,.08);color:#fff}
.abas .ativo{background:rgba(255,255,255,.14);color:#fff;border-bottom:0;border-left-color:#E9CF98}
.abas button em{margin-left:auto;font-style:normal;background:#E9CF98;color:var(--bordo-esc);font-size:11px;font-weight:800;border-radius:20px;padding:1px 8px}
#menu-fundo{position:fixed;inset:0;background:rgba(20,5,8,.45);z-index:25}
.barra-baixo{display:none}

/* área de conteúdo */
#app{display:block}
.caixa{max-width:1180px;padding:22px 26px 60px}
.caixa>h2,.cab h2{font-size:22px;color:var(--bordo-esc);margin:4px 0 6px}
.cab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.cab .btn{margin:0}.cab input,.cab select.estreito{width:auto;margin:0}
.card{border:1px solid #EADFD3;border-radius:16px;box-shadow:var(--sombra);padding:16px 18px}
.card h3{font-size:15.5px;margin:0 0 10px;color:var(--bordo-esc)}
.dupla{display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.dupla>.card{margin:12px 0 0}
.btn{border-radius:10px;font-size:15px;padding:11px 16px;transition:filter .15s}.btn:hover{filter:brightness(1.12)}
.btn.sec{background:#fff;color:var(--bordo);border:1px solid #D9C3B0}.btn.sec:hover{background:#FBF6EE;filter:none}
input,select{border-color:#E2D5C6;border-radius:10px}input:focus,select:focus{outline:2px solid #E9CF98;border-color:var(--dourado)}

/* indicadores */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}
.kpi{background:#fff;border:1px solid #EADFD3;border-radius:16px;padding:14px 16px;box-shadow:var(--sombra);border-left:4px solid #EADFD3}
.kpi span{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--suave)}
.kpi b{display:block;font-size:25px;font-weight:800;color:var(--texto);margin-top:4px;letter-spacing:-.5px}
.kpi small{display:block;font-size:12.5px;color:var(--suave);margin-top:2px}
.kpi.bom{border-left-color:#2E9E5B}.kpi.ruim{border-left-color:var(--vermelho)}.kpi.alerta{border-left-color:#E0A22B}
.kpi.destaque{background:linear-gradient(135deg,var(--bordo),#8C1D2C);border-color:var(--bordo);color:#fff}
.kpi.destaque span,.kpi.destaque small{color:rgba(255,255,255,.78)}.kpi.destaque b{color:#fff}
.kpi[data-ir-pedidos]{cursor:pointer}
.graf.barras{width:100%;height:auto}.graf .eixo{font-size:11px;fill:#8A7F75}.graf .base{stroke:#E2D5C6}
.alertas{list-style:none;margin:0}.alertas li{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;margin:6px 0;font-size:14.5px;cursor:pointer;background:#F7F3EC}
.alertas li span{color:var(--suave);font-weight:700}.alertas .ruim{background:#FDECEC}.alertas .alerta{background:#FFF4DE}.alertas .info{background:#EEF3FA}
.barra-h{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;gap:10px;align-items:center;font-size:13.5px;margin:7px 0}
.barra-h span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barra-h i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--bordo),#C2414F);min-width:3px}
.mini-ped{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;font-size:13.5px;padding:8px 0;border-bottom:1px solid #F0E7DC;cursor:pointer}
.mini-ped span:nth-child(2){color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* pedidos */
#ped-busca,#cli-busca{margin:4px 0 6px}
.chips button em{font-style:normal;background:#F1E8DD;color:var(--bordo);font-size:11.5px;border-radius:20px;padding:0 7px;margin-left:4px}
.chips .ativo em{background:rgba(255,255,255,.22);color:#fff}
.pedido{padding:14px 16px}.pedido.atrasado{border-left:4px solid var(--vermelho)}
.ped-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ped-topo input{width:20px;height:20px;margin:0;accent-color:var(--bordo)}
.ped-topo b{font-size:15px}.ped-topo .st{margin-left:auto;font-size:12.5px;font-weight:700;background:#F7F3EC;border-radius:20px;padding:3px 10px}
.st-UNPAID{color:#8A6216}.st-CANCELLED,.st-IN_CANCEL{color:var(--vermelho)}.st-COMPLETED{color:#2E7D4F}
.ped-corpo{display:flex;justify-content:space-between;gap:12px;margin-top:6px}.ped-corpo .cli{font-weight:600;font-size:14.5px;margin:2px 0}
.ped-corpo ul{margin:4px 0 0 18px;font-size:14px}.ped-val{text-align:right;white-space:nowrap}.ped-val b{font-size:18px}.ped-val small{display:block;color:var(--suave);font-size:12px}
.ped-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;border-top:1px solid #F0E7DC;padding-top:10px}.ped-acoes .btn{margin:0;padding:8px 12px;font-size:14px}
.barra-sel{position:sticky;top:64px;z-index:6;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--bordo-esc);color:#fff;border-radius:14px;padding:10px 14px;margin:8px 0;box-shadow:0 6px 18px rgba(63,10,18,.25)}
.barra-sel .btn{margin:0;padding:8px 12px;font-size:14px}.barra-sel .btn:not(.sec){background:var(--dourado)}.barra-sel .link{color:#E9CF98}
.barra-sel[hidden]{display:none}
.vazio{text-align:center;padding:40px 10px;font-size:40px;color:#B9AA9A}.vazio p{font-size:15px;color:var(--suave)}
.painel-lateral{position:fixed;inset:0;background:rgba(30,10,14,.45);z-index:40;display:flex;justify-content:flex-end}
.painel-lateral[hidden]{display:none}.painel-lateral .ficha-caixa{max-width:560px;height:100%;overflow-y:auto;border-radius:0;padding:22px}
.total-venda{font-size:18px;text-align:right;margin:10px 0 0}
#ficha{z-index:40}.ficha-topo{display:flex;gap:14px;align-items:center}.ficha-topo img{width:84px;height:84px;object-fit:contain;border-radius:12px;background:#F7F3EC}

/* clientes, compras, financeiro, relatórios */
.tab-cli td small{display:block;color:var(--suave);font-size:12.5px;margin-top:2px}.tab-cli a{color:var(--bordo);font-weight:600}
.tag.t-shopee{background:#FFE9E2;color:#D9431E}.tag.t-manual{background:#F3EAD8;color:#8A6216}
.tab-mp .mini{width:90px;padding:6px 8px;margin:0;font-size:14px}.tab-mp tr.baixo td:first-child{color:var(--vermelho);font-weight:700}
.lanc{display:grid;grid-template-columns:72px 1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #F0E7DC;font-size:14px}
.lanc small{display:block;color:var(--suave);font-size:12px}.lanc.vencido span:first-child{color:var(--vermelho);font-weight:700}.lanc.aberto{opacity:.75}
.lanc .link{padding:0 4px}
.dre td:last-child{text-align:right;font-weight:700}.dre .tot td{border-top:2px solid var(--texto);font-size:16px}
.pct{display:flex;align-items:center;gap:6px}.pct i{display:block;height:8px;border-radius:4px;background:var(--dourado);min-width:2px;max-width:120px}.pct span{font-size:12px;color:var(--suave)}
table th{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}
.sku{border-color:#EADFD3;box-shadow:var(--sombra);border-radius:14px}
.toast{z-index:60}

@media (min-width:901px){
  .topo{position:sticky;margin-left:var(--lado)}.menu-btn{display:none}
  #app>section,#app>.caixa{margin-left:var(--lado)}
}
@media (max-width:900px){
  .abas{transform:translateX(-102%);transition:transform .22s ease;box-shadow:4px 0 24px rgba(0,0,0,.25)}
  body.menu-aberto .abas{transform:none}
  .barra-baixo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid #EADFD3;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.05)}
  .barra-baixo button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:700;color:var(--suave);padding:6px 0;cursor:pointer}
  .barra-baixo i{font-style:normal;font-size:20px}.barra-baixo .ativo{color:var(--bordo)}
  .caixa{padding:14px 14px 96px}.dupla{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}.kpi b{font-size:20px}
  .barra-sel{top:62px}.ped-corpo{flex-direction:column}.ped-val{text-align:left}
  .lanc{grid-template-columns:62px 1fr auto}.lanc .link{grid-column:3}
  .painel-lateral .ficha-caixa{max-width:none}
}
.kpi small em{font-style:normal;font-weight:700}
[hidden]{display:none!important}
@media (max-width:600px){.sh-status{font-size:0!important;padding:6px}.topo span:not(.sh-status){display:none}}