/* Prolar Leads — mesma identidade do site (tema Galeria): branco, grafite quente, latão; Playfair Display + Manrope */
:root{
  --fundo:#F3F5F8; --cartao:#FFFFFF; --cartao-2:#F8FAFC;
  --texto:#111827; --texto-2:#4B5563; --texto-3:#6B7280;
  --linha:#E5E7EB; --linha-2:#D1D5DB;
  --grafite:#111111; --grafite-2:#333333; --sobre-grafite:#111827; --sobre-grafite-2:#4B5563;
  --latao:#111111; --latao-cl:#111111; --latao-esc:#111111; --latao-fundo:#EFEFEF;
  --meta:#1877F2; --meta-fundo:#E7F0FE; --google:#188038; --google-fundo:#E6F4EA; --outros:#6B7280; --outros-fundo:#F1F3F5;
  --facebook:#1877F2; --facebook-fundo:#E7F0FE; --instagram:#C13584; --instagram-fundo:#FBE7F3;
  --quente:#DC2626; --quente-fundo:#FEE2E2; --morno:#B45309; --morno-fundo:#FEF3C7; --frio:#0369A1; --frio-fundo:#E0F2FE;
  --ok:#1A7A43; --ok-fundo:#E3F3E9; --erro:#A63A28; --erro-fundo:#FBE9E5; --aviso:#8A5A00; --aviso-fundo:#FDF1D8;
  --f-titulo:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif; --f-texto:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --r-s:8px; --r-m:12px; --r-l:18px;
  --sombra:0 1px 2px rgba(22,19,15,.05),0 10px 28px -16px rgba(22,19,15,.22);
  --sombra-alta:0 2px 6px rgba(22,19,15,.08),0 30px 60px -20px rgba(22,19,15,.35);
  --ease:cubic-bezier(.22,.8,.24,1);
  --lateral:248px; --base-nav:68px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --fundo:#0D0D0D; --cartao:#1A1A1A; --cartao-2:#222222;
  --texto:#F2F2F2; --texto-2:#C7C7C7; --texto-3:#9E9E9E;
  --linha:#2C2C2C; --linha-2:#3D3D3D;
  --grafite:#F3F4F6; --grafite-2:#D1D5DB; --sobre-pri:#111; --sobre-grafite:#F3F4F6; --sobre-grafite-2:#C9CFD8;
  --latao:#F3F4F6; --latao-cl:#F3F4F6; --latao-esc:#F3F4F6; --latao-fundo:#262626;
  --meta:#5B9BF7; --meta-fundo:#16243A; --google:#5BC27A; --google-fundo:#15291D; --outros:#A3A3A3; --outros-fundo:#262626;
  --facebook:#5B9BF7; --facebook-fundo:#16243A; --instagram:#E879B9; --instagram-fundo:#33182A;
  --quente:#F87171; --quente-fundo:#3A1717; --morno:#FBBF24; --morno-fundo:#33280F; --frio:#38BDF8; --frio-fundo:#0F2A3A;
  --ok:#6CC79B; --ok-fundo:#16291F; --erro:#F08F7C; --erro-fundo:#341B16; --aviso:#E8BC63; --aviso-fundo:#30260F;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 10px 28px -16px rgba(0,0,0,.6); --sombra-alta:0 30px 60px -20px rgba(0,0,0,.7);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --fundo:#0D0D0D; --cartao:#1A1A1A; --cartao-2:#222222;
  --texto:#F2F2F2; --texto-2:#C7C7C7; --texto-3:#9E9E9E;
  --linha:#2C2C2C; --linha-2:#3D3D3D;
  --grafite:#F3F4F6; --grafite-2:#D1D5DB; --sobre-pri:#111; --sobre-grafite:#F3F4F6; --sobre-grafite-2:#C9CFD8;
  --latao:#F3F4F6; --latao-cl:#F3F4F6; --latao-esc:#F3F4F6; --latao-fundo:#262626;
  --meta:#5B9BF7; --meta-fundo:#16243A; --google:#5BC27A; --google-fundo:#15291D; --outros:#A3A3A3; --outros-fundo:#262626;
  --facebook:#5B9BF7; --facebook-fundo:#16243A; --instagram:#E879B9; --instagram-fundo:#33182A;
  --quente:#F87171; --quente-fundo:#3A1717; --morno:#FBBF24; --morno-fundo:#33280F; --frio:#38BDF8; --frio-fundo:#0F2A3A;
  --ok:#6CC79B; --ok-fundo:#16291F; --erro:#F08F7C; --erro-fundo:#341B16; --aviso:#E8BC63; --aviso-fundo:#30260F;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 10px 28px -16px rgba(0,0,0,.6); --sombra-alta:0 30px 60px -20px rgba(0,0,0,.7);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 16px/1.55 var(--f-texto);-webkit-font-smoothing:antialiased;min-height:100dvh}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation}
a{color:var(--latao-esc)}
:focus-visible{outline:2.5px solid var(--latao);outline-offset:2px;border-radius:6px}
h1,h2,h3{font-family:var(--f-titulo);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;overflow-wrap:break-word}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:20px;height:20px;flex:none}

/* ---------- estrutura ---------- */
.casca{min-height:100dvh}
.lateral{display:none}
.topo{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--cartao);color:var(--texto);border-bottom:1px solid var(--linha)}
.topo .marca img{height:30px;width:auto;display:block}
.topo .acoes{margin-left:auto;display:flex;gap:4px}
.icone-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:inherit}
.icone-btn:hover{background:rgba(127,110,90,.14)}
.conteudo{padding:20px 16px calc(var(--base-nav) + 28px + env(safe-area-inset-bottom));max-width:1240px;margin:0 auto}
.base-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(var(--base-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--cartao);border-top:1px solid var(--linha)}
.base-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--base-nav);text-decoration:none;color:var(--texto-3);font-size:12px;font-weight:600}
.base-nav a[aria-current="page"]{color:var(--texto)}
.base-nav a[aria-current="page"] .ico{color:var(--latao-esc)}
.base-nav .novo-btn{position:relative}
.base-nav .novo-btn span.disco{display:grid;place-items:center;width:52px;height:52px;margin-top:-22px;border-radius:16px;background:var(--grafite);color:var(--sobre-pri,#fff);box-shadow:var(--sombra-alta)}
:root[data-theme="dark"] .base-nav .novo-btn span.disco{background:var(--latao);color:#111}

@media (min-width:1024px){
  .casca{display:grid;grid-template-columns:var(--lateral) 1fr}
  .topo,.base-nav{display:none}
  .lateral{display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;padding:26px 16px 18px;background:var(--cartao);color:var(--texto);border-right:1px solid var(--linha)}
  .lateral .marca{padding:0 10px 26px}
  .lateral .marca img{height:44px;width:auto;display:block}
  .lateral nav{display:flex;flex-direction:column;gap:2px}
  .lateral nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--sobre-grafite-2);font-weight:600;font-size:15px}
  .lateral nav a:hover{background:var(--fundo);color:var(--texto)}
  .lateral nav a[aria-current="page"]{background:var(--latao-fundo);color:var(--latao-esc)}
  .lateral nav a[aria-current="page"] .ico{color:var(--latao-esc)}
  .lateral .btn-novo{margin:4px 0 18px;width:100%;justify-content:center}
  .lateral .pe{margin-top:auto;padding:14px 12px 0;border-top:1px solid var(--linha);font-size:14px;color:var(--sobre-grafite-2)}
  .lateral .pe strong{display:block;color:var(--sobre-grafite);font-weight:700}
  .lateral .pe .linha-pe{display:flex;align-items:center;gap:6px}
  .lateral .pe .icone-btn{width:40px;height:40px;margin-left:auto}
  .conteudo{padding:32px clamp(24px,3vw,44px) 56px;width:100%}
}

/* ---------- cabeçalho de página ---------- */
.cab{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:20px}
.cab h1{font-size:clamp(28px,4.4vw,40px)}
.cab .sub{margin:4px 0 0;color:var(--texto-2);font-size:15px}
.cab .dir{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.voltar{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:-8px 0 4px -8px;padding:0 8px;border:0;background:none;color:var(--texto-2);font-weight:600;text-decoration:none}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .18s var(--ease),transform .12s var(--ease),border-color .18s}
.btn:active{transform:scale(.97)}
.btn-pri{background:var(--grafite);color:var(--sobre-pri,#fff)}
.btn-pri:hover{background:var(--grafite-2)}
:root[data-theme="dark"] .btn-pri{background:var(--latao);color:#111}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-pri{background:var(--latao);color:#111}}
.btn-latao{background:var(--latao);color:#fff}
.btn-latao:hover{background:var(--latao-esc)}
.btn-sec{background:var(--cartao);border-color:var(--linha-2);color:var(--texto)}
.btn-sec:hover{border-color:var(--texto-3)}
.btn-ok{background:var(--ok);color:#fff}
.btn-perigo{background:transparent;color:var(--erro);border-color:color-mix(in srgb,var(--erro) 35%,transparent)}
.btn-link{background:none;border:0;color:var(--latao-esc);font-weight:700;padding:0 6px;min-height:44px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.carregando{position:relative;color:transparent!important}
.btn.carregando::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;border-right-color:transparent;animation:gira .7s linear infinite}
.btn-sec.carregando::after{border-color:var(--texto);border-right-color:transparent}
@keyframes gira{to{transform:rotate(360deg)}}

/* ---------- cartões ---------- */
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r-l);padding:20px;box-shadow:var(--sombra)}
.cartao h2{font-size:21px}
.cartao .cab-cartao{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.cartao .cab-cartao p{margin:0;color:var(--texto-2);font-size:14px}
.cartao .cab-cartao .dir{margin-left:auto}
.grade{display:grid;gap:16px}
@media (min-width:900px){.grade-2{grid-template-columns:1fr 1fr}.grade-3-2{grid-template-columns:3fr 2fr}}

/* ---------- período ---------- */
.periodo{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px}
.periodo::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--linha-2);background:var(--cartao);color:var(--texto-2);font-weight:600;font-size:14px;white-space:nowrap}
.chip[aria-pressed="true"]{background:var(--grafite);border-color:var(--grafite);color:var(--sobre-pri,#fff)}
:root[data-theme="dark"] .chip[aria-pressed="true"]{background:var(--latao);border-color:var(--latao);color:#111}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip[aria-pressed="true"]{background:var(--latao);border-color:var(--latao);color:#111}}
.chip .ico{width:16px;height:16px}
.datas-livres{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.datas-livres input{min-height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--linha-2);background:var(--cartao)}

/* ---------- placar Facebook × Google (peça de abertura) ---------- */
.placar{display:grid;gap:16px;margin:18px 0}
@media (min-width:900px){.placar{grid-template-columns:repeat(3,1fr)}}
.lado{position:relative;overflow:hidden;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r-l);padding:20px 20px 18px;box-shadow:var(--sombra)}
.lado::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--cor)}
.lado.meta{--cor:var(--meta);--cor-fundo:var(--meta-fundo)}
.lado.google{--cor:var(--google);--cor-fundo:var(--google-fundo)}
.lado .quem{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.lado .quem .selo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--cor-fundo);color:var(--cor)}
.lado .grande{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.lado .grande strong{font-family:var(--f-titulo);font-size:clamp(44px,6vw,58px);line-height:1;font-weight:800;font-variant-numeric:lining-nums tabular-nums}
.lado .grande span{color:var(--texto-2);font-weight:600}
.variacao{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--outros-fundo);color:var(--texto-2)}
.variacao.sobe{background:var(--ok-fundo);color:var(--ok)}
.variacao.desce{background:var(--erro-fundo);color:var(--erro)}
.lado dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--linha)}
@media (min-width:480px) and (max-width:899px){.lado dl{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lado dt{font-size:13px;color:var(--texto-3);font-weight:600}
.lado dd{margin:2px 0 0;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.parte{height:10px;border-radius:999px;background:var(--outros-fundo);overflow:hidden;display:flex;margin-top:10px}
.parte i{display:block;height:100%}

/* ---------- números gerais ---------- */
.numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
@media (min-width:760px){.numeros{grid-template-columns:repeat(5,minmax(0,1fr))}}
.numero{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r-m);padding:14px 16px}
.numero span{display:block;font-size:13px;color:var(--texto-3);font-weight:600}
.numero strong{display:block;margin-top:2px;font-size:clamp(20px,2.6vw,26px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}
.numero small{display:block;color:var(--texto-3);font-size:12.5px;margin-top:2px}

/* ---------- funil em réguas ---------- */
.reguas{display:flex;flex-direction:column;gap:10px}
.regua{display:grid;grid-template-columns:minmax(110px,150px) 1fr;align-items:center;gap:12px}
.regua .rotulo{font-size:14px;font-weight:700;color:var(--texto)}
.regua .rotulo small{display:block;font-weight:600;color:var(--texto-3);font-size:12.5px}
.regua .trilho{position:relative;height:38px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--cartao-2) 0 60px,var(--fundo) 60px 61px)}
.regua .tabua{position:absolute;inset:0 auto 0 0;min-width:44px;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;color:#fff;font-weight:800;font-variant-numeric:tabular-nums;
  background:
    repeating-linear-gradient(176deg,rgba(255,255,255,.07) 0 2px,transparent 2px 7px),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.08)),
    var(--madeira);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);transform-origin:left;animation:assenta .6s var(--ease) both}
.regua:nth-child(1) .tabua{--madeira:#C9A56A;color:#2a1d0c}
.regua:nth-child(2) .tabua{--madeira:#B08A52;animation-delay:.06s;color:#21160a}
.regua:nth-child(3) .tabua{--madeira:#8E6B3C;animation-delay:.12s}
.regua:nth-child(4) .tabua{--madeira:#6E5230;animation-delay:.18s}
.regua:nth-child(5) .tabua{--madeira:#1A7A43;animation-delay:.24s}
@keyframes assenta{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.reguas .passo{font-size:12.5px;color:var(--texto-3);font-weight:600;padding-left:calc(min(150px,30%) + 12px)}
.alternar{display:inline-flex;padding:3px;border-radius:12px;background:var(--fundo);border:1px solid var(--linha)}
.alternar button{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:none;font-weight:700;font-size:13.5px;color:var(--texto-2)}
.alternar button[aria-pressed="true"]{background:var(--cartao);color:var(--texto);box-shadow:var(--sombra)}

/* ---------- gráfico de barras por dia ---------- */
.grafico{position:relative}
.grafico svg{display:block;width:100%;height:auto;overflow:visible}
.grafico .eixo{fill:var(--texto-3);font-size:11px;font-family:var(--f-texto)}
.grafico .grade-l{stroke:var(--linha);stroke-width:1}
.grafico rect.b{cursor:pointer}
.legenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:13.5px;color:var(--texto-2);font-weight:600}
.legenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.dica{position:absolute;pointer-events:none;z-index:5;padding:8px 10px;border-radius:10px;background:var(--grafite);color:#fff;font-size:13px;line-height:1.4;white-space:nowrap;box-shadow:var(--sombra-alta)}

/* ---------- barras horizontais (motivos, campanhas) ---------- */
.barras{display:flex;flex-direction:column;gap:12px}
.barra .topo-b{display:flex;gap:10px;font-size:14px;font-weight:600}
.barra .topo-b span:first-child{min-width:0;overflow-wrap:anywhere}
.barra .topo-b .num{margin-left:auto;color:var(--texto-2)}
.barra .faixa{height:8px;border-radius:999px;background:var(--fundo);margin-top:6px;overflow:hidden;display:flex}
.barra .faixa i{display:block;height:100%}

/* ---------- etiquetas ---------- */
.etq{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;background:var(--outros-fundo);color:var(--texto-2)}
.etq .ico{width:14px;height:14px}
.etq.o-meta{background:var(--meta-fundo);color:var(--meta)}
.etq.o-google{background:var(--google-fundo);color:var(--google)}
.etq.e-novo{background:var(--latao-fundo);color:var(--latao-esc)}
.etq.e-contato{background:var(--meta-fundo);color:var(--meta)}
.etq.e-visita{background:var(--aviso-fundo);color:var(--aviso)}
.etq.e-orcamento{background:#EFE7F7;color:#6A3F96}
:root[data-theme="dark"] .etq.e-orcamento{background:#2A2135;color:#C9A8EC}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .etq.e-orcamento{background:#2A2135;color:#C9A8EC}}
.etq.e-fechado{background:var(--ok-fundo);color:var(--ok)}
.etq.e-perdido{background:var(--erro-fundo);color:var(--erro)}
.ponto{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}

/* ---------- atenção ---------- */
.atencao{display:flex;flex-direction:column}
.atencao a{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--linha);text-decoration:none;color:inherit;min-height:56px}
.atencao a:first-child{border-top:0}
.atencao a:hover{background:var(--cartao-2)}
.atencao .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;flex:none}
.atencao .ic.sem_contato{background:var(--erro-fundo);color:var(--erro)}
.atencao .ic.parado{background:var(--aviso-fundo);color:var(--aviso)}
.atencao strong{display:block;font-size:15px}
.atencao small{color:var(--texto-2);font-size:13px}

/* ---------- lista de leads ---------- */
.filtros{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.busca{position:relative}
.busca .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--texto-3)}
.busca input{width:100%;min-height:48px;padding:0 14px 0 44px;border-radius:12px;border:1px solid var(--linha-2);background:var(--cartao);font-size:16px}
.filtros .linha-f{display:flex;gap:8px;flex-wrap:wrap}
.filtros select{min-height:42px;padding:0 34px 0 12px;border-radius:10px;border:1px solid var(--linha-2);background:var(--cartao) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%236E665E' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;font-weight:600;font-size:14px;max-width:100%}
.contagem{color:var(--texto-2);font-size:14px;margin:0 0 10px;font-weight:600}
.leads{display:flex;flex-direction:column;gap:10px}
.lead-item{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:14px 16px;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r-m);text-decoration:none;color:inherit;transition:border-color .18s}
.lead-item:hover{border-color:var(--linha-2)}
.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-weight:800;font-size:15px;background:var(--cor-fundo,var(--outros-fundo));color:var(--cor,var(--texto-2));grid-row:span 2}
.avatar.meta{--cor:var(--meta);--cor-fundo:var(--meta-fundo)}
.avatar.google{--cor:var(--google);--cor-fundo:var(--google-fundo)}
.lead-item .nome{font-weight:800;font-size:16px;min-width:0;overflow-wrap:anywhere}
.lead-item .meta-l{grid-column:2;color:var(--texto-2);font-size:13.5px;display:flex;flex-wrap:wrap;gap:4px 10px}
.lead-item .dir-l{grid-row:span 2;display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.lead-item .dir-l small{color:var(--texto-3);font-size:12.5px;font-weight:600}
.tabela-leads{display:none}
@media (min-width:1024px){
  .leads.em-tabela{display:none}
  .tabela-leads{display:block;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r-l);overflow:hidden}
  .tabela-leads table{width:100%;border-collapse:collapse;font-size:14.5px}
  .tabela-leads th{text-align:left;font-size:13px;color:var(--texto-3);font-weight:700;padding:12px 14px;background:var(--cartao-2);border-bottom:1px solid var(--linha)}
  .tabela-leads td{padding:12px 14px;border-bottom:1px solid var(--linha);vertical-align:middle}
  .tabela-leads tr:last-child td{border-bottom:0}
  .tabela-leads tbody tr{cursor:pointer}
  .tabela-leads tbody tr:hover{background:var(--cartao-2)}
  .tabela-leads .nome-t{font-weight:800}
  .tabela-leads .nome-t small{display:block;font-weight:600;color:var(--texto-3)}
}
.vazio{text-align:center;padding:44px 20px;color:var(--texto-2)}
.vazio h3{font-size:22px;color:var(--texto);margin-bottom:6px}
.vazio p{margin:0 auto 16px;max-width:42ch}

/* ---------- funil (quadro por etapa) ---------- */
.quadro{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.coluna{scroll-snap-align:start;background:var(--cartao-2);border:1px solid var(--linha);border-radius:var(--r-l);padding:12px;min-height:260px;display:flex;flex-direction:column;gap:8px;transition:background .15s,border-color .15s}
.coluna.alvo{background:var(--latao-fundo);border-color:var(--latao)}
.coluna header{display:flex;align-items:center;gap:8px;padding:2px 4px 6px}
.coluna header strong{font-size:15px}
.coluna header .num{margin-left:auto;color:var(--texto-2);font-weight:700;font-size:14px}
.coluna header .soma{display:block;font-size:12.5px;color:var(--texto-3);font-weight:600}
.cartao-lead{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:12px;cursor:grab;touch-action:pan-y;user-select:none;transition:box-shadow .15s,transform .15s}
.cartao-lead:hover{box-shadow:var(--sombra)}
.cartao-lead.arrastando{opacity:.4}
.cartao-lead strong{display:block;font-size:15px;overflow-wrap:anywhere}
.cartao-lead .linha-c{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--texto-2)}
.fantasma{position:fixed;z-index:100;pointer-events:none;transform:rotate(2deg);box-shadow:var(--sombra-alta);cursor:grabbing}
.abas-etapa{display:none}
@media (max-width:759px){
  .quadro{display:block}
  .quadro .coluna{display:none;min-height:0}
  .quadro .coluna.ativa{display:flex}
  .abas-etapa{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
  .abas-etapa::-webkit-scrollbar{display:none}
  .cartao-lead{cursor:pointer}
}

/* ---------- ficha do lead ---------- */
.ficha{display:grid;gap:16px}
@media (min-width:1024px){.ficha{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}
.ficha-topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ficha-topo .avatar{width:56px;height:56px;font-size:20px;border-radius:16px}
.ficha-topo h1{font-size:clamp(26px,4vw,36px)}
.contatos{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.btn-wpp{background:#1A7A43;color:#fff}
.btn-wpp:hover{background:#156638}
.etapas-trilha{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:4px 0 12px}
.etapas-trilha span{height:8px;border-radius:999px;background:var(--fundo);border:1px solid var(--linha)}
.etapas-trilha span.feito{background:var(--latao);border-color:var(--latao)}
.etapas-trilha.ganho span.feito{background:var(--ok);border-color:var(--ok)}
.etapas-trilha.perdido span.feito{background:var(--texto-3);border-color:var(--texto-3)}
.botoes-etapa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:560px){.botoes-etapa{grid-template-columns:repeat(3,minmax(0,1fr))}}
.botoes-etapa button{min-height:48px;padding:6px 10px;border-radius:12px;border:1px solid var(--linha-2);background:var(--cartao);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}
.botoes-etapa button:hover{border-color:var(--texto-3)}
.botoes-etapa button[aria-current="step"]{background:var(--latao-fundo);border-color:var(--latao);color:var(--latao-esc)}
.botoes-etapa button.ganhar{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}
.botoes-etapa button.perder{border-color:color-mix(in srgb,var(--erro) 35%,transparent);color:var(--erro)}
.dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}
.dados div{min-width:0}
.dados dt{font-size:13px;color:var(--texto-3);font-weight:600}
.dados dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.dados .largo{grid-column:1/-1}
.linha-tempo{list-style:none;margin:0;padding:0;position:relative}
.linha-tempo::before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:2px;background:var(--linha)}
.linha-tempo li{position:relative;display:grid;grid-template-columns:36px 1fr;gap:12px;padding:8px 0}
.linha-tempo .marca-t{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cartao);border:2px solid var(--linha-2);color:var(--texto-2)}
.linha-tempo .marca-t .ico{width:16px;height:16px}
.linha-tempo .t-etapa .marca-t{border-color:var(--latao);color:var(--latao-esc)}
.linha-tempo .t-contato .marca-t{border-color:var(--meta);color:var(--meta)}
.linha-tempo .t-ganho .marca-t{border-color:var(--ok);background:var(--ok);color:#fff}
.linha-tempo strong{font-size:15px}
.linha-tempo p{margin:2px 0 0;color:var(--texto);font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.linha-tempo small{color:var(--texto-3);font-size:12.5px;font-weight:600}
.registrar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.registrar textarea{min-height:80px}
.registrar .linha-r{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- formulários ---------- */
.form{display:flex;flex-direction:column;gap:18px}
.grupo{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.grupo legend{font-family:var(--f-titulo);font-size:18px;font-weight:800;margin-bottom:10px;padding:0}
.campos{display:grid;gap:14px}
@media (min-width:640px){.campos-2{grid-template-columns:1fr 1fr}.campos-3{grid-template-columns:1fr 1fr 1fr}}
.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo label,.campo .rot{font-weight:700;font-size:14.5px}
.campo label .opc{font-weight:600;color:var(--texto-3);font-size:13px}
.campo input,.campo select,.campo textarea,.registrar textarea{width:100%;min-height:48px;padding:11px 14px;border-radius:12px;border:1px solid var(--linha-2);background:var(--cartao);font-size:16px;font-weight:500}
.campo textarea{min-height:96px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus,.registrar textarea:focus,.busca input:focus{outline:none;border-color:var(--latao);box-shadow:0 0 0 3px color-mix(in srgb,var(--latao) 25%,transparent)}
.campo .ajuda{font-size:13px;color:var(--texto-3)}
.campo .erro-campo{font-size:13.5px;color:var(--erro);font-weight:700}
.campo.invalido input,.campo.invalido select{border-color:var(--erro)}
.opcoes{display:flex;flex-wrap:wrap;gap:8px}
.opcao{position:relative}
.opcao input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opcao span{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--linha-2);background:var(--cartao);font-weight:700;font-size:14.5px;transition:background .15s,border-color .15s}
.opcao span .ico{width:18px;height:18px}
.opcao input:checked+span{background:var(--grafite);border-color:var(--grafite);color:var(--sobre-pri,#fff)}
:root[data-theme="dark"] .opcao input:checked+span{background:var(--latao);border-color:var(--latao);color:#111}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .opcao input:checked+span{background:var(--latao);border-color:var(--latao);color:#111}}
.opcao input:focus-visible+span{outline:2.5px solid var(--latao);outline-offset:2px}
.opcoes.grandes .opcao span{min-height:56px;padding:0 20px;font-size:15.5px}
.opcoes.grandes .opcao input[value="meta"]:checked+span{background:var(--meta);border-color:var(--meta);color:#fff}
.opcoes.grandes .opcao input[value="google"]:checked+span{background:var(--google);border-color:var(--google);color:#fff}
.form-acoes{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:calc(var(--base-nav) + env(safe-area-inset-bottom));padding:12px 0;background:linear-gradient(to top,var(--fundo) 70%,transparent);z-index:5}
@media (min-width:1024px){.form-acoes{bottom:0}}
.form-acoes .btn-pri{flex:1;justify-content:center;max-width:360px}
.senha-campo{position:relative}
.senha-campo input{padding-right:52px}
.senha-campo button{position:absolute;right:2px;top:2px;width:44px;height:44px;border:0;background:none;color:var(--texto-3);border-radius:10px;display:grid;place-items:center}
.caixa-check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600}
.caixa-check input{width:22px;height:22px;accent-color:var(--grafite)}

/* ---------- folha (modal) ---------- */
.veu{position:fixed;inset:0;z-index:60;background:rgba(15,12,10,.5);display:flex;align-items:flex-end;justify-content:center;animation:surge .2s var(--ease)}
.folha{width:100%;max-width:520px;max-height:92dvh;overflow:auto;background:var(--cartao);border-radius:22px 22px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--sombra-alta);animation:sobe .28s var(--ease)}
@media (min-width:640px){.veu{align-items:center}.folha{border-radius:22px}}
.folha .cab-folha{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.folha .cab-folha h2{font-size:22px}
.folha .cab-folha .icone-btn{margin-left:auto;margin-right:-8px}
.folha p.txt{margin:0 0 14px;color:var(--texto-2)}
.folha .acoes-f{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.folha .acoes-f .btn{flex:1;justify-content:center}
@keyframes surge{from{opacity:0}to{opacity:1}}
@keyframes sobe{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}

/* ---------- menu "mais" ---------- */
.menu-lista{display:flex;flex-direction:column;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r-l);overflow:hidden}
.menu-lista a,.menu-lista button{display:flex;align-items:center;gap:14px;min-height:60px;padding:0 18px;border:0;border-top:1px solid var(--linha);background:none;text-decoration:none;color:inherit;font-weight:700;text-align:left;width:100%}
.menu-lista>:first-child{border-top:0}
.menu-lista a:hover,.menu-lista button:hover{background:var(--cartao-2)}
.menu-lista small{display:block;font-weight:600;color:var(--texto-3);font-size:13px}
.menu-lista .ico{color:var(--latao-esc)}
.menu-lista .sair{color:var(--erro)}
.menu-lista .sair .ico{color:var(--erro)}

/* ---------- tabelas simples ---------- */
.tab{width:100%;border-collapse:collapse;font-size:14.5px}
.tab th{text-align:left;font-size:13px;color:var(--texto-3);font-weight:700;padding:8px 6px;border-bottom:1px solid var(--linha)}
.tab td{padding:10px 6px;border-bottom:1px solid var(--linha);vertical-align:middle}
.tab tr:last-child td{border-bottom:0}
.tab .d{text-align:right;font-variant-numeric:tabular-nums}
.rolagem-x{overflow-x:auto}

/* ---------- entrar ---------- */
.entrar{min-height:100dvh;display:grid}
@media (min-width:900px){.entrar{grid-template-columns:1.1fr 1fr}}
.entrar .arte{display:none;position:relative;overflow:hidden;background:#111111;color:#fff;padding:48px}
@media (min-width:900px){.entrar .arte{display:flex;flex-direction:column}}
.entrar .arte img.logo{height:56px;width:auto;align-self:flex-start;filter:brightness(0) invert(1)}
.entrar .arte h1{font-size:clamp(34px,3.6vw,52px);color:#fff;margin-top:auto;max-width:14ch}
.entrar .arte p{color:#C8C8C8;max-width:40ch;font-size:17px}
.entrar .arte .piso{position:absolute;inset:auto -10% -12% -10%;height:46%;transform:perspective(600px) rotateX(58deg);transform-origin:bottom;opacity:.5;
  background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(0,0,0,.35) 118px 120px),repeating-linear-gradient(0deg,#8E6B3C 0 26px,#7a5a31 26px 27px,#A27D47 27px 52px,#6E5230 52px 53px)}
.entrar .arte .texto-arte{position:relative;z-index:1;margin-bottom:auto;padding-top:8vh}
.entrar .lado-form{display:grid;place-items:center;padding:32px 20px}
.entrar form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}
.entrar .logo-movel{height:44px;width:auto;align-self:flex-start;margin-bottom:8px}
@media (min-width:900px){.entrar .logo-movel{display:none}}
.entrar h2{font-size:30px}
.entrar .sub{margin:-6px 0 6px;color:var(--texto-2)}
.msg-erro{padding:12px 14px;border-radius:12px;background:var(--erro-fundo);color:var(--erro);font-weight:700;font-size:14.5px}

/* ---------- toast e carregando ---------- */
.toast{position:fixed;left:50%;bottom:calc(var(--base-nav) + 18px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:12px 16px;border-radius:14px;background:var(--grafite);color:#fff;font-weight:600;box-shadow:var(--sombra-alta);animation:sobe .22s var(--ease)}
:root[data-theme="dark"] .toast{background:#F1ECE5;color:#fff}
.toast button{border:0;background:none;color:var(--latao-cl);font-weight:800;min-height:36px;padding:0 4px}
@media (min-width:1024px){.toast{bottom:24px;left:calc(50% + var(--lateral) / 2)}}
.esqueleto{border-radius:var(--r-l);background:linear-gradient(90deg,var(--cartao) 0,var(--cartao-2) 50%,var(--cartao) 100%);background-size:200% 100%;animation:brilho 1.2s linear infinite;border:1px solid var(--linha)}
@keyframes brilho{to{background-position:-200% 0}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- plataformas e temperatura ---------- */
.lado.facebook{--cor:var(--facebook);--cor-fundo:var(--facebook-fundo)}
.lado.instagram{--cor:var(--instagram);--cor-fundo:var(--instagram-fundo)}
.etq.o-facebook{background:var(--facebook-fundo);color:var(--facebook)}
.etq.o-instagram{background:var(--instagram-fundo);color:var(--instagram)}
.avatar.facebook{--cor:var(--facebook);--cor-fundo:var(--facebook-fundo)}
.avatar.instagram{--cor:var(--instagram);--cor-fundo:var(--instagram-fundo)}
.etq.temp-quente,.temps .temp-quente{background:var(--quente-fundo);color:var(--quente)}
.etq.temp-morno,.temps .temp-morno{background:var(--morno-fundo);color:var(--morno)}
.etq.temp-frio,.temps .temp-frio{background:var(--frio-fundo);color:var(--frio)}
.temps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.temps span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:13.5px;font-weight:600}
.temps .ico{width:16px;height:16px}
.temp-escolha{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.temp-escolha button{min-height:48px;border-radius:12px;border:1.5px solid var(--linha-2);background:var(--cartao);font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}
.temp-escolha button.temp-quente[aria-pressed="true"]{background:var(--quente);border-color:var(--quente);color:#fff}
.temp-escolha button.temp-morno[aria-pressed="true"]{background:var(--morno);border-color:var(--morno);color:#fff}
.temp-escolha button.temp-frio[aria-pressed="true"]{background:var(--frio);border-color:var(--frio);color:#fff}
.opcoes.grandes .opcao input[value="facebook"]:checked+span{background:var(--facebook);border-color:var(--facebook);color:#fff}
.opcoes.grandes .opcao input[value="instagram"]:checked+span{background:var(--instagram);border-color:var(--instagram);color:#fff}
.opcoes.grandes .opcao input[value="quente"]:checked+span{background:var(--quente);border-color:var(--quente);color:#fff}
.opcoes.grandes .opcao input[value="morno"]:checked+span{background:var(--morno);border-color:var(--morno);color:#fff}
.opcoes.grandes .opcao input[value="frio"]:checked+span{background:var(--frio);border-color:var(--frio);color:#fff}
.regua:nth-child(1) .tabua{--madeira:#D4D4D4;color:#111}
.regua:nth-child(2) .tabua{--madeira:#A3A3A3;color:#111}
.regua:nth-child(3) .tabua{--madeira:#6B6B6B}
.regua:nth-child(4) .tabua{--madeira:#2B2B2B}
.regua:nth-child(5) .tabua{--madeira:#16A34A}
.regua .tabua{background:var(--madeira)}
.base-nav .novo-btn span.disco .ico{color:inherit!important}

/* logo preto vira branco no tema escuro */
:root[data-theme="dark"] .marca img,:root[data-theme="dark"] .logo-movel{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .marca img,:root:not([data-theme="light"]) .logo-movel{filter:brightness(0) invert(1)}}

.faixa-mes{display:flex;height:6px;border-radius:999px;overflow:hidden;margin-top:6px;min-width:90px}
.faixa-mes i{display:block;height:100%}
.numero .etq{font-size:13px}
@media (min-width:760px){.numeros{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* agir agora */
.agir{margin-bottom:22px}
.agir h2{font-size:20px;margin-bottom:10px}
.agir-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:1000px){.agir-grade{grid-template-columns:repeat(4,minmax(0,1fr))}}
.agir-card{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px;background:var(--cartao);border:1px solid var(--linha);border-top:4px solid var(--c);border-radius:var(--r-m);text-decoration:none;color:inherit;box-shadow:var(--sombra);transition:transform .15s var(--ease)}
.agir-card:hover{transform:translateY(-2px)}
.agir-topo{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--c)}
.agir-topo .ico{width:18px;height:18px}
.agir-card strong{font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1.1;margin-top:4px}
.agir-card small{color:var(--texto-2);font-size:13px;line-height:1.35}
.agir-nomes{margin-top:8px;font-size:13px;font-weight:600;color:var(--texto);overflow-wrap:anywhere}
.numeros{grid-template-columns:repeat(2,minmax(0,1fr))}
.numeros .numero:first-child{grid-column:1/-1}
@media (min-width:760px){.numeros .numero:first-child{grid-column:auto}}

/* cadência */
.base-nav a.com-selo{position:relative}
.selo-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--erro);color:#fff;font-size:11.5px;font-weight:800;line-height:1}
.base-nav .selo-n{position:absolute;top:8px;left:calc(50% + 4px)}
.lateral .selo-n{margin-left:auto}
.faixa-cad{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:18px;border-radius:var(--r-m);background:var(--cartao);border:1px solid var(--linha);border-left:4px solid #1A7A43;text-decoration:none;color:inherit;box-shadow:var(--sombra)}
.faixa-cad>.ico{color:#1A7A43}
.faixa-cad .ir{margin-left:auto;font-weight:800}
.cad-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;max-width:720px}
.cad-titulo{font-size:19px;margin-bottom:10px}
.cad-lista{display:grid;gap:12px}
@media (min-width:1100px){.cad-lista{grid-template-columns:1fr 1fr}}
.cad-item{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--r-l);padding:16px;box-shadow:var(--sombra)}
.cad-topo{display:flex;align-items:flex-start;gap:10px}
.cad-nome{font-weight:800;font-size:17px;color:inherit;text-decoration:none;min-width:0;overflow-wrap:anywhere}
.cad-topo .etq{margin-left:auto;flex:none}
.cad-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;font-size:13.5px;color:var(--texto-2)}
.cad-meta .ico{width:15px;height:15px;vertical-align:-3px}
.cad-meta .atrasado{color:var(--erro);font-weight:700}
.cad-o-que{margin:10px 0 0;font-size:14.5px;color:var(--texto-2)}
.cad-o-que strong{color:var(--texto)}
.cad-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cad-acoes .btn{flex:1 1 auto;justify-content:center;min-width:130px}
@media (min-width:1024px){.so-celular{display:none!important}}

@media (min-width:760px){.numeros{grid-template-columns:repeat(4,minmax(0,1fr))}.numeros .numero:first-child{grid-column:auto}}
a.numero.clicavel{text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
a.numero.clicavel:hover{border-color:var(--texto-3);transform:translateY(-1px)}
.temps a{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:13.5px;font-weight:600;text-decoration:none}
.link-num{font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-width:28px;padding:6px 0}
@media (min-width:1000px){.agir-grade{grid-template-columns:repeat(5,minmax(0,1fr))}}
.agir-grade>:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:1000px){.agir-grade>:last-child:nth-child(odd){grid-column:auto}}
.agir-temps{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.agir-temps span{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:12.5px;font-weight:700}
.agir-temps .ico{width:13px;height:13px}
.abas-sit{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding:2px}
.abas-sit::-webkit-scrollbar{display:none}
.abas-sit .chip .num{opacity:.7;font-weight:800}
.chip-alerta{border-color:var(--erro);color:var(--erro)}

/* funil: todas as colunas cabem no computador; mover sem arrastar */
@media (min-width:1200px){.quadro{grid-auto-columns:minmax(200px,1fr)}}
.mover-para{margin-left:auto}
.mover-para select{min-height:36px;max-width:150px;padding:0 26px 0 10px;border-radius:9px;border:1px solid var(--linha-2);background:var(--cartao) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%236B7280' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;font-size:13px;font-weight:600;cursor:pointer}
.cartao-lead .linha-c{row-gap:8px}
.agir-valor{margin-top:6px;font-weight:800;font-size:14.5px;color:var(--texto)}
@media (min-width:1024px){.tabela-leads{overflow-x:auto}.tabela-leads table{min-width:1100px}.tabela-leads .obs-t{max-width:240px;color:var(--texto-2);font-size:13.5px}.tabela-leads .nome-t small{margin-top:4px}}

/* auditoria 12/10: texto de leitor de tela vazava do funil e a página rolava para o lado */
.cartao-lead,.mover-para,.coluna{position:relative}
.quadro{max-width:100%}
@media (min-width:1024px){.casca{grid-template-columns:var(--lateral) minmax(0,1fr)}}
/* alvos de toque */
.temps a{min-height:40px}
.cad-nome{display:inline-block;padding:9px 0}
.btn-link{display:inline-flex;align-items:center}

.linha-filtro-painel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.cad-tirar{float:right;min-height:32px!important;font-size:13.5px;color:var(--texto-3)!important;padding:0!important}