/* Painel de leads da CR: aquarela rosa + vidro líquido (tema escuro, o visual da marca) e versão clara. */
:root{
  --serif:'Baskervville',Georgia,serif; --sans:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --vinho:#3a0f1c; --rose:#be5453; --blush:#f6bbb9; --areia:#e3d4a9; --on-blush:#5a1424;
  --st-novo:#f6bbb9; --st-contatado:#e3d4a9; --st-agendada:#cfe3ff; --st-fechou:#b9e8c8; --st-sem_interesse:#dcd3d3; --st-ink:#3a1a1f;
  color-scheme:dark;
  /* escuro */
  --txt:#fff; --txt-2:rgba(255,255,255,.9); --txt-3:rgba(255,255,255,.76);
  --linha:rgba(255,255,255,.16); --hover:rgba(255,255,255,.1); --sel:rgba(246,187,185,.22);
  --vidro:linear-gradient(145deg,rgba(246,187,185,.30) 0%,rgba(190,84,83,.42) 55%,rgba(58,12,24,.55) 100%);
  --vidro-borda:rgba(255,255,255,.26);
  --vidro-brilho:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.06),inset 0 0 40px rgba(255,255,255,.05);
  --sombra:0 24px 60px rgba(30,0,10,.4);
  --campo-bg:rgba(255,255,255,.2); --campo-borda:rgba(255,255,255,.45); --campo-txt:#fff; --campo-ph:rgba(255,255,255,.72); --campo-foco-bg:rgba(255,255,255,.3); --campo-foco:rgba(246,187,185,.4);
  --btn:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(246,187,185,.26) 100%);
  --btn-h:linear-gradient(180deg,rgba(255,255,255,.46) 0%,rgba(246,187,185,.36) 100%);
  --btn-borda:rgba(255,255,255,.5); --btn-txt:#fff; --btn-sombra-txt:0 1px 2px rgba(90,20,40,.3);
  --btn-brilho:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.12),0 4px 14px rgba(120,30,50,.18);
  --prim:linear-gradient(180deg,#fff0ee,#f6bbb9); --prim-txt:#5a1424; --prim-sombra:inset 0 1px 0 #fff,0 8px 24px rgba(246,187,185,.4);
  --perigo-bg:rgba(120,20,40,.55); --perigo-borda:rgba(255,190,190,.7);
  --erro-bg:rgba(120,20,40,.5); --erro-txt:#fff;
  --gaveta:linear-gradient(160deg,rgba(150,60,70,.96),rgba(58,12,24,.98)); --fundo-escuro:rgba(30,0,10,.55);
  --opt-bg:#5a1a28; --opt-txt:#fff; --foco:rgba(255,255,255,.85);
  --body:radial-gradient(60% 55% at 12% 8%,rgba(246,187,185,.75),transparent 62%),radial-gradient(55% 50% at 92% 30%,rgba(210,96,110,.85),transparent 65%),radial-gradient(60% 55% at 20% 100%,rgba(227,212,169,.5),transparent 62%),radial-gradient(70% 60% at 85% 100%,rgba(166,69,68,.9),transparent 65%),#3a0f1c;
  --m1:rgba(246,187,185,.45); --m2:rgba(227,212,169,.34);
  --aviso-txt:#ffe3a8; --linha-forte:rgba(255,255,255,.3);
}
html[data-tema=light]{
  color-scheme:light;
  --txt:#3a2a2a; --txt-2:#5d4a4a; --txt-3:#7a6666;
  --linha:rgba(190,84,83,.16); --hover:rgba(190,84,83,.07); --sel:rgba(246,187,185,.4);
  --vidro:linear-gradient(145deg,rgba(255,255,255,.82) 0%,rgba(253,241,239,.74) 100%);
  --vidro-borda:rgba(190,84,83,.2);
  --vidro-brilho:inset 0 1px 0 #fff,inset 0 0 30px rgba(255,255,255,.4);
  --sombra:0 18px 50px rgba(150,50,60,.14);
  --campo-bg:rgba(255,255,255,.92); --campo-borda:rgba(190,84,83,.34); --campo-txt:#3a2a2a; --campo-ph:#a08a8a; --campo-foco-bg:#fff; --campo-foco:rgba(190,84,83,.22);
  --btn:linear-gradient(180deg,#fff,#fbeeec); --btn-h:linear-gradient(180deg,#fff,#f8dedb);
  --btn-borda:rgba(190,84,83,.38); --btn-txt:#8a2f3a; --btn-sombra-txt:none;
  --btn-brilho:inset 0 1px 0 #fff,0 3px 10px rgba(150,50,60,.1);
  --prim:linear-gradient(180deg,#d9706f,#be5453); --prim-txt:#fff; --prim-sombra:inset 0 1px 0 rgba(255,255,255,.4),0 8px 22px rgba(190,84,83,.3);
  --perigo-bg:#fde4e1; --perigo-borda:rgba(190,84,83,.55);
  --erro-bg:#fde4e1; --erro-txt:#8a1f2c;
  --gaveta:linear-gradient(160deg,#fffaf8,#fbeeec); --fundo-escuro:rgba(58,30,36,.35);
  --opt-bg:#fff; --opt-txt:#3a2a2a; --foco:#be5453;
  --body:radial-gradient(55% 50% at 10% 5%,rgba(246,187,185,.65),transparent 62%),radial-gradient(50% 45% at 95% 20%,rgba(227,212,169,.5),transparent 65%),radial-gradient(60% 50% at 80% 100%,rgba(246,187,185,.5),transparent 65%),#fbf5f0;
  --m1:rgba(246,187,185,.4); --m2:rgba(227,212,169,.4);
  --aviso-txt:#9a5a00; --linha-forte:rgba(190,84,83,.3);
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100dvh;font-family:var(--sans);color:var(--txt);-webkit-font-smoothing:antialiased;position:relative;background:var(--body);background-attachment:fixed}
html.tema-anim body,html.tema-anim .vidro{transition:background .4s,color .4s}
[hidden]{display:none!important}
.mancha{position:fixed;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0}
.m1{width:300px;height:300px;left:-90px;top:30%;background:var(--m1)}
.m2{width:260px;height:260px;right:-70px;bottom:6%;background:var(--m2)}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logo-escuro{display:none}
html[data-tema=light] .logo-claro{display:none}html[data-tema=light] .logo-escuro{display:block}

.vidro{position:relative;isolation:isolate;background:var(--vidro);border:1px solid var(--vidro-borda);box-shadow:var(--vidro-brilho),var(--sombra);-webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7)}
.vidro::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.2),transparent 55%),radial-gradient(90% 60% at 100% 100%,rgba(246,187,185,.16),transparent 60%)}
html[data-tema=light] .vidro::before{background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.8),transparent 55%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.vidro{background:linear-gradient(145deg,#8a3a44,#4a1523)}html[data-tema=light] .vidro{background:#fff}}

/* ---------- campos e botões ---------- */
input,select,textarea{-webkit-appearance:none;appearance:none;width:100%;border:1px solid var(--campo-borda);border-radius:14px;padding:0 14px;background:var(--campo-bg);color:var(--campo-txt);font:16px var(--sans);transition:border-color .2s,background .2s,box-shadow .2s;min-width:0}
input,select{height:48px}
textarea{padding:12px 14px;resize:vertical;line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--campo-ph)}
select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:15px;padding-right:34px}
select option{background:var(--opt-bg);color:var(--opt-txt)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--foco);background-color:var(--campo-foco-bg);box-shadow:0 0 0 4px var(--campo-foco)}
input[type=checkbox]{width:20px;height:20px;padding:0;border-radius:6px;display:inline-grid;place-content:center;cursor:pointer;flex:none}
input[type=checkbox]:checked{background:var(--prim);border-color:var(--rose)}
input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid var(--prim-txt);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
input[type=checkbox]:indeterminate{background:var(--prim)}
input[type=checkbox]:indeterminate::after{content:"";width:10px;height:2.5px;background:var(--prim-txt);border-radius:2px}
input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--campo-foco)}
.campo{display:block;margin-bottom:14px}
.campo>span:first-child{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--txt-2)}
.com-olho{position:relative;display:block}
.com-olho input{padding-right:46px}
.olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:var(--txt);border-radius:10px;cursor:pointer;display:grid;place-items:center}
.olho svg{width:18px;height:18px}.olho:hover,.olho:focus-visible{background:var(--hover);outline:none}
.aviso{display:block;margin-top:6px;font-size:12px;color:var(--aviso-txt)}.aviso.claro{color:var(--txt-3)}
.erro{font-size:13px;line-height:1.4;color:var(--erro-txt);background:var(--erro-bg);border-radius:8px;padding:8px 12px;margin:0 0 12px}
.erro.tremer{animation:tremer .4s}
@keyframes tremer{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

.btn{-webkit-appearance:none;appearance:none;width:100%;height:54px;border:0;border-radius:99px;cursor:pointer;font:600 16px var(--sans);color:var(--prim-txt);background:var(--prim);box-shadow:var(--prim-sombra);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);outline:none}
.btn[disabled]{filter:saturate(.6) brightness(.9);cursor:progress;transform:none}
.btn.carregando span::after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;border-radius:50%;border:2px solid rgba(90,20,36,.3);border-top-color:currentColor;animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.btn-peq{-webkit-appearance:none;appearance:none;height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--btn-borda);background:var(--btn);color:var(--btn-txt);font:500 14px var(--sans);cursor:pointer;box-shadow:var(--btn-brilho);text-shadow:var(--btn-sombra-txt);transition:transform .15s}
.btn-peq:hover,.btn-peq:focus-visible{background:var(--btn-h);outline:none;transform:translateY(-1px)}
.btn-peq.forte{background:var(--prim);color:var(--prim-txt);border-color:transparent;text-shadow:none;font-weight:600;box-shadow:var(--prim-sombra)}
.btn-peq.perigo{background:var(--perigo-bg);border-color:var(--perigo-borda);color:var(--erro-txt)}
.btn-peq[disabled]{opacity:.6;cursor:progress}
.icone{-webkit-appearance:none;appearance:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--btn-borda);background:var(--btn);color:var(--btn-txt);cursor:pointer;display:grid;place-items:center;box-shadow:var(--btn-brilho);flex:none}
.icone svg{width:19px;height:19px}.icone:hover,.icone:focus-visible{background:var(--btn-h);outline:none}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px}

/* seletor próprio (no lugar do select nativo) */
.sel-btn{-webkit-appearance:none;appearance:none;width:100%;height:42px;border:1px solid var(--campo-borda);border-radius:14px;padding:0 12px 0 14px;background:var(--campo-bg);color:var(--campo-txt);font:14px var(--sans);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left}
.sel-btn:hover,.sel-btn:focus-visible{border-color:var(--foco);outline:none}
.sel-btn.filtrado{border-color:var(--foco);box-shadow:inset 0 0 0 1px var(--foco)}
.sel-btn .sel-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-btn svg{width:15px;height:15px;flex:none;opacity:.8;transition:transform .2s}
.sel-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.flut{position:fixed;z-index:70;border-radius:16px;padding:6px;max-height:min(340px,60vh);overflow-y:auto;min-width:200px}
.flut-item{-webkit-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--txt);font:14px var(--sans);cursor:pointer;text-align:left}
.flut-item:hover,.flut-item:focus-visible{background:var(--hover);outline:none}
.flut-item.on{font-weight:600}
.flut-item .ck{margin-left:auto;width:16px;height:16px;flex:none}
.pt{width:10px;height:10px;border-radius:50%;flex:none}
.pt-novo{background:var(--st-novo)}.pt-contatado{background:var(--st-contatado)}.pt-agendada{background:var(--st-agendada)}.pt-fechou{background:var(--st-fechou)}.pt-sem_interesse{background:var(--st-sem_interesse)}

/* ---------- entrada ---------- */
.login{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.lg-caixa{width:100%;max-width:960px;border-radius:28px;display:grid;grid-template-columns:1fr;overflow:hidden}
.lg-marca{display:none}
.lg-form{padding:34px 26px 20px;position:relative}
.lg-tema{position:absolute;top:14px;right:14px}
.lg-card h1{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.15}
.lg-sub{font-size:14px;color:var(--txt-2);margin:8px 0 24px}
.nota{text-align:center;font-size:12px;color:var(--txt-3);margin-top:14px}
.credito{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--txt-3)}
.lg-form .credito{justify-content:center;margin-top:20px}
.cr-widz{display:inline-flex;align-items:center;gap:6px;font-style:italic}
.widz-mark{display:inline-flex;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-style:italic;font-size:15px;text-decoration:none;letter-spacing:.2px;margin-left:6px}
.cr-widz .widz-mark{margin-left:0}
.widz-mark .w{color:#C6FF00}.widz-mark .rest{color:#F5F5F3}
html[data-tema=light] .widz-mark .w{color:#8FB800}html[data-tema=light] .widz-mark .rest{color:#0B0B0C}
@media(min-width:860px){
  .lg-caixa{grid-template-columns:1.05fr .95fr;min-height:600px}
  .lg-marca{display:flex;flex-direction:column;justify-content:space-between;padding:34px 40px;background:rgba(58,12,24,.22);border-right:1px solid var(--linha)}
  html[data-tema=light] .lg-marca{background:rgba(246,187,185,.22)}
  .lg-logo{height:38px;width:auto;align-self:flex-start}
  .lg-meio{display:flex;gap:26px;align-items:center}
  .lg-foto{flex:0 0 40%;max-width:210px;aspect-ratio:3/4;border-radius:160px 160px 20px 20px;overflow:hidden;border:1px solid var(--vidro-borda)}
  .lg-foto img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
  .lg-meio h2{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15;margin-bottom:12px}
  .lg-meio p{font-size:14px;line-height:1.6;color:var(--txt-2)}
  .lg-form{padding:44px 44px 24px;display:flex;flex-direction:column;justify-content:center}
}

/* ---------- painel ---------- */
.app{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:16px clamp(16px,5vw,72px) 20px;box-sizing:content-box}
.topo{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:20px;position:sticky;top:12px;z-index:5}
.topo-logo{height:30px;width:auto}
.topo-titulo{font-family:var(--serif);font-size:22px;padding-left:14px;border-left:1px solid var(--linha-forte)}
.topo-dir{margin-left:auto;display:flex;gap:8px}
.miolo{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.saudacao h1{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1.15}
.saudacao p{margin-top:6px;font-size:15px;color:var(--txt-2)}
.alerta-parados{-webkit-appearance:none;appearance:none;text-align:left;width:100%;border-radius:16px;padding:12px 16px;border:1px solid rgba(255,200,120,.7);background:rgba(255,200,120,.22);color:var(--txt);font:500 14px var(--sans);cursor:pointer;display:flex;align-items:center;gap:10px}
.alerta-parados::before{content:"";width:10px;height:10px;border-radius:50%;background:#ffb347;flex:none;box-shadow:0 0 0 4px rgba(255,179,71,.3)}
.alerta-parados.grave{border-color:rgba(255,120,110,.8);background:rgba(255,120,110,.22)}.alerta-parados.grave::before{background:#ff6b5e;box-shadow:0 0 0 4px rgba(255,107,94,.3)}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:760px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{-webkit-appearance:none;appearance:none;text-align:left;color:var(--txt);font:inherit;cursor:pointer;border-radius:20px;padding:16px 18px;border:1px solid var(--vidro-borda);background:var(--vidro);box-shadow:var(--vidro-brilho);transition:transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.kpi:hover,.kpi:focus-visible{transform:translateY(-2px);outline:none}
.kpi.ativo{border-color:var(--foco);box-shadow:var(--vidro-brilho),0 0 0 3px var(--campo-foco)}
.kpi b{display:block;font-family:var(--serif);font-weight:400;font-size:38px;line-height:1}
.kpi span{display:block;margin-top:8px;font-size:13px;color:var(--txt-2)}

.filtros{border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;z-index:3}
.f-linha{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.busca{position:relative;flex:1 1 280px;display:block}
.busca svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.85;pointer-events:none}
.busca input{padding-left:42px}
.periodo-wrap{position:relative}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{-webkit-appearance:none;appearance:none;height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--btn-borda);background:var(--btn);color:var(--btn-txt);font:500 14px var(--sans);cursor:pointer;box-shadow:var(--btn-brilho);display:inline-flex;align-items:center;gap:8px}
.chip svg{width:16px;height:16px}
.chip[aria-pressed=true]{background:var(--prim);color:var(--prim-txt);border-color:transparent;font-weight:600;box-shadow:var(--prim-sombra)}
.mini{display:block;flex:1 1 150px;max-width:230px}.mini>span{display:block;font-size:12px;margin-bottom:4px;color:var(--txt-2)}
.limpar{background:none;border:0;color:var(--txt);font:13px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;height:42px}
.vista{display:inline-flex;border:1px solid var(--btn-borda);border-radius:99px;padding:3px;background:var(--btn);height:42px;align-self:flex-end}
.vista-b{-webkit-appearance:none;appearance:none;border:0;background:none;color:var(--btn-txt);font:500 14px var(--sans);padding:0 16px;border-radius:99px;cursor:pointer}
.vista-b[aria-pressed=true]{background:var(--prim);color:var(--prim-txt);font-weight:600}

/* calendário de período */
.cal{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(320px,calc(100vw - 32px));border-radius:20px;padding:14px;background:var(--gaveta)}
.cal-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cal-topo b{font-family:var(--serif);font-weight:400;font-size:19px;text-transform:capitalize}
.cal-nav{-webkit-appearance:none;appearance:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--btn-borda);background:var(--btn);color:var(--btn-txt);cursor:pointer;display:grid;place-items:center}
.cal-nav svg{width:16px;height:16px}
.cal-sem,.cal-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal-sem span{font-size:11px;text-align:center;color:var(--txt-3);padding:4px 0}
.cal-d{-webkit-appearance:none;appearance:none;height:38px;border:0;background:none;color:var(--txt);font:14px var(--sans);cursor:pointer;border-radius:10px;position:relative}
.cal-d:hover,.cal-d:focus-visible{background:var(--hover);outline:none}
.cal-d.fora{opacity:.35}.cal-d.hoje{font-weight:700;box-shadow:inset 0 0 0 1px var(--foco)}
.cal-d.no-meio{background:var(--sel);border-radius:0}
.cal-d.ini,.cal-d.fim{background:var(--prim);color:var(--prim-txt);font-weight:600}
.cal-d.ini{border-radius:10px 0 0 10px}.cal-d.fim{border-radius:0 10px 10px 0}.cal-d.ini.fim{border-radius:10px}
.cal-rod{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;color:var(--txt-2)}

.acoes-lote{border-radius:16px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:500}
.acoes-lote div{display:flex;gap:8px;flex-wrap:wrap}

.lista{border-radius:20px;overflow:hidden}
.lista-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--linha)}
.marca-todos{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;cursor:pointer}
.cab{display:none}
.linha{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"ck quem st" "ck info info";gap:6px 12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--linha);cursor:pointer;transition:background .15s}
.linha:last-child{border-bottom:0}
.linha:hover,.linha:focus-visible{background:var(--hover);outline:none}
.linha.sel{background:var(--sel)}
.linha .ck{grid-area:ck}.linha .quem{grid-area:quem}.linha .st{grid-area:st;justify-self:end}
.linha .quando,.linha .whats,.linha .perfil,.linha .cidade{display:none}
.linha .info{grid-area:info;font-size:13px;color:var(--txt-2);display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center}
.quem{display:flex;align-items:center;gap:12px;min-width:0}
.avatar{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:14px;color:var(--on-blush);background:linear-gradient(180deg,#fff0ee,var(--blush));box-shadow:0 0 0 2px var(--vidro-borda);overflow:hidden}
.avatar.grande{width:54px;height:54px;font-size:18px}
.quem b{display:block;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quem small{display:block;font-size:12px;color:var(--txt-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500;background:var(--hover);border:1px solid var(--linha-forte)}
.tag.aviso-tag,.tag.espera{background:rgba(255,200,120,.25);border-color:rgba(230,160,60,.6)}
.tag.espera.grave{background:rgba(255,120,110,.25);border-color:rgba(230,80,70,.6)}
.origem{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--txt-2)}
.origem i{width:8px;height:8px;border-radius:50%;background:#aaa;flex:none}
.origem[data-o=meta] i{background:#5b8dff}.origem[data-o=google] i{background:#f4b400}.origem[data-o=organico] i{background:#34c38f}.origem[data-o=direto] i{background:#b8a3a3}
.st-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 12px;border-radius:99px;border:0;font:600 12px var(--sans);color:var(--st-ink);cursor:pointer;white-space:nowrap}
.st-btn svg{width:12px;height:12px;opacity:.7}
.st-btn.st-novo{background:var(--st-novo)}.st-btn.st-contatado{background:var(--st-contatado)}.st-btn.st-agendada{background:var(--st-agendada)}.st-btn.st-fechou{background:var(--st-fechou)}.st-btn.st-sem_interesse{background:var(--st-sem_interesse)}
.st{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.vazio{padding:40px 20px;text-align:center;font-size:15px;color:var(--txt-2)}
@media(min-width:980px){
  .cab,.linha{display:grid;grid-template-columns:28px minmax(200px,1.5fr) 118px 150px minmax(170px,1.2fr) minmax(110px,.9fr) 160px;gap:12px;align-items:center;padding:12px 16px}
  .cab{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-3);border-bottom:1px solid var(--linha)}
  .linha{grid-template-areas:none}
  .linha .ck,.linha .quem,.linha .st{grid-area:auto}.linha .st{justify-self:start}
  .linha .quando,.linha .whats,.linha .perfil,.linha .cidade{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}
  .linha .info{display:none}
  .linha .perfil small,.linha .cidade small{display:block;font-size:12px;color:var(--txt-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.linha>*,.cab>*,.quem>div{min-width:0}

/* ---------- quadro ---------- */
.quadro{overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.colunas{display:flex;gap:12px;align-items:flex-start;min-width:min-content}
.col{flex:0 0 285px;border-radius:20px;padding:12px;scroll-snap-align:start;transition:box-shadow .15s,background .15s}
.col.alvo{box-shadow:0 0 0 3px var(--foco)}
.col-topo{display:flex;align-items:center;gap:8px;padding:2px 4px 10px;font-weight:600;font-size:14px}
.col-topo .n{margin-left:auto;font-size:12px;font-weight:600;background:var(--hover);border:1px solid var(--linha-forte);border-radius:99px;padding:2px 10px}
.col-lista{display:flex;flex-direction:column;gap:10px;min-height:60px}
.col-vazia{font-size:13px;color:var(--txt-3);text-align:center;padding:14px 6px;border:1px dashed var(--linha-forte);border-radius:14px}
.cartao{border-radius:16px;padding:12px;background:var(--campo-bg);border:1px solid var(--vidro-borda);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.cartao:hover,.cartao:focus-visible{border-color:var(--foco);outline:none}
.cartao.arrastando{opacity:.35}
.cartao b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cartao .c-sub{font-size:12px;color:var(--txt-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cartao .c-rod{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;color:var(--txt-2)}
.c-wa{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--prim);color:var(--prim-txt);flex:none}
.c-wa svg{width:15px;height:15px}
.fantasma{position:fixed;z-index:80;pointer-events:none;width:260px;opacity:.92;transform:rotate(2deg);box-shadow:0 18px 40px rgba(30,0,10,.45)}

/* ---------- rodapé e menu da conta ---------- */
.rodape{position:sticky;bottom:12px;z-index:6;max-width:1208px;margin:16px auto 0;border-radius:20px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rod-esq{position:relative}
.menu-conta{position:absolute;left:0;bottom:calc(100% + 12px);width:min(320px,calc(100vw - 48px));border-radius:20px;padding:14px;background:var(--gaveta)}
.mc-topo{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--linha);margin-bottom:8px}
.mc-av{position:relative;width:54px;height:54px;border:0;border-radius:50%;padding:0;background:none;cursor:pointer;flex:none}
.mc-av .avatar{width:54px;height:54px}
.mc-foto{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.mc-av::after{content:"+";position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:var(--prim);color:var(--prim-txt);font:700 14px/20px var(--sans);text-align:center;box-shadow:0 0 0 2px var(--vidro-borda)}
.mc-id{min-width:0}.mc-id b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis}
.menu-rot{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-3)}
.menu-email{font-size:12px;color:var(--txt-3);overflow:hidden;text-overflow:ellipsis}
.menu-item{-webkit-appearance:none;appearance:none;display:block;width:100%;text-align:left;padding:11px 12px;border:0;border-radius:10px;background:none;color:var(--txt);font:14px var(--sans);cursor:pointer}
.menu-item:hover,.menu-item:focus-visible{background:var(--hover);outline:none}
.menu-item.sair{color:var(--erro-txt);margin-top:4px;border-top:1px solid var(--linha);border-radius:0 0 10px 10px}
html[data-tema=light] .menu-item.sair{color:#a32a38}
.mc-edit{padding:6px 4px 10px}

/* ---------- ficha ---------- */
.fundo{position:fixed;inset:0;background:var(--fundo-escuro);z-index:20}
.gaveta{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);z-index:30;transform:translateX(105%);transition:transform .3s ease;background:var(--gaveta);border-left:1px solid var(--vidro-borda);display:flex;flex-direction:column;overflow:hidden;visibility:hidden}
.gaveta.aberta{transform:none;visibility:visible}
.g-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--linha)}
.g-quem{display:flex;align-items:center;gap:14px;min-width:0}
.g-quem h2{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1;overflow-wrap:anywhere}
.g-quem p{font-size:12px;color:var(--txt-3);margin-top:3px}
.g-corpo{flex:1;overflow-y:auto;padding:16px 18px 28px}
.g-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.g-acoes a{flex:1 1 150px;height:46px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:600;font-size:14px}
.g-acoes a.wa{background:var(--prim);color:var(--prim-txt);box-shadow:var(--prim-sombra)}
.g-acoes a.mail{background:var(--btn);color:var(--btn-txt);border:1px solid var(--btn-borda);box-shadow:var(--btn-brilho)}
.g-acoes svg{width:18px;height:18px}
.g-dados{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:22px}
.g-dados div{min-width:0}.g-dados .larga{grid-column:1/-1}
.g-dados dt{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-3);margin-bottom:3px}
.g-dados dd{font-size:15px;overflow-wrap:anywhere}
.gaveta h3{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--txt-2);margin:6px 0 10px}
.pilulas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.pilula{-webkit-appearance:none;appearance:none;height:38px;padding:0 14px;border-radius:99px;border:1px solid var(--btn-borda);background:var(--btn);color:var(--btn-txt);font:500 13px var(--sans);cursor:pointer}
.pilula[aria-pressed=true]{color:var(--st-ink);font-weight:600;border-color:var(--foco)}
.pilula[aria-pressed=true][data-s=novo]{background:var(--st-novo)}.pilula[aria-pressed=true][data-s=contatado]{background:var(--st-contatado)}.pilula[aria-pressed=true][data-s=agendada]{background:var(--st-agendada)}.pilula[aria-pressed=true][data-s=fechou]{background:var(--st-fechou)}.pilula[aria-pressed=true][data-s=sem_interesse]{background:var(--st-sem_interesse)}
.g-obs-linha{display:flex;align-items:center;gap:12px;margin-top:10px}
.salvo{font-size:13px;color:var(--txt-2)}
.btn-apagar{margin-top:30px;width:100%;height:44px;border-radius:99px;border:1px solid var(--perigo-borda);background:var(--perigo-bg);color:var(--erro-txt);font:500 14px var(--sans);cursor:pointer}
.btn-apagar:hover,.btn-apagar:focus-visible{filter:brightness(1.1);outline:none}

/* ---------- janelas e aviso ---------- */
dialog{border:0;padding:0;background:transparent;color:var(--txt);max-width:min(440px,calc(100% - 32px));width:100%;margin:auto}
dialog::backdrop{background:var(--fundo-escuro)}
.dlg{border-radius:24px;padding:24px 22px;background:var(--gaveta);border:1px solid var(--vidro-borda);box-shadow:var(--sombra)}
.dlg h2{font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:10px}
.dlg p{font-size:14px;line-height:1.55;color:var(--txt-2);margin-bottom:6px}
.dlg-botoes{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:90;max-width:calc(100% - 32px);padding:12px 18px;border-radius:99px;font-size:14px;font-weight:500;color:var(--prim-txt);background:var(--prim);box-shadow:0 10px 30px rgba(30,0,10,.35);animation:sobe .25s ease}
.toast.erro-t{background:#ffd9d4;color:#6b1020}
@keyframes sobe{from{opacity:0;transform:translate(-50%,10px)}}
@media(max-width:600px){
  .app{padding:12px 12px 16px}
  .topo{padding:10px 12px;gap:8px;top:8px}
  .topo-titulo{display:none}
  .topo-logo{height:26px}
  .icone{width:38px;height:38px}
  .topo-dir{gap:6px}
  .mini{flex:1 1 calc(50% - 6px);max-width:none}
  .periodo-wrap,.chips{width:100%}.chip{flex:1;padding:0 10px;justify-content:center}
  .lista-topo{flex-wrap:wrap}
  .gaveta{width:100%}
  .rodape{bottom:8px;padding:8px 10px}
  .rodape .credito{flex-direction:column;align-items:flex-end;gap:2px}
  .cal{left:0;right:auto}
  .col{flex-basis:78vw}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.col{min-width:0;max-width:285px}
.col-lista>*,.cartao>*{min-width:0}
@media(max-width:600px){.col{max-width:78vw}}

/* ---------- Fase 2: equipe, responsável, retorno, histórico ---------- */
.tela{display:flex;flex-direction:column;gap:16px}
.equipe-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.equipe-topo h1{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1.15}
.equipe-topo p{margin-top:6px;font-size:15px;color:var(--txt-2)}
.equipe-acoes{display:flex;gap:8px;flex-wrap:wrap}
.rodizio{border-radius:20px;padding:16px 18px;font-size:14px;line-height:1.55;color:var(--txt-2)}
.rodizio b{color:var(--txt)}
.fila{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.fila span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:99px;background:var(--hover);border:1px solid var(--linha-forte);font-size:13px;color:var(--txt)}
.fila i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--prim);color:var(--prim-txt)}
.equipe-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.membro{border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}
.membro.inativo{opacity:.7}
.m-topo{display:flex;gap:12px;align-items:center}
.m-topo .avatar{width:48px;height:48px;font-size:16px}
.m-topo .avatar img{width:100%;height:100%;object-fit:cover}
.m-nome{min-width:0;flex:1}
.m-nome b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-nome small{display:block;font-size:12px;color:var(--txt-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-tags{display:flex;gap:6px;flex-wrap:wrap}
.m-tags .tag.admin{background:var(--prim);color:var(--prim-txt);border-color:transparent;font-weight:600}
.m-num{display:flex;gap:18px;font-size:13px;color:var(--txt-2)}
.m-num b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;color:var(--txt)}
.m-ctrl{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid var(--linha)}
.m-lin{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}
.m-lin>span:first-child{color:var(--txt-2)}
.interruptor{position:relative;display:inline-block;width:46px;height:26px;flex:none}
.interruptor input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}
.interruptor i{position:absolute;inset:0;border-radius:99px;background:var(--campo-bg);border:1px solid var(--campo-borda);transition:background .2s}
.interruptor i::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--txt);opacity:.85;transition:transform .2s}
.interruptor input:checked+i{background:var(--prim);border-color:transparent}
.interruptor input:checked+i::after{transform:translateX(20px);background:var(--prim-txt);opacity:1}
.interruptor input:focus-visible+i{outline:3px solid var(--foco);outline-offset:2px}
.passos{display:inline-flex;align-items:center;gap:8px}
.passos button{width:30px;height:30px;border-radius:50%;border:1px solid var(--btn-borda);background:var(--btn);color:var(--btn-txt);font:600 16px var(--sans);cursor:pointer;line-height:1}
.passos b{min-width:18px;text-align:center}
.m-pausa{display:flex;gap:6px;align-items:center}
.m-pausa input{height:34px;width:150px;font-size:13px;padding:0 8px;border-radius:10px}
.m-acoes{display:flex;gap:8px;flex-wrap:wrap}
.m-acoes .btn-peq{height:34px;padding:0 12px;font-size:13px}
.dlg-linha{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media(max-width:520px){.dlg-linha{grid-template-columns:1fr}}
.dlg .campo input,.dlg .campo select,.dlg .campo textarea{font-size:15px}
.dlg .campo select{height:46px}
.check{display:flex;align-items:center;gap:10px;font-size:14px;margin:4px 0 12px;cursor:pointer}
.senha-prov{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px;border-radius:14px;background:var(--campo-bg);border:1px dashed var(--linha-forte)}
.senha-prov code{font:600 18px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.06em;flex:1;overflow-wrap:anywhere;user-select:all}
.g-resp{margin-bottom:18px}
.g-resp .sel-btn{height:44px}
.g-retorno{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.g-retorno input{height:44px;font-size:15px}
.g-retorno .g-obs-linha{margin-top:0;flex-wrap:wrap}
.tag.retorno{background:rgba(120,170,255,.22);border-color:rgba(100,150,240,.6)}
.tag.retorno.hoje{background:rgba(255,200,120,.25);border-color:rgba(230,160,60,.6)}
.tag.retorno.atrasado{background:rgba(255,120,110,.25);border-color:rgba(230,80,70,.6)}
.resp-txt{font-size:12px;color:var(--txt-3);display:block}
.historico{list-style:none;padding:0;margin:0 0 4px;display:flex;flex-direction:column;gap:0}
.hist-item{position:relative;padding:0 0 14px 22px;font-size:13px;line-height:1.5;color:var(--txt-2)}
.hist-item::before{content:"";position:absolute;left:5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--blush);box-shadow:0 0 0 3px var(--hover)}
.hist-item::after{content:"";position:absolute;left:9px;top:18px;bottom:0;width:1px;background:var(--linha-forte)}
.hist-item:last-child::after{display:none}
.hist-item b{color:var(--txt);font-weight:600}
.hist-item time{display:block;font-size:11px;color:var(--txt-3);margin-top:1px}
.hist-item q{display:block;margin-top:2px;quotes:none;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--txt)}
.hist-vazio{font-size:13px;color:var(--txt-3)}
.btn-peq.forte[hidden]{display:none}

/* ======================================================================
   Fase 2b e 3: painel no formato da A.NUNES (saudação, cartões, dinheiro,
   barra de período, gaveta da ficha e da equipe, relatório)
   ====================================================================== */
.saudacao{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.saudacao h1,.saudacao h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1.15}
.saudacao p{margin-top:6px;font-size:15px;color:var(--txt-2)}
.sd-data{font-size:13px;color:var(--txt-3);text-transform:capitalize}

/* cartões do resumo */
.kpi{position:relative;min-height:128px;display:flex;flex-direction:column;gap:2px}
.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kpi-l{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3)}
.kpi-ic{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--hover);border:1px solid var(--linha);flex:none}
.kpi-ic svg{width:18px;height:18px}
.kpi b{margin-top:8px}
.kpi .kpi-s{margin-top:4px;font-size:12.5px;color:var(--txt-2)}
.kpi .kpi-s.up{color:#7dffb0}.kpi .kpi-s.down{color:#ffb4a8}
html[data-tema=light] .kpi .kpi-s.up{color:#1f8a4c}html[data-tema=light] .kpi .kpi-s.down{color:#b3261e}
.kpi.espera b{color:#ffd9a0}html[data-tema=light] .kpi.espera b{color:#9a5a00}
.kpi-spark{position:absolute;right:16px;bottom:14px;opacity:.9}
.spark .sp{fill:var(--linha-forte)}.spark .sp-hoje{fill:var(--blush)}
html[data-tema=light] .spark .sp-hoje{fill:var(--rose)}

/* dinheiro */
.dinheiro{display:flex;flex-direction:column;gap:10px}
.dinheiro[hidden]{display:none}
.sec-din{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);display:flex;align-items:center;gap:12px}
.sec-din::after{content:"";flex:1;height:1px;background:var(--linha)}
.sec-din em{font-style:normal;color:var(--txt)}
.kpi-din{cursor:default;overflow:hidden}
.kpi-din::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--prim)}
.din-chip{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--hover);border:1px solid var(--linha-forte);color:var(--txt-2);align-self:flex-start}
.din-pila{display:block;height:7px;border-radius:99px;background:var(--hover);margin-top:10px;overflow:hidden}
.din-pila i{display:block;height:100%;border-radius:99px;background:var(--prim)}
.din-anel{position:absolute;right:14px;bottom:12px}
.din-anel .an-fundo{stroke:var(--linha-forte)}.din-anel .an-valor{stroke:var(--blush);stroke-linecap:round}
html[data-tema=light] .din-anel .an-valor{stroke:var(--rose)}

/* barra de período */
.filtros-bloco{display:flex;flex-direction:column;gap:12px}
.periodo-wrap{position:relative;align-self:flex-start;max-width:100%}
.periodo{display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:var(--vidro);border:1px solid var(--vidro-borda);box-shadow:var(--vidro-brilho);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-x:auto;max-width:100%}
.periodo .chip{height:38px;padding:0 16px;border:0;box-shadow:none;background:none;color:var(--txt);font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.periodo .chip[aria-pressed=true]{background:var(--prim);color:var(--prim-txt);box-shadow:var(--prim-sombra)}
.periodo .chip:hover{background:var(--hover)}.periodo .chip[aria-pressed=true]:hover{background:var(--prim)}
.cal{left:0;right:auto}
.filtros .f-linha{align-items:center}
.filtros .mini{flex:1 1 150px;max-width:none}
.filtros .busca{flex:2 1 280px}
.filtros .f-acoes{justify-content:space-between}
.filtros .f-acoes .vista{margin-left:auto}
.filtros .mini .sel-btn{height:48px}

/* gaveta (ficha e equipe) */
.gaveta{width:min(540px,100%);border-radius:28px 0 0 28px}
@media(max-width:600px){.gaveta{border-radius:24px 24px 0 0;top:auto;height:96dvh;transform:translateY(105%)}.gaveta.aberta{transform:none}}
.gaveta-painel{height:100%;overflow-y:auto;display:flex;flex-direction:column;outline:none}
.gaveta-painel .g-topo{display:block;position:relative;padding:22px 22px 20px;border-bottom:0;background:linear-gradient(135deg,#6d1f2f 0%,#be5453 75%,#d98a86 140%);color:#fff;flex:none;overflow:hidden}
.gaveta-painel .g-topo::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);pointer-events:none}
.gaveta-painel .g-topo h2{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1;color:#fff;overflow-wrap:anywhere;padding-right:44px}
.gaveta-painel .g-topo p{color:rgba(255,255,255,.88);font-size:13px;margin-top:6px}
.gaveta-painel .g-topo .eq-sobre{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin:0 0 8px;color:rgba(255,255,255,.8)}
.g-fechar{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.g-fechar:hover,.g-fechar:focus-visible{background:rgba(255,255,255,.3);outline:none}
.gaveta-painel .g-corpo{flex:1;overflow:visible;padding:18px 20px 24px}
.g-rodape{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--gaveta);border-top:1px solid var(--linha-forte);flex:none}
.g-rodape .btn{width:auto;height:48px;padding:0 26px}
.btn.perigo{background:var(--perigo-bg);color:var(--erro-txt);border:1px solid var(--perigo-borda);box-shadow:none;width:auto;height:48px;padding:0 20px;font-size:14px}
.campo-rot{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px}
.gaveta .campo{margin-bottom:18px}
.gaveta .campo.invalido .campo-rot{color:#ff9a8f}
.gaveta .campo.invalido input,.gaveta .campo.invalido .st-resp{border-color:#ff7f72;box-shadow:0 0 0 3px rgba(255,127,114,.3)}
html[data-tema=light] .gaveta .campo.invalido .campo-rot{color:#b3261e}
.st-resp{-webkit-appearance:none;appearance:none;width:100%;height:46px;border-radius:14px;border:1px solid var(--campo-borda);background:var(--campo-bg);color:var(--campo-txt);font:15px var(--sans);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;cursor:pointer;text-align:left}
.st-resp svg{width:15px;height:15px;opacity:.8}
.st-resp.st-novo,.st-resp.st-contatado,.st-resp.st-agendada,.st-resp.st-fechou,.st-resp.st-sem_interesse{border-color:transparent;font-weight:600;color:var(--st-ink)}
.st-resp.st-novo{background:var(--st-novo)}.st-resp.st-contatado{background:var(--st-contatado)}.st-resp.st-agendada{background:var(--st-agendada)}.st-resp.st-fechou{background:var(--st-fechou)}.st-resp.st-sem_interesse{background:var(--st-sem_interesse)}
.fx-linha{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.fx-linha{grid-template-columns:1fr}}
.gaveta .campo input,.gaveta .campo textarea{height:46px;font-size:15px}
.gaveta .campo textarea{height:auto;min-height:110px}
.req-nota{font-size:12.5px;color:var(--txt-2);margin-top:6px}
.chip.inc{display:inline-flex;align-items:center;padding:0 12px;height:30px;font-size:12px;background:rgba(255,200,120,.25);border:1px solid rgba(230,160,60,.6);color:var(--txt);box-shadow:none}
.g-acoes{margin-bottom:18px;align-items:center}
.g-acoes a.btn{flex:1 1 170px;height:46px;width:auto}
.bloco{margin:0 0 18px}
.bloco h3,.og h3.og-t,.hist-t{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3);margin:0 0 8px}
.pares{border:1px solid var(--linha-forte);border-radius:16px;overflow:hidden;background:var(--hover)}
.par{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 14px;font-size:14px;border-bottom:1px solid var(--linha)}
.par:last-child{border-bottom:0}
.par dt{color:var(--txt-3)}.par dd{overflow-wrap:anywhere}
@media(max-width:420px){.par{grid-template-columns:1fr;gap:2px}}

/* origem da campanha */
.og-card{border:1px solid var(--linha-forte);border-radius:18px;overflow:hidden;background:var(--hover)}
.og-ban{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff;position:relative;overflow:hidden}
.og-ban::after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.14)}
.og-ban b{display:block;font-size:17px}.og-ban span{display:block;font-size:12.5px;opacity:.92}
.og-ban .og-lg{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none;opacity:1}
.og-lg svg{width:22px;height:22px}.og-letra{font:700 20px var(--sans)}
.og-meta{background:linear-gradient(135deg,#1c3fb5,#2f7be5)}.og-google{background:linear-gradient(135deg,#1f8a4c,#4285f4)}.og-organico{background:linear-gradient(135deg,#2f9e6d,#58c993)}.og-direto{background:linear-gradient(135deg,#5b6577,#8590a3)}.og-manual{background:linear-gradient(135deg,#7a2230,#be5453)}
.og-tiles{display:grid;gap:8px;padding:12px}
.og-tl{border:1px solid var(--linha-forte);border-radius:12px;padding:10px 12px;background:var(--campo-bg)}
.og-tl small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3)}
.og-tl b{display:block;font-size:14px;margin-top:2px;overflow-wrap:anywhere}
.og-nota{padding:0 14px 10px;font-size:12.5px;color:var(--txt-2)}
.og-rod{padding:10px 14px;border-top:1px solid var(--linha);font-size:13px;color:var(--txt-2)}
.og-det{padding:10px 14px 12px;border-top:1px solid var(--linha);font-size:13px}
.og-det summary{cursor:pointer;font-weight:600}
.og-mono{font:12px/1.5 ui-monospace,Menlo,monospace;color:var(--txt-2);overflow-wrap:anywhere;margin-top:6px}

/* histórico */
.hist{display:flex;flex-direction:column}
.hist .h-it{position:relative;padding:0 0 16px 24px;font-size:13.5px;line-height:1.45}
.hist .h-it::before{content:"";position:absolute;left:3px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--blush);box-shadow:0 0 0 3px var(--hover)}
.hist .h-it::after{content:"";position:absolute;left:8px;top:18px;bottom:0;width:2px;background:var(--linha-forte)}
.hist .h-it:last-child::after{display:none}
.hist .h-it b{display:block;font-weight:600}
.hist .h-it small{display:block;color:var(--txt-3);font-size:12px;margin-top:1px}
.hist .h-it q{display:block;quotes:none;margin-top:3px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--txt-2)}

/* equipe na gaveta */
.eq-pista{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:-18px 18px 0;padding:5px;border-radius:20px;background:var(--gaveta);border:1px solid var(--linha-forte);box-shadow:0 10px 30px rgba(30,0,10,.28);z-index:2;flex:none}
.eq-pista button{-webkit-appearance:none;appearance:none;height:46px;border:0;border-radius:16px;background:none;color:var(--txt);font:600 15px var(--sans);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.eq-pista button.on{background:var(--prim);color:var(--prim-txt);box-shadow:var(--prim-sombra)}
.eq-pista small{font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.14)}
.eq-ab-ic svg{width:18px;height:18px}
.eq-sec{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);margin:20px 0 10px}
.eq-card{border:1px solid var(--linha-forte);border-radius:18px;padding:14px;margin-bottom:12px;background:var(--hover);position:relative}
.eq-card.off{opacity:.85}
.eq-top{display:flex;gap:12px;align-items:flex-start}
.av{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:15px;color:var(--on-blush);background:linear-gradient(180deg,#fff0ee,var(--blush));overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.eq-id{min-width:0;flex:1}.eq-id b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis}.eq-id .sub{display:block;font-size:12.5px;color:var(--txt-2);overflow:hidden;text-overflow:ellipsis}
.eq-est{display:inline-block;padding:4px 11px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--hover);border:1px solid var(--linha-forte)}
.eq-est.ativa{background:rgba(70,200,130,.22);border-color:rgba(70,200,130,.6)}.eq-est.pausa{background:rgba(255,200,120,.25);border-color:rgba(230,160,60,.65)}.eq-est.bloq{background:rgba(255,120,110,.25);border-color:rgba(230,80,70,.6)}.eq-est.adm{background:var(--prim);color:var(--prim-txt);border-color:transparent}
.eq-num{font-size:13px;color:var(--txt-2);margin:10px 0}
.eq-acoes{display:flex;gap:8px;align-items:center}
.eq-acoes .btn-peq{height:38px}
.eq-menu{position:absolute;right:12px;bottom:56px;z-index:6;min-width:220px;padding:6px;border-radius:14px;background:var(--gaveta);border:1px solid var(--linha-forte);box-shadow:0 18px 40px rgba(30,0,10,.4)}
.eq-menu hr{border:0;border-top:1px solid var(--linha);margin:4px 0}
.eq-mi{-webkit-appearance:none;appearance:none;width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--txt);font:14px var(--sans);cursor:pointer}
.eq-mi:hover,.eq-mi:focus-visible{background:var(--hover);outline:none}.eq-mi.perigo{color:#ff9a8f}
html[data-tema=light] .eq-mi.perigo{color:#b3261e}
.eq-mi-ic svg{width:17px;height:17px}.eq-mi small{display:block;font-size:11.5px;color:var(--txt-3)}
.eq-edit{margin-top:12px;display:grid;gap:10px}
.eq-in{height:44px!important;font-size:15px!important}
.eq-lbl{font-size:12px;color:var(--txt-2)}
.eq-vazio{font-size:14px;color:var(--txt-2);padding:6px 2px}
.eq-dica{font-size:13px;line-height:1.55;color:var(--txt-2);margin:6px 0 10px}
.eq-novo{margin-top:22px;padding-top:18px;border-top:1px solid var(--linha-forte)}
.eq-novo h3{font-family:var(--serif);font-weight:400;font-size:20px;margin-bottom:10px}
.eq-novo .eq-in{margin-bottom:10px}
.eq-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:99px;border:1px solid var(--linha-forte);margin-bottom:8px}
.eq-seg-b{-webkit-appearance:none;appearance:none;height:38px;border:0;border-radius:99px;background:none;color:var(--txt);font:600 13px var(--sans);cursor:pointer}
.eq-seg-b.on{background:var(--prim);color:var(--prim-txt)}
.eq-novo .btn{margin-top:4px}
.eq-cred{border:1px solid rgba(70,200,130,.6);background:rgba(70,200,130,.15);border-radius:16px;padding:14px;margin-bottom:14px}
.eq-cred dl{display:grid;gap:8px;margin:10px 0}.eq-cred dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3)}.eq-cred dd{font-size:14px;overflow-wrap:anywhere}.eq-cred dd.mono{font:600 17px ui-monospace,Menlo,monospace;letter-spacing:.06em;user-select:all}
.eq-cred p{font-size:12.5px;color:var(--txt-2);margin-bottom:10px}

/* rodízio */
.eq-rod{border:1px solid var(--linha-forte);border-radius:18px;padding:16px;margin-bottom:14px;background:var(--hover)}
.eq-rod h3{font-family:var(--serif);font-weight:400;font-size:20px;margin-bottom:4px}
.rd-lista{margin-top:10px}
.rd-cab,.rd-lin{display:grid;grid-template-columns:44px minmax(0,1.3fr) 74px 104px 112px;gap:10px;align-items:center}
.rd-cab{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3);padding:0 0 8px;border-bottom:1px solid var(--linha-forte)}
.rd-item{padding:12px 0;border-bottom:1px solid var(--linha)}.rd-item:last-child{border-bottom:0}
.rd-item.off .rd-nm b{opacity:.65}
.rd-nm b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis}.rd-nm small{display:block;font-size:12px;color:var(--txt-3)}
.rd-hj{text-align:center}.rd-hj b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1}.rd-hj small{font-size:11px;color:var(--txt-3)}
.rd-ct{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.eq-step{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;border:1px solid var(--linha-forte);border-radius:12px;background:var(--campo-bg);overflow:hidden}
.eq-step button{-webkit-appearance:none;appearance:none;height:36px;border:0;background:none;color:var(--txt);font:600 18px var(--sans);cursor:pointer}
.eq-step button:hover:not([disabled]){background:var(--hover)}.eq-step button[disabled]{opacity:.35;cursor:default}
.eq-step output{text-align:center;font-weight:700}
.rd-bt{height:32px!important;padding:0 10px!important;font-size:12.5px!important}
.rd-resumo{margin-top:12px;padding:11px 14px;border-radius:12px;background:var(--campo-bg);font-size:13.5px}
.rd-pausa{padding:10px 0 0 54px;display:grid;gap:8px}
.eq-fila{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.eq-bol{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 12px var(--sans);flex:none}
.eq-bol.prox{box-shadow:0 0 0 3px var(--gaveta),0 0 0 6px #35d6a6}
@media(max-width:520px){.rd-cab{display:none}.rd-lin{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"av nm hj" "av st ct"}.rd-lin>:nth-child(1){grid-area:av}.rd-lin>:nth-child(2){grid-area:nm}.rd-lin>:nth-child(3){grid-area:hj}.rd-lin>:nth-child(4){grid-area:st}.rd-lin>:nth-child(5){grid-area:ct}.rd-pausa{padding-left:0}}

/* relatório */
.relatorio{display:flex;flex-direction:column;gap:14px}
.rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:820px){.rel{grid-template-columns:1fr}}
.rel-nota{grid-column:1/-1;font-size:13px;color:var(--txt-2)}
.rel-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.rel-k{border-radius:18px;padding:14px 16px;border:1px solid var(--vidro-borda);background:var(--vidro);box-shadow:var(--vidro-brilho);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.rel-k-l{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3)}
.rel-k b{display:block;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.1;margin:6px 0 4px}
.rel-k b.txt{font-size:24px}.rel-k small{font-size:12.5px;color:var(--txt-2);line-height:1.4;display:block}
.rel-k.ok b{color:#7dffb0}.rel-k.alerta b{color:#ffb4a8}
html[data-tema=light] .rel-k.ok b{color:#1f8a4c}html[data-tema=light] .rel-k.alerta b{color:#b3261e}
.rel-card{border-radius:20px;padding:16px 18px;border:1px solid var(--vidro-borda);background:var(--vidro);box-shadow:var(--vidro-brilho);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:0}
.rel-larga{grid-column:1/-1}
.rel-card h3{font-family:var(--serif);font-weight:400;font-size:21px;margin-bottom:4px}
.rel-sub{font-size:13px;color:var(--txt-2);margin:4px 0 10px;line-height:1.5}
.rel-linha{display:grid;grid-template-columns:minmax(110px,170px) 1fr 80px;gap:12px;align-items:center;padding:6px 0;font-size:14px}
.rel-barra{height:12px;border-radius:99px;background:var(--hover);overflow:hidden}
.rel-barra i{display:block;height:100%;border-radius:99px;background:var(--prim)}
.rel-barra i.perda{background:linear-gradient(90deg,#ff9a8f,#d9534f)}
.rel-val{text-align:right;font-weight:600}
.rel-rola{overflow-x:auto}
.rel-tab{width:100%;border-collapse:collapse;font-size:13.5px}
.rel-tab th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-3);text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha-forte);white-space:nowrap}
.rel-tab td{padding:10px;border-bottom:1px solid var(--linha);white-space:nowrap}
.rel-tab th.n,.rel-tab td.n{text-align:right}
.rel-carregando{padding:30px;text-align:center;color:var(--txt-2)}
@media(max-width:600px){.rel-linha{grid-template-columns:1fr 70px}.rel-linha .rel-barra{grid-column:1/-1;order:3}}
.col-val{margin:-6px 4px 8px;font-size:12px;font-weight:600;color:var(--txt-2)}
.c-valor{font-weight:600;color:var(--txt)}
.ic-btn svg{width:18px;height:18px;display:block}
.g-acoes .btn.wa{gap:8px}
.gaveta-painel .g-corpo{padding-top:22px}
.eq-pista+.g-corpo{padding-top:20px}
.tag.retorno.futuro{background:rgba(120,170,255,.22)}
.kpi .kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:0}
.kpi .kpi-l{display:block;margin-top:0}
.kpi .kpi-ic{display:grid;margin-top:0}
.kpi .kpi-s{display:block}
.sd-data{text-transform:none}.sd-data::first-letter{text-transform:uppercase}
.kpi b{font-size:clamp(26px,2.6vw,38px);overflow-wrap:anywhere}
.kpi-din b{font-size:clamp(22px,2.2vw,32px);padding-right:0}
.kpi-din{min-height:150px}
.din-anel svg{width:46px;height:46px}
.kpi-din .kpi-s{padding-right:52px}
@media(max-width:1100px){.kpis-din{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .kpi-din .kpi-s{padding-right:0}
  .din-anel{position:static;margin-top:8px}
  .kpis-din{grid-template-columns:1fr}
  .eq-pista{margin-left:12px;margin-right:12px}
  .gaveta-painel .g-corpo{padding:18px 14px 20px}
  .gaveta-painel .g-topo h2{font-size:24px}
}