:root{--vermelho: #C80000;--vermelho-escuro: #9A0000;--azul: #0000C8;--azul-noite: #00006E;--azul-vivo: #2929FF;--amarelo: #F2EE0C;--asfalto: #111318;--fumo: #F5F6F8;--branco: #FFFFFF;--superficie: #FFFFFF;--texto: #23262B;--texto-2: #33383F;--muted: #555B63;--faint: #8A9099;--linha: #E7E9EE;--display: "Chakra Petch", sans-serif;--corpo: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--marca-corpo: "Chakra Petch", "Outfit", sans-serif;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-pill: 999px;--shadow-card: 0 6px 20px rgba(0, 0, 0, .06);--shadow-header: 0 2px 12px rgba(0, 0, 0, .08);--grad-hero: linear-gradient(135deg, var(--azul-noite) 0%, var(--azul) 70%, var(--azul-vivo) 100%);--grad-cta-vermelho: linear-gradient(120deg, var(--vermelho) 0%, var(--vermelho-escuro) 100%)}:root[data-theme=dark]{--asfalto: #0E1014;--fumo: #171A20;--branco: #14161B;--superficie: #1E222A;--texto: #ECEEF1;--texto-2: #C6CBD2;--muted: #A6ACB5;--faint: #7C828C;--linha: #FFFFFF}:root{--ciano: var(--azul-vivo);--ciano-hover: var(--azul);--petroleo: var(--azul-noite);--petroleo-hover: #000052;--azul-texto: var(--azul-vivo);--sb-thumb: #c2c7d0;--sb-track: transparent;--cta: var(--vermelho);--cta-hover: var(--vermelho-escuro);--coluna: var(--fumo);--fundo: var(--fumo);--sombra: var(--shadow-card);--radius: var(--radius-sm);--verde: #16a34a;--linha-forte: color-mix(in srgb, var(--linha) 60%, var(--muted))}:root[data-theme=dark]{--petroleo: #a5b4ff;--petroleo-hover: #c3ccff;--azul-texto: #a5b4ff;--sb-thumb: #3a414d;--sb-track: #14161b}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sb-track)}::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:6px;border:2px solid var(--sb-track)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-corner{background:var(--sb-track)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--corpo);color:var(--texto);background:var(--fundo);font-size:14px}a{color:var(--petroleo);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:14px;cursor:pointer}h1,h2,h3,.brand{font-family:var(--display);font-style:italic;text-transform:uppercase;letter-spacing:.3px}.btn{border:1px solid var(--linha);background:var(--superficie);color:var(--texto);padding:7px 14px;border-radius:6px;font-weight:600}.btn:hover{background:var(--fumo)}.btn.ciano{background:var(--ciano);border-color:var(--ciano);color:#fff}.btn.ciano:hover{background:var(--ciano-hover)}.btn.primary{background:var(--cta);border-color:var(--cta);color:#fff}.btn.primary:hover{background:var(--cta-hover)}.btn.danger{color:var(--vermelho);border-color:color-mix(in srgb,var(--vermelho) 35%,var(--linha))}.btn.danger:hover{background:color-mix(in srgb,var(--vermelho) 10%,var(--superficie))}.btn.sm{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.55;cursor:default}.topbar{background:var(--superficie);border-bottom:1px solid var(--linha);display:flex;align-items:center;gap:16px;padding:0 18px;height:54px;position:sticky;top:0;z-index:20;box-shadow:var(--shadow-header)}.brand{font-weight:700;color:var(--petroleo);font-size:18px;letter-spacing:0}.brand span{color:var(--cta)}.nav{display:flex;gap:4px;font-family:var(--marca-corpo)}.hamburger{display:none;border:1px solid var(--linha);background:var(--superficie);color:var(--texto);border-radius:8px;width:34px;height:34px;font-size:18px;line-height:1;align-items:center;justify-content:center;padding:0}.hamburger:hover{background:var(--coluna)}.nav a{padding:7px 12px;border-radius:6px;color:var(--muted);font-weight:600}.nav a:hover{background:var(--coluna);text-decoration:none}.nav a.on{color:var(--azul-texto);background:color-mix(in srgb,var(--azul-vivo) 12%,transparent)}.topbar .spacer{flex:1}.tema-toggle{border:1px solid var(--linha);background:var(--superficie);color:var(--texto);border-radius:8px;width:34px;height:34px;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}.tema-toggle:hover{background:var(--coluna)}.userbox{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.user-menu{position:absolute;top:28px;right:0;background:var(--superficie);border:1px solid var(--linha);border-radius:8px;box-shadow:var(--sombra);display:flex;flex-direction:column;min-width:150px;z-index:30;overflow:hidden}.user-menu button{border:none;background:none;text-align:left;padding:9px 14px;font-size:13px;color:var(--texto)}.user-menu button:hover{background:var(--coluna)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{background:var(--superficie);border-radius:12px;padding:24px;width:100%;max-width:380px;box-shadow:var(--sombra);border:1px solid var(--linha)}.modal-card h3{margin:0 0 16px;color:var(--petroleo)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.filtros-btn{display:none;align-items:center;gap:7px;margin:10px 12px 0;border:1px solid var(--linha);background:var(--superficie);color:var(--texto);border-radius:8px;padding:9px 14px;font-weight:600}.filtros-btn:hover{background:var(--coluna)}.filtros-dot{width:8px;height:8px;border-radius:50%;background:var(--cta);display:inline-block}.filtros,.filtros select,.filtros input,.filtros-btn{font-family:var(--marca-corpo)}.filtros{background:var(--superficie);border-bottom:1px solid var(--linha);display:flex;align-items:center;gap:10px;padding:10px 18px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linha);background:var(--superficie);padding:6px 11px;border-radius:16px;color:var(--texto);font-size:13px}.chip select,.chip input{border:none;background:transparent;font-size:13px;color:var(--texto);outline:none;font-family:inherit}.chip select option{color:initial}.chip.label{color:var(--muted)}.busca{flex:1;min-width:160px;max-width:320px}.busca input{width:100%}.board{display:flex;gap:12px;padding:16px 18px;overflow-x:auto;align-items:flex-start;height:calc(100vh - 111px)}.col{background:var(--coluna);border-radius:var(--radius);min-width:264px;width:264px;flex-shrink:0;display:flex;flex-direction:column;max-height:100%;border:1px solid var(--linha-forte)}.col.dragover{outline:2px dashed var(--ciano);outline-offset:-2px}.col-head{padding:10px 12px;border-bottom:1px solid var(--linha-forte)}.col-head .nome{font-weight:700;font-size:13px}.col-head .meta{color:var(--muted);font-size:12px;margin-top:2px}.col-body{padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.card{background:var(--superficie);border-radius:7px;box-shadow:var(--sombra);padding:7px 9px;cursor:pointer;border:1px solid var(--linha-forte);height:112px;flex-shrink:0;display:flex;flex-direction:column;gap:3px;overflow:hidden}.card:hover{border-color:var(--ciano)}.card .c-row{display:flex;align-items:center;gap:6px;min-height:17px}.card .c-heat{min-height:14px}.card .titulo{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:var(--texto)}.card .valor{color:var(--cta);font-weight:700;font-size:12px;white-space:nowrap}.card .kid{color:var(--texto-2);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .ph{color:var(--faint);font-size:12px}.card .c-badges{display:flex;gap:4px;margin-left:auto}.card .mes-chip{background:color-mix(in srgb,var(--azul-vivo) 14%,transparent);color:var(--azul-texto);padding:1px 9px;border-radius:10px;font-size:11px;font-weight:700;text-transform:capitalize}.card .c-tel{font-size:12.5px}.card .c-tel a{color:var(--petroleo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tel-copy{border:1px solid var(--linha);background:var(--superficie);color:var(--texto);border-radius:4px;padding:0 6px;font-size:12px;line-height:1.5}.tel-copy:hover{background:var(--coluna)}.stars{color:#f59e0b;font-size:12px;letter-spacing:1px}.badge{font-size:11px;padding:2px 7px;border-radius:10px;font-weight:700}.badge.wa,.badge.estado-vendida{background:color-mix(in srgb,var(--verde) 22%,transparent);color:var(--verde)}.badge.estado-perdida{background:color-mix(in srgb,var(--vermelho) 18%,transparent);color:var(--vermelho)}.badge.cliente{background:color-mix(in srgb,var(--amarelo) 30%,transparent);color:color-mix(in srgb,var(--amarelo) 40%,var(--texto))}.badge.atrasada{background:color-mix(in srgb,var(--vermelho) 18%,transparent);color:var(--vermelho)}.card-acao{font-size:10.5px;font-weight:700;line-height:1.4;padding:1px 7px;border-radius:10px;cursor:pointer;background:transparent;opacity:.75;transition:opacity .12s}.card-acao:hover{opacity:1}.card-acao.venda{color:var(--verde);border:1px solid color-mix(in srgb,var(--verde) 40%,var(--linha))}.card-acao.venda:hover{background:color-mix(in srgb,var(--verde) 12%,var(--superficie))}.card-acao.perda{color:var(--vermelho);border:1px solid color-mix(in srgb,var(--vermelho) 35%,var(--linha))}.card-acao.perda:hover{background:color-mix(in srgb,var(--vermelho) 10%,var(--superficie))}.celebra{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden}.celebra-msg{position:absolute;top:22%;left:50%;transform:translate(-50%);background:var(--superficie);color:var(--texto);border:1px solid var(--linha);padding:14px 26px;border-radius:14px;font-size:20px;font-weight:800;box-shadow:0 10px 40px #00000040;white-space:nowrap;animation:celebra-pop .4s ease-out both}.confete{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation-name:confete-cai;animation-timing-function:linear;animation-fill-mode:both}@keyframes confete-cai{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}@keyframes celebra-pop{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.confete{display:none}.celebra-msg{animation:none}}.heat{display:inline-flex;align-items:center;gap:7px}.heat-track{position:relative;width:68px;height:6px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--muted) 30%,transparent);flex-shrink:0}.heat-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--azul-vivo) 0%,var(--amarelo) 55%,var(--vermelho) 100%);background-size:68px 100%}.heat-label{font-size:11.5px;color:var(--muted);font-weight:600;white-space:nowrap}@property --fire-ang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.heat-fire .heat-track{overflow:visible;animation:heat-glow 2s ease-in-out infinite}.heat-fire .heat-label{color:var(--vermelho);font-weight:700}.heat-fire .heat-track:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:6px;padding:2px;pointer-events:none;background:conic-gradient(from var(--fire-ang),transparent 0deg,transparent 285deg,#FF8A00 320deg,#FF3B00 345deg,#C80000 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fire-chase 2s linear infinite}@keyframes heat-glow{0%,to{box-shadow:0 0 3px #c8000073}50%{box-shadow:0 0 9px 2px #ff7800d9}}@keyframes fire-chase{to{--fire-ang: 360deg}}@media(prefers-reduced-motion:reduce){.heat-fire .heat-track{animation:none;box-shadow:0 0 6px 1px #c8000099}.heat-fire .heat-track:after{display:none}}.filtros-extra{border-top:none;padding-top:0}.temp-chips{display:inline-flex;gap:4px;flex-wrap:wrap}.chip.temp{cursor:pointer;font-size:12px;padding:4px 9px}.chip.temp.on{background:var(--ciano);border-color:var(--ciano);color:#fff}.email-list{display:flex;flex-direction:column;gap:6px}.email-item{border:1px solid var(--linha);border-radius:7px;overflow:hidden}.email-head{display:flex;align-items:center;gap:8px;padding:9px 11px;cursor:pointer;flex-wrap:wrap}.email-head:hover{background:var(--coluna)}.email-assunto{font-weight:600;font-size:13px;flex:1;min-width:120px}.email-data{font-size:12px}.email-badges{display:flex;gap:4px}.email-badge.ok{background:color-mix(in srgb,var(--azul-vivo) 16%,transparent);color:var(--azul-texto)}.email-badge.info{background:color-mix(in srgb,var(--verde) 20%,transparent);color:var(--verde)}.email-badge.warm{background:color-mix(in srgb,var(--amarelo) 30%,transparent);color:color-mix(in srgb,var(--amarelo) 45%,var(--texto))}.email-badge.bad{background:color-mix(in srgb,var(--vermelho) 16%,transparent);color:var(--vermelho)}.email-corpo{width:100%;height:340px;border:none;border-top:1px solid var(--linha);background:#fff}table.tab.compras{margin-top:4px}.disparo-nutricao{border:1px solid var(--linha);border-radius:7px;padding:11px;margin-bottom:12px}.disparo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.disparo-head .quick-btns{margin-bottom:0}.disparo-itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.disparo-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid var(--linha);border-radius:6px}.disparo-passo{font-size:11px;color:var(--muted);white-space:nowrap}.disparo-info{flex:1;display:flex;flex-direction:column;min-width:0}.disparo-info .muted{font-size:12px}.disparo-item button{white-space:nowrap}.erro-inline{color:var(--vermelho);font-size:13px;margin:4px 0}@media(max-width:768px){.so-desktop{display:none!important}}.login-wrap{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.login-card{background:var(--superficie);padding:32px 30px;border-radius:12px;box-shadow:var(--sombra);width:100%;max-width:360px;border:1px solid var(--linha)}.login-card h1{margin:0 0 4px;color:var(--petroleo);font-size:24px}.login-card p{margin:0 0 22px;color:var(--muted)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.field input{width:100%;padding:10px 12px;border:1px solid var(--linha);border-radius:6px;font-size:14px;font-family:inherit;background:var(--superficie);color:var(--texto)}.field input:focus{outline:none;border-color:var(--ciano)}.erro{color:var(--vermelho);font-size:13px;margin:8px 0}.deal-page{padding:0 0 40px}.stagebar{display:flex;overflow-x:auto;background:var(--superficie);border-bottom:1px solid var(--linha);padding:12px 18px;gap:3px}.stagebar .step{position:relative;padding:8px 20px 8px 24px;background:var(--coluna);color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap;border:none;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}.stagebar .step:first-child{padding-left:16px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.stagebar .step.on{background:var(--ciano);color:#fff}.stagebar .step.done{background:color-mix(in srgb,var(--azul-vivo) 30%,var(--coluna));color:var(--petroleo)}.deal-grid{display:grid;grid-template-columns:340px 1fr;gap:18px;padding:18px}.panel{background:var(--superficie);border-radius:var(--radius);box-shadow:var(--sombra);padding:16px;border:1px solid var(--linha)}.panel h3{margin:0 0 12px;font-size:14px;color:var(--petroleo)}.panel h3.mt{margin-top:22px}.kv{margin-bottom:12px}.kv label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.kv .val{font-size:14px}.kv input,.kv select,.kv textarea{width:100%;padding:7px 9px;border:1px solid var(--linha);border-radius:6px;font-size:13px;font-family:inherit;background:var(--superficie);color:var(--texto)}.quick-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.quick-btns button{border:1px solid var(--linha);background:var(--superficie);color:var(--texto);border-radius:6px;padding:5px 11px;font-size:13px}.quick-btns button.on{background:var(--ciano);border-color:var(--ciano);color:#fff}.contato-line{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--linha);margin-bottom:14px}.tabs button{border:none;background:none;padding:9px 15px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--petroleo);border-bottom-color:var(--ciano)}.deal-actions{display:flex;gap:8px;padding:12px 18px 4px;flex-wrap:wrap;align-items:center}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:10px 0 10px 16px;border-left:2px solid var(--linha);position:relative}.timeline li:before{content:"";position:absolute;left:-5px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--ciano)}.timeline .quando{color:var(--muted);font-size:12px}.timeline .corpo{margin-top:2px}.task-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--linha)}.task-row.feito .task-titulo{text-decoration:line-through;color:var(--muted)}.task-titulo{flex:1}.page{padding:18px}.page h2{margin:0 0 16px;color:var(--petroleo)}table.tab{width:100%;border-collapse:collapse;background:var(--superficie);border-radius:var(--radius);overflow:hidden;box-shadow:var(--sombra)}table.tab th,table.tab td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--linha);font-size:13.5px}table.tab th{background:var(--coluna);color:var(--muted);font-weight:700;font-size:12.5px}table.tab tr:last-child td{border-bottom:none}table.tab tbody tr:hover{background:var(--coluna);cursor:pointer}.tag{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--azul-vivo) 12%,transparent);color:var(--azul-texto);padding:3px 9px;border-radius:12px;font-size:12px;margin:2px}.tag button{border:none;background:none;color:var(--muted);cursor:pointer;padding:0;line-height:1}.pager{display:flex;gap:10px;align-items:center;margin-top:14px}.muted{color:var(--muted)}.cards-cfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.loading{padding:40px;text-align:center;color:var(--muted)}.mob-stage{display:none}.correntes-grid{display:grid;gap:14px}.corrente-titulo{font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:15px;color:var(--petroleo);margin:0 0 10px}.passo-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.passo-item{border:1px solid var(--linha);border-radius:var(--radius);padding:10px 12px}.passo-cab{display:flex;align-items:center;gap:10px}.passo-num{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ciano);color:#fff;font-weight:700;font-size:12px}.passo-info{display:flex;flex-direction:column;min-width:0}.passo-info strong{font-size:13.5px}.passo-info .muted{font-size:12px}.metr-linha{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.passo-item .metr-linha{padding-left:36px}.metr{font-size:12.5px;color:var(--texto-2)}.metr b{font-size:14px;color:var(--texto)}.barra{height:10px;border-radius:6px;background:var(--coluna);overflow:hidden;border:1px solid var(--linha)}.barra-fill{height:100%;background:linear-gradient(90deg,var(--azul),var(--azul-vivo));transition:width .3s}@media(max-width:768px){.topbar{gap:10px;padding:0 12px}.nav a{padding:7px 9px}.board{flex-direction:column;height:auto;overflow-x:visible;padding:12px}.col{width:100%;min-width:0;max-height:none}.col.hide-mob{display:none}.mob-stage{display:block;padding:10px 12px;background:var(--superficie);border-bottom:1px solid var(--linha)}.mob-stage select{width:100%;padding:9px;border:1px solid var(--linha);border-radius:6px;font-size:14px;background:var(--superficie);color:var(--texto)}.deal-grid{grid-template-columns:1fr}.filtros{padding:8px 12px}.busca{max-width:none}.filtros-btn{display:inline-flex}.filtros:not(.aberto){display:none}.hamburger{display:inline-flex}.nav{display:none;position:absolute;top:54px;left:0;right:0;z-index:19;flex-direction:column;gap:2px;padding:6px;background:var(--superficie);border-bottom:1px solid var(--linha);box-shadow:var(--sombra)}.nav.open{display:flex}.nav a{padding:12px;border-radius:6px}.card{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;height:auto;align-items:center}.card .c-title{grid-column:1 / -1}.card .c-row{min-width:0}.card .kid,.card .mes-chip{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.tab{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.stagebar .step{min-height:40px;padding-top:11px;padding-bottom:11px}.tabs button{min-height:40px}.quick-btns button{min-height:40px;padding-top:9px;padding-bottom:9px}.chip{min-height:40px}.tel-copy{min-width:40px;min-height:40px}.task-row input[type=checkbox],.kv input[type=checkbox]{width:20px;height:20px}.heat-fire .heat-track{animation:none;box-shadow:0 0 6px 1px #c8000099}.heat-fire .heat-track:after{display:none}}
