:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f0f2f8;--line:#e3e6ef;--txt:#161a2b;--mut:#6b7287;--brand:#4f46e5;--brand-2:#0ea5a4;--brand-soft:#eceafd;--on-brand:#fff;--ok:#138a5b;--ok-soft:#e4f6ee;--bad:#c9342f;--bad-soft:#fdeceb;--warn:#a15c07;--warn-soft:#fdf1dc;--bubble-in:#eef0f6;--bubble-out:#4f46e5;--shadow:0 1px 2px #1418320f, 0 4px 16px #1418320d;--r:14px;--side:248px;--tab:64px}@media (prefers-color-scheme:dark){:root{--bg:#0e1016;--surface:#171a23;--surface-2:#1e2230;--line:#2a2f40;--txt:#eceef6;--mut:#9aa2b8;--brand:#7c74ff;--brand-soft:#25234a;--on-brand:#0e1016;--ok:#3ecf8e;--ok-soft:#12302a;--bad:#ff6b66;--bad-soft:#3a1b1b;--warn:#f0b45a;--warn-soft:#3a2c12;--bubble-in:#232838;--bubble-out:#5b54e0;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--txt);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px}h2{margin:28px 0 10px;font-size:16px}p{margin:0 0 10px}.mut{color:var(--mut)}.erro{color:var(--bad)}.ok{color:var(--ok)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.shell{min-height:100dvh}.side{display:none}.content{max-width:1000px;padding:20px 16px calc(var(--tab) + 28px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:20;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.logo{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:9px;flex:none;width:30px;height:30px}.topbar strong{font-size:15px}.topbar .org{color:var(--mut);font-size:13px}.tabbar{z-index:30;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:var(--tab);color:var(--mut);align-content:center;justify-items:center;gap:2px;padding:8px 2px 7px;font-size:11px;text-decoration:none;display:grid}.tabbar a svg{width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--brand);font-weight:600}.pagehead{margin-bottom:18px}.pagehead p{color:var(--mut);margin:0}@media (min-width:900px){.shell{grid-template-columns:var(--side) 1fr;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100dvh;padding:18px 12px;display:flex;position:sticky;top:0}.side .marca{align-items:center;gap:10px;padding:4px 10px 16px;display:flex}.side .marca strong{line-height:1.1;display:block}.side .marca small{color:var(--mut)}.side nav{gap:2px;display:grid}.side a{color:var(--txt);border-radius:10px;align-items:center;gap:11px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.side a svg{width:19px;height:19px;color:var(--mut)}.side a:hover{background:var(--surface-2)}.side a[aria-current=page]{background:var(--brand-soft);color:var(--brand)}.side a[aria-current=page] svg{color:var(--brand)}.side .rodape{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding:10px;font-size:13px;display:grid}.topbar,.tabbar{display:none}.content{padding:32px 36px 48px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.card>h2:first-child{margin-top:0}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);color:var(--txt);padding:14px 16px;text-decoration:none;display:block}.stat:hover{border-color:var(--brand);text-decoration:none}.stat b{letter-spacing:-.02em;font-size:26px;line-height:1.15;display:block}.stat span{color:var(--mut);font-size:13px}.tabela{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 10px}th{color:var(--mut);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:0}form.col{gap:14px;max-width:480px;display:grid}label{color:var(--mut);gap:6px;font-size:13px;font-weight:500;display:grid}input,select,textarea{background:var(--surface);width:100%;color:var(--txt);border:1px solid var(--line);font:inherit;border-radius:10px;min-height:44px;padding:11px 12px;font-size:16px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--brand)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:0;border-color:#0000}button{background:var(--brand);color:var(--on-brand);min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 16px;font-weight:600}button:hover{filter:brightness(1.06)}button:disabled{opacity:.6;cursor:wait}button.sec{background:var(--surface);color:var(--txt);border:1px solid var(--line);font-weight:500}button.sec:hover{background:var(--surface-2);filter:none}button.perigo{background:var(--bad);color:#fff}.tag{background:var(--surface-2);color:var(--mut);border:0;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.tag.ativo{background:var(--ok-soft);color:var(--ok)}.tag.suspenso{background:var(--bad-soft);color:var(--bad)}.aviso{background:var(--warn-soft);color:var(--warn);border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:14px}.aviso.erro{background:var(--bad-soft);color:var(--bad)}.aviso.ok{background:var(--ok-soft);color:var(--ok)}.vazio{text-align:center;color:var(--mut);padding:28px 12px}code.link{word-break:break-all;background:var(--surface-2);border-radius:10px;padding:10px;font-size:13px;display:block}.chat{gap:8px;display:grid}.bolha{background:var(--bubble-in);border-radius:16px 16px 16px 5px;max-width:min(78%,520px);padding:9px 13px}.bolha.saida{background:var(--bubble-out);color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:16px;justify-self:end}.bolha .quem{opacity:.75;font-size:11px}.bolha .meta{opacity:.7;margin-top:2px;font-size:11px}.bolha .texto{white-space:pre-wrap;overflow-wrap:anywhere}.compor{bottom:calc(var(--tab) + env(safe-area-inset-bottom));background:var(--bg);gap:8px;padding-top:10px;display:grid;position:sticky}@media (min-width:900px){.compor{padding-bottom:12px;bottom:0}}.kanban{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:min(82vw,290px);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.coluna{scroll-snap-align:start;background:var(--surface-2);border-radius:var(--r);align-self:start;min-height:120px;padding:12px}.coluna header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.coluna header small{color:var(--mut);font-weight:500}.negocio{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin-bottom:8px;padding:11px 12px}.negocio .valor{font-weight:600}.negocio form{grid-template-columns:1fr auto;gap:6px;margin-top:8px;display:grid}.negocio select,.negocio button{min-height:38px;padding:6px 10px;font-size:14px}.centro{place-items:center;min-height:100dvh;padding:20px;display:grid}.centro .caixa{width:100%;max-width:400px}.centro .marca-grande{align-items:center;gap:12px;margin-bottom:22px;display:flex}.centro .logo{border-radius:13px;width:44px;height:44px}header.topo{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 20px;display:flex}header.topo strong{font-size:15px}main{max-width:1000px;margin:0 auto;padding:24px 16px 48px}.shell main,.centro main{max-width:none;margin:0;padding:0}.card:has(table){overflow-x:auto}.negocio .valor{color:var(--txt)}@keyframes sobe{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cresce{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes larga{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulso{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--bad) 35%, transparent)}50%{box-shadow:0 0 0 7px #0000}}@keyframes brilho{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.anima>*{animation:.45s both sobe}.anima>:nth-child(2){animation-delay:40ms}.anima>:nth-child(3){animation-delay:80ms}.anima>:nth-child(4){animation-delay:.12s}.anima>:nth-child(5){animation-delay:.16s}.anima>:nth-child(6){animation-delay:.2s}.pulsa{animation:2s infinite pulso}.linha-topo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.linha-topo h2{margin:0}.segmentos{background:var(--surface-2);border-radius:10px;padding:3px;display:inline-flex}.seg{color:var(--mut);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none!important}.seg.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}.stat{transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.stat:hover{transform:translateY(-2px)}.stat>span:first-child{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.stat .spark{width:100%;height:34px;margin-top:6px;display:block}.medidor{background:var(--surface-2);border-radius:99px;height:8px;margin-top:12px;overflow:hidden}.medidor div{background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:99px;height:100%;transition:width .6s}.grade2{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:900px){.grade2,.grade2+.grade2{grid-template-columns:1.6fr 1fr}}.grafico{width:100%;height:auto;margin-top:10px;display:block}.grafico .grade{stroke:var(--line);stroke-dasharray:3 4}.eixo{fill:var(--mut);font-size:11px}.barra{transform-box:fill-box;transform-origin:bottom;cursor:default;animation:.5s both cresce}.barra:hover rect:not([fill]){filter:brightness(1.15)}.c-cliente{fill:var(--brand-2);background:var(--brand-2)}.c-ia{fill:var(--brand);background:var(--brand)}.c-equipe{fill:#f59e0b;background:#f59e0b}circle.c-cliente,circle.c-ia,circle.c-equipe{fill:none;stroke:currentColor}circle.c-cliente{stroke:var(--brand-2)}circle.c-ia{stroke:var(--brand)}circle.c-equipe{stroke:#f59e0b}.rosca{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.rosca svg{flex:none;width:150px;height:150px}.rosca-fundo{stroke:var(--surface-2)}.rosca-num{fill:var(--txt);font-size:24px;font-weight:700}.legenda{gap:6px;margin:0;padding:0;list-style:none;display:grid}.legenda.inline{color:var(--mut);gap:14px;font-size:12px;display:flex}.legenda li,.legenda.inline span{align-items:center;gap:7px;display:flex}.ponto{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.funilb{gap:9px;margin-top:12px;display:grid}.funilb .linha{grid-template-columns:110px 1fr 90px;align-items:center;gap:10px;font-size:13px;display:grid}.funilb .nome{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.funilb .num{text-align:right}.funilb small{color:var(--mut);display:block}.trilho{background:var(--surface-2);border-radius:99px;height:14px;overflow:hidden}.preench{transform-origin:0;background:linear-gradient(90deg, var(--brand), #8b83ff);border-radius:99px;height:100%;animation:.7s both larga}.preench.ganha{background:linear-gradient(90deg, var(--ok), #5fd9a6)}.preench.perdida{background:linear-gradient(90deg, var(--bad), #ff9a96)}.mini{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.mini b{letter-spacing:-.02em;font-size:20px;display:block}.mini span{color:var(--mut);font-size:12px}@media (max-width:520px){.funilb .linha{grid-template-columns:80px 1fr 70px}.mini b{font-size:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.coluna{outline-offset:-2px;outline:2px dashed #0000;transition:background .15s,outline-color .15s}.coluna.alvo{background:var(--brand-soft);outline-color:var(--brand)}.coluna header .ponto{background:var(--brand);margin-right:7px}.coluna header .ponto.ganha{background:var(--ok)}.coluna header .ponto.perdida{background:var(--bad)}.negocio{cursor:grab;transition:transform .12s,box-shadow .12s,opacity .12s}.negocio:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1418321f}.negocio.arrastando{opacity:.4;cursor:grabbing}.negocio .titulo{margin-bottom:3px;font-weight:600}.negocio .valor{color:var(--brand);margin-top:6px;font-weight:700}.mini-av{vertical-align:middle;width:18px;height:18px;margin-right:6px;font-size:10px;display:inline-grid}.solta{text-align:center;color:var(--mut);border:2px dashed var(--line);border-radius:12px;padding:18px 8px;font-size:13px}.mover-touch{margin-top:8px;display:none}.mover-touch select{min-height:38px;padding:6px 10px;font-size:14px}@media (hover:none),(pointer:coarse){.mover-touch{display:block}.negocio{cursor:default}}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.abas{-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:4px;padding-bottom:8px;display:flex;overflow-x:auto}.aba{white-space:nowrap;background:var(--surface);border:1px solid var(--line);color:var(--txt);border-radius:99px;padding:7px 13px;font-size:13px;font-weight:600;text-decoration:none!important}.aba b{color:var(--mut);margin-left:4px}.aba.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.aba.on b{color:inherit;opacity:.85}.aba.alerta:not(.on){border-color:var(--bad);color:var(--bad)}.busca{margin:6px 0 12px}.busca input{max-width:420px}.lista{gap:8px;display:grid}.conversa{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--txt);align-items:center;gap:12px;padding:12px 14px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;text-decoration:none!important}.conversa:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translate(3px)}.conversa .corpo{flex:1;min-width:0;display:grid}.conversa .linha1{justify-content:space-between;gap:8px;display:flex}.conversa small{color:var(--mut)}.conversa .linha2{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.conversa .selos{flex:none}.esq{border-radius:var(--r);background:linear-gradient(90deg, var(--surface-2) 0, var(--surface) 50%, var(--surface-2) 100%);background-size:400px 100%;animation:1.2s linear infinite brilho}.avatar{background:var(--brand)}.negocio .mini-av{vertical-align:middle;width:18px;height:18px;margin-right:6px;font-size:10px;display:inline-grid}
