:root{--bg:#faf7f4;--card:#fff;--sub:#f3eee8;--bd:#e7dfd6;--text:#2b2420;--muted:#8a7d72;--accent:#9a5b3c;--accent-soft:#f4e6dc;--red:#c0392b;--red-soft:#fbe7e4;--green:#2f855a;--green-soft:#e3f4ea}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}h1{font-size:20px;margin:0}h2{font-size:14px;margin:0}h3{font-size:14px;margin:6px 0 0}
.wrap{max-width:1400px;margin:0 auto;padding:0 16px}.main{padding-top:24px;padding-bottom:40px}
.top{background:var(--card);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:10}.topin{display:flex;align-items:center;gap:24px;height:56px}
.brand{font-weight:700;color:var(--accent)}.brand small{color:var(--muted);font-weight:400;font-size:11px}
nav{display:flex;gap:4px}nav a{padding:6px 12px;border-radius:99px;font-weight:500;color:var(--muted)}nav a.on{background:var(--accent-soft);color:var(--accent)}
.topr{margin-left:auto;display:flex;align-items:center;gap:12px}.topr form{margin:0}
.muted{color:var(--muted)}.xs{font-size:11px}.sm{font-size:12px}.green{color:var(--green)}.red{color:var(--red)}.acc{color:var(--accent)}.nw{white-space:nowrap}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px}.pad{padding:18px}.subtle{background:var(--sub)}.scroll{overflow-x:auto}
.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.input{width:100%;border:1px solid var(--bd);background:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-size:14px;outline:none}.input:focus{border-color:var(--accent)}.input.auto{width:auto}.sm-in{width:112px;padding:4px 8px;font-size:12px}
.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;display:inline-block}.btn:hover{filter:brightness(1.08)}
.btn-ghost{border:1px solid var(--bd);border-radius:10px;padding:8px 14px;background:#fff;cursor:pointer;font:inherit;display:inline-block}.btn-ghost:hover{background:var(--sub)}
.full{width:100%}.label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}
.linkbtn{background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px;padding:0}.x{background:none;border:0;color:var(--red);cursor:pointer;font-size:13px}.lnk:hover{color:var(--accent)}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row form,form.row{margin:0}.stack{display:flex;flex-direction:column;gap:12px}.stack>form{margin:0}
.alert{padding:10px 14px;border-radius:10px;margin-bottom:14px}.alert.ok{background:var(--green-soft);color:var(--green)}.alert.err{background:var(--red-soft);color:var(--red)}
.center{min-height:80vh;display:grid;place-items:center}.brandbig{color:var(--accent)}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.metric{padding:14px}.metric p{margin:0}.mv{font-size:20px;font-weight:700;margin-top:4px!important}.mv.green{color:var(--green)}.mv.red{color:var(--red)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cols2{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fgrid3{display:grid;grid-template-columns:2fr 1fr;gap:12px}.fgrid3 .span2{grid-column:auto}.span2{grid-column:span 2}.spanall{grid-column:1/-1}
.fgrid6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.fgrid7{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:12px;align-items:end}
.filters{margin-bottom:16px}.frow{display:flex;align-items:flex-end;gap:12px;margin-top:12px;flex-wrap:wrap}.frow-r{margin-left:auto;display:flex;gap:8px}
.pills{display:flex;gap:6px}.pill input{position:absolute;opacity:0}.pill span{display:inline-block;padding:6px 12px;border-radius:99px;border:1px solid var(--bd);color:var(--muted);cursor:pointer}.pill input:checked+span{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}
.sec{overflow:hidden;margin-bottom:0}.sech{padding:12px 16px;border-bottom:1px solid var(--bd);display:flex;justify-content:space-between}.grid2 .sec,.stack .sec{margin:0}section.sec+section.sec{margin-top:16px}
.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:12px;color:var(--muted);padding:9px 14px;border-bottom:1px solid var(--bd)}.tbl td{padding:10px 14px;border-bottom:1px solid var(--bd)}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--sub)}
.empty{padding:30px;text-align:center;color:var(--muted)}
.tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:99px;background:var(--sub);color:var(--muted);border:0;font-weight:500}.tag.hot{background:var(--red-soft);color:var(--red)}.tag.acc{background:var(--accent-soft);color:var(--accent)}.tag.okc{background:var(--green-soft);color:var(--green)}.tag.big{font-size:13px;padding:6px 12px;font-weight:600}button.tag{cursor:pointer}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.board{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;margin-bottom:22px}
.kcol{flex:0 0 280px;background:var(--sub);border:1px solid var(--bd);border-radius:14px}.kcol.over{background:var(--accent-soft);border-color:var(--accent)}
.kh{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--bd)}.kh .kvalue{margin-left:auto}
.klist{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:120px}.klist:empty::after{content:"Arraste leads para cá";color:var(--muted);font-size:11px;text-align:center;padding:30px 0}
.kcard{background:#fff;border:1px solid var(--bd);border-radius:10px;padding:12px;cursor:grab}.kcard:hover{border-color:var(--accent)}.kcard.dragging{opacity:.4}
.kname{display:block;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kname:hover{color:var(--accent)}.kmeta{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.kcard p{margin:2px 0 0}
.bar{display:flex;align-items:center;gap:12px;padding:6px 0}.bl{width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt{flex:1;height:10px;background:var(--sub);border-radius:99px;overflow:hidden}.bt div{height:100%;border-radius:99px}.br{min-width:110px;text-align:right;white-space:nowrap}
.vrow{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--bd);flex-wrap:wrap}.vrow form{margin:0}
.check{width:20px;height:20px;border:1px solid var(--bd);border-radius:5px;background:#fff;cursor:pointer;font-size:12px;color:#fff;padding:0}.check.on{background:var(--green);border-color:var(--green)}
.qform{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 16px;background:var(--sub);border-top:1px solid var(--bd);margin:0}
.tl{max-height:480px;overflow-y:auto}.tli{padding:10px 16px;border-bottom:1px solid var(--bd)}.tli p{margin:4px 0}.tli form{margin:0}
.pad.stack{padding:16px}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid2,.cols2{grid-template-columns:1fr}.fgrid6,.fgrid7{grid-template-columns:1fr 1fr}.qform{grid-template-columns:1fr 1fr}.hide-sm{display:none}.topin{gap:10px}nav a{padding:6px 8px}}