: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}