/* Invista Ads — vidro sobre fundo vivo, tipografia Urbanist (a mesma do Hub). Cor do app: laranja-brasa. */
:root{
  --brasa:#e8582a;--brasa-2:#c8431b;--brasa-deep:#8f2a0c;
  --google:#1a73e8;--meta:#0866ff;
  --ink:#16181d;--muted:#5b6370;--line:rgba(22,24,29,.10);
  --glass:rgba(255,255,255,.62);--glass-forte:rgba(255,255,255,.80);--glass-borda:rgba(255,255,255,.75);
  --sombra:0 24px 50px -28px rgba(80,35,15,.38);
  --bom:#1f8a4c;--ruim:#c0362c;--alerta:#b86a00;
  --font:"Urbanist","Segoe UI",system-ui,sans-serif;
  --raio:22px;
}
@media (prefers-color-scheme:dark){
  :root{--ink:#f2f2f0;--muted:#a7adb7;--line:rgba(255,255,255,.12);--glass:rgba(28,30,36,.58);--glass-forte:rgba(28,30,36,.82);--glass-borda:rgba(255,255,255,.10);--sombra:0 24px 50px -28px rgba(0,0,0,.8);--bom:#4cc27e;--ruim:#ff7a6e;--alerta:#f2b552}
  .logo,.topo-logo img{filter:invert(1)}
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;color:var(--ink);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}
body{background:#f6f1ee}
@media (prefers-color-scheme:dark){body{background:#121317}}
[hidden]{display:none!important}
button,select,input{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid var(--brasa);outline-offset:3px;border-radius:8px}

/* Fundo com profundidade: três luzes desfocadas (brasa, azul Google, azul Meta) */
.fundo{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.fundo i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.fundo i:nth-child(1){width:620px;height:620px;background:#ff8a5c;top:-220px;right:-140px}
.fundo i:nth-child(2){width:520px;height:520px;background:#7fb0ff;bottom:-220px;left:-160px;opacity:.40}
.fundo i:nth-child(3){width:380px;height:380px;background:#ffc59e;top:38%;left:42%;opacity:.35}
@media (prefers-color-scheme:dark){.fundo i{opacity:.22}}

.vidro{background:var(--glass);border:1px solid var(--glass-borda);border-radius:var(--raio);box-shadow:var(--sombra);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.centro{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.giro{width:38px;height:38px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brasa);animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* Entrada */
.entrar{width:100%;max-width:420px;padding:40px 30px 30px;text-align:center}
.entrar .logo{height:30px;width:auto;margin-bottom:26px}
.entrar h1{margin:0 0 6px;font-size:28px;font-weight:800;letter-spacing:-.01em}
.entrar p{margin:0 0 22px;color:var(--muted)}
.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 18px;border-radius:14px;border:1px solid #dadce0;background:#fff;color:#1f1f1f;font-weight:700}
.btn-google svg{width:22px;height:22px}
.msg{min-height:1.4em;margin:14px 0 0!important;color:var(--ruim);font-size:14px}

/* Topo */
.topo{display:flex;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:20px 24px 0}
.topo-logo img{height:24px;width:auto;display:block}
.menu{display:flex;gap:4px;margin-left:auto;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-borda)}
.menu a{padding:7px 14px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;color:var(--muted)}
.menu a[aria-current=page]{background:var(--ink);color:#fff}
@media (prefers-color-scheme:dark){.menu a[aria-current=page]{color:#121317}}
.avatar-btn{display:flex;align-items:center;gap:8px;border:0;background:none;padding:4px;color:var(--muted);font-size:14px}
.avatar-btn img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--line)}
.tela{max-width:1240px;margin:0 auto;padding:26px 24px 40px;outline:none}
.rodape{text-align:center;color:var(--muted);font-size:13px;padding:0 16px 28px;margin:0}

/* Cabeçalho de tela */
.cab{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.cab h1{margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1;font-weight:900;letter-spacing:-.035em}
.cab .sub{margin:8px 0 0;color:var(--muted);font-size:15px}
.voltar{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--muted);text-decoration:none;margin-bottom:10px;font-size:15px}
.voltar:hover{color:var(--ink)}
.ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.periodos{display:flex;padding:4px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-borda)}
.periodos button{border:0;background:none;padding:8px 14px;border-radius:10px;font-weight:700;font-size:15px;color:var(--muted)}
.periodos button[aria-pressed=true]{background:var(--brasa);color:#fff;box-shadow:0 6px 14px -8px var(--brasa-2)}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--glass-forte);border-radius:12px;padding:9px 14px;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.btn:hover{border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.btn.forte{background:var(--ink);color:#fff;border-color:transparent}
@media (prefers-color-scheme:dark){.btn.forte{color:#121317}}
.btn.zap{background:#1f9d55;color:#fff;border-color:transparent}
.btn svg{width:18px;height:18px;flex:none}
.btn[disabled]{opacity:.5;cursor:default}
.atualizado{color:var(--muted);font-size:14px}

/* Faixa de totais: a soma de todos os clientes, lida da esquerda para a direita */
.totais{display:grid;grid-template-columns:1.3fr repeat(3,1fr);margin-bottom:22px;overflow:hidden}
.total{padding:20px 22px;border-left:1px solid var(--line)}
.total:first-child{border-left:0;background:linear-gradient(140deg,var(--brasa),var(--brasa-deep));color:#fff}
.total span{display:block;font-size:14px;font-weight:600;opacity:.8}
.total b{display:block;font-size:clamp(26px,3vw,36px);font-weight:900;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}
.total small{font-size:13px;font-weight:700}
.total:first-child small{color:rgba(255,255,255,.9)}

.var{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.var.bom{color:var(--bom)}.var.ruim{color:var(--ruim)}.var.neutro{color:var(--muted)}
.total:first-child .var{color:#fff}

/* Atenção */
.atencao{padding:6px 20px;margin-bottom:22px}
.atencao h2{font-size:17px;margin:12px 0 4px;font-weight:800}
.alerta{display:grid;grid-template-columns:8px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.atencao h2+.alerta{border-top:0}
.alerta .barra{align-self:stretch;border-radius:4px;background:var(--c,var(--alerta))}
.alerta b{display:block;line-height:1.3}
.alerta small{color:var(--muted);font-size:14px}
.alerta a{font-weight:700;font-size:14px;color:var(--brasa-2)}

/* Lista de clientes */
.lista-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.lista-cab h2{margin:0;font-size:22px;font-weight:800}
.busca{padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--glass-forte);min-width:240px}
.clientes{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
.cliente{padding:18px 18px 14px;display:flex;flex-direction:column;gap:12px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.cliente:hover{transform:translateY(-3px)}
.cliente-cab{display:flex;align-items:center;gap:10px}
.cliente-cab h3{margin:0;font-size:19px;font-weight:800;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ponto{width:10px;height:10px;border-radius:50%;background:var(--bom);flex:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--bom) 18%,transparent)}
.ponto.atencao{padding:0;margin:0;background:var(--alerta);box-shadow:0 0 0 4px color-mix(in srgb,var(--alerta) 20%,transparent)}
.ponto.parado{background:#9aa1ab;box-shadow:none}
.plats{display:flex;flex-direction:column;gap:6px}
.plat{display:grid;grid-template-columns:74px 1fr 1fr 1fr;gap:8px;align-items:baseline;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--glass-forte) 70%,transparent)}
.plat .nome{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px}
.plat .nome::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--pc)}
.plat.google{--pc:var(--google)}.plat.meta{--pc:var(--meta)}
.plat .n{font-variant-numeric:tabular-nums;font-weight:800;font-size:16px;line-height:1.2}
.plat .n small{display:block;font-weight:600;font-size:12px;color:var(--muted)}
.plat.vazio{grid-template-columns:74px 1fr;color:var(--muted);font-size:14px}
.cliente-pe{display:flex;align-items:center;gap:8px;justify-content:space-between}
.spark{flex:1;height:30px;min-width:0}
.cliente-pe .acoes{display:flex;gap:6px}
.icone-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--glass-forte)}
.icone-btn svg{width:18px;height:18px}
.icone-btn.zap{background:#1f9d55;border-color:transparent;color:#fff}

/* Detalhe do cliente */
.duas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.painel{padding:20px}
.painel-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.painel-cab h2{margin:0;font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px}
.painel-cab h2::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--pc)}
.painel.google{--pc:var(--google)}.painel.meta{--pc:var(--meta)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi span{display:block;font-size:13px;color:var(--muted);font-weight:600}
.kpi b{display:block;font-size:24px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .var{font-size:13px}
.grafico{width:100%;height:150px;margin-top:16px;display:block}
.campanhas{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.campanhas th{text-align:right;font-weight:700;color:var(--muted);padding:6px 4px;border-bottom:1px solid var(--line)}
.campanhas th:first-child,.campanhas td:first-child{text-align:left}
.campanhas td{text-align:right;padding:8px 4px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.campanhas td:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.campanhas tr.pausada td:first-child{color:var(--muted)}
.vazio-msg{color:var(--muted);padding:12px 0;margin:0}
.nota{color:var(--muted);font-size:13px;margin:10px 2px 0}

/* Contas e conexões */
.tabela-contas{padding:6px 20px 12px}
.linha-conta{display:grid;grid-template-columns:90px minmax(0,1.3fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.linha-conta:first-child{border-top:0}
.linha-conta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linha-conta small{color:var(--muted);font-size:13px}
.selo{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--pc) 14%,transparent);color:var(--pc);justify-self:start}
.selo.google{--pc:var(--google)}.selo.meta{--pc:var(--meta)}
.linha-conta select{width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--glass-forte)}
.chave{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}
.grupo-titulo{font-size:15px;font-weight:800;margin:18px 0 8px;color:var(--muted)}
.conexoes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.conexao{padding:22px;display:flex;flex-direction:column;gap:12px}
.conexao h2{margin:0;font-size:22px;font-weight:800}
.estado{display:flex;align-items:center;gap:8px;font-weight:700}
.conexao p{margin:0;color:var(--muted)}
.conexao .erro{color:var(--ruim);font-weight:600}
.historico{padding:6px 20px 10px;margin-top:16px}
.historico h2{font-size:17px;margin:12px 0 6px}
.hist{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}

/* Aviso curto */
.aviso{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:12px;font-weight:700;box-shadow:var(--sombra);z-index:10;max-width:calc(100vw - 32px)}
@media (prefers-color-scheme:dark){.aviso{color:#121317}}

/* Celular */
@media (max-width:860px){
  .totais{grid-template-columns:1fr 1fr}
  .total:nth-child(3){border-left:0}
  .total:nth-child(n+3){border-top:1px solid var(--line)}
  .duas,.conexoes{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .topo{flex-wrap:wrap;gap:12px;padding:16px 16px 0}
  .menu{order:3;width:100%;margin:0;justify-content:space-between}
  .avatar-btn{margin-left:auto}
  .avatar-btn span{display:none}
  .tela{padding:20px 16px 32px}
  .clientes{grid-template-columns:1fr}
  .busca{min-width:0;width:100%}
  .lista-cab{flex-wrap:wrap}
  .plat{grid-template-columns:64px 1fr 1fr 1fr;padding:8px}
  .linha-conta{grid-template-columns:1fr auto}
  .linha-conta .selo{grid-column:1/-1}
  .linha-conta select{grid-column:1/-1}
  .campanhas th:nth-child(3),.campanhas td:nth-child(3){display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Impressão / PDF do relatório: só o conteúdo, fundo branco */
@media print{
  body{background:#fff;color:#000}
  .fundo,.topo,.rodape,.ctrl .btn,.no-print,.aviso{display:none!important}
  .vidro{background:#fff;box-shadow:none;border:1px solid #ddd;-webkit-backdrop-filter:none;backdrop-filter:none}
  .tela{padding:0}
  .duas{grid-template-columns:1fr 1fr}
  .total:first-child{background:#e8582a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .marca-print{display:flex!important}
}
.marca-print{display:none;align-items:center;justify-content:space-between;margin-bottom:16px}
.marca-print img{height:22px}

.legenda{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;font-size:13px;color:var(--muted)}
.legenda span{display:inline-block}
.barra-l{width:12px;height:12px;border-radius:3px;background:var(--lc);opacity:.3}
.linha-l{width:16px;height:3px;border-radius:2px;background:var(--lc);margin-left:10px}

.perfil-con{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--glass-forte) 70%,transparent)}
.perfil-con p{margin:0}
.perfil-con .estado small{font-weight:500;color:var(--muted);margin-left:6px}
.perfil-con .estado+p{font-size:14px;margin-top:2px}

.acesso{display:inline-block;margin-top:4px;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px}
.acesso.ok{background:color-mix(in srgb,var(--bom) 14%,transparent);color:var(--bom)}
.acesso.falta{background:color-mix(in srgb,var(--alerta) 16%,transparent);color:var(--alerta)}

/* Não deixar parar, ficha do cliente, recarga e janela de confirmação */
.constante{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--brasa);margin-left:auto}
.constante svg,.chave svg{width:16px;height:16px}
.manter{padding:6px 20px 16px;margin-bottom:22px}
.manter-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px}
.manter-cab h2{margin:0}
.chave.forte{color:var(--ink);font-weight:800;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--brasa) 12%,transparent)}
.chave.forte svg{color:var(--brasa)}
.ficha-ads{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.ficha-ads label{display:flex;align-items:center;gap:8px}
.ficha-ads select,.ficha-ads input[type=number]{padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;font-weight:700}
.ficha-ads input[type=number]{width:64px}
.ficha-ads .btn{margin-left:auto}
.duas-txt{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duas-txt label,.duas-txt div{display:flex;flex-direction:column;gap:6px}
.duas-txt p{margin:0;white-space:pre-line}
.duas-txt textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;resize:vertical}
.recarga{padding:20px 22px;margin-bottom:22px;border:2px solid color-mix(in srgb,var(--brasa) 45%,transparent)}
.recarga h2{margin:0 0 8px}
.recarga p{margin:0 0 12px}
.pix{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.pix code{font-size:18px;font-weight:800;padding:10px 14px;border-radius:12px;background:var(--glass-forte);border:1px solid var(--line)}
.dlg{width:min(520px,calc(100vw - 32px));border:1px solid var(--glass-borda);border-radius:var(--raio);padding:22px;background:var(--glass-forte);color:var(--ink);box-shadow:var(--sombra);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.dlg::backdrop{background:rgba(10,10,12,.45)}
.dlg h2{margin:0 0 8px}
.dlg p{margin:0 0 12px}
.dlg .erro{color:var(--ruim);font-weight:700}
.mudancas{margin:0 0 12px;padding-left:18px;display:flex;flex-direction:column;gap:8px}
.mudancas small{color:var(--muted)}
.campo{display:flex;flex-direction:column;gap:6px;font-weight:700;margin-bottom:14px}
.campo input{padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit;font-size:18px;font-weight:800}
.dlg-acoes{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.enviar .btn{padding:7px 12px}
body.publico .menu,body.publico .avatar-btn{display:none}
@media (max-width:860px){.duas-txt{grid-template-columns:1fr}.ficha-ads .btn{margin-left:0}}
@media print{.duas-txt textarea{border:0;padding:0;resize:none}}
.pino{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;vertical-align:-6px;border:0;border-radius:8px;background:none;color:var(--muted);opacity:.35;cursor:pointer}
.pino svg,.grupo-titulo svg{width:15px;height:15px}
.pino:hover{opacity:.8}
.pino.on{opacity:1;color:var(--brasa);background:color-mix(in srgb,var(--brasa) 14%,transparent)}
.grupo-titulo svg{color:var(--brasa);vertical-align:-2px}
@media print{.pino{display:none}}

/* Precisa de atenção, compacto: uma linha por cliente */
.atencao.compacta{padding:14px 18px 10px}
.atencao.compacta h2{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.cont{font-size:13px;font-weight:800;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--ruim) 16%,transparent);color:var(--ruim)}
.at-linha{display:grid;grid-template-columns:4px minmax(140px,240px) 1fr;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.at-linha .barra{width:4px;height:22px;border-radius:4px;background:var(--c)}
.at-linha b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
.at-linha b svg{width:14px;height:14px;color:var(--brasa);flex:none}
.at-linha:hover b{color:var(--brasa)}
.chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.chip{flex-shrink:0;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chip.ruim{background:color-mix(in srgb,var(--ruim) 14%,transparent);color:var(--ruim)}
.chip.alerta{background:color-mix(in srgb,var(--alerta) 16%,transparent);color:var(--alerta)}
.chip.acao{color:var(--brasa)}
.atencao.compacta:not(.aberta) .extra{display:none}
.ver-mais{display:block;width:100%;margin-top:4px;padding:9px;border:0;border-top:1px solid var(--line);background:none;font-weight:800;color:var(--brasa);cursor:pointer}
@media (max-width:560px){
  .at-linha{grid-template-columns:4px 1fr;row-gap:6px}
  .at-linha .barra{grid-row:span 2;height:100%}
  .at-linha .chips{grid-column:2}
}
.at-linha.geral{grid-template-columns:4px auto 1fr}
@media (max-width:560px){.chip{flex-shrink:1}.at-linha.geral{grid-template-columns:4px 1fr}}

/* Card do cliente: campanhas no ar agora */
.no-ar{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--glass-forte) 70%,transparent)}
.no-ar-tit{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--bom)}
.no-ar-tit i{width:7px;height:7px;border-radius:50%;background:var(--bom);box-shadow:0 0 0 3px color-mix(in srgb,var(--bom) 22%,transparent)}
.no-ar.vazio .no-ar-tit{color:var(--muted)}
.no-ar-linha{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13.5px}
.no-ar-linha .pd{width:8px;height:8px;border-radius:2px;background:#1a73e8}
.no-ar-linha .pd.meta{background:#0866ff;border-radius:50%}
.no-ar-linha .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.no-ar-linha .nm svg{width:12px;height:12px;color:var(--brasa);vertical-align:-1px;margin-right:4px}
.no-ar-linha .vl{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}
.no-ar-mais{font-size:12.5px;font-weight:800;color:var(--brasa);text-decoration:none}
.ponto.critico{background:var(--ruim);box-shadow:0 0 0 4px color-mix(in srgb,var(--ruim) 20%,transparent)}
.manter .alerta{grid-template-columns:8px 1fr auto auto}
@media (max-width:560px){.manter .alerta{grid-template-columns:8px 1fr 1fr}.manter .alerta>div{grid-column:2/-1}.manter .alerta .barra{grid-row:span 2;align-self:stretch;height:auto}}

/* Resumo escrito e vendas */
.resumo{padding:18px 22px;margin-bottom:22px;border-left:4px solid var(--brasa)}
.resumo p{margin:0;font-size:16.5px;line-height:1.55}
.vendas{margin-bottom:16px}
.venda{padding:12px 0;border-top:1px solid var(--line)}
.venda .mes{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.venda-n{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:8px}
.venda-n b{display:block;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}
.venda-n small{color:var(--muted);font-size:13px}
.venda-n .ret b{color:var(--bom)}
.form-vendas{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 0 4px;border-top:1px solid var(--line)}
.form-vendas>b{flex-basis:100%}
.form-vendas label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--muted)}
.form-vendas input{padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;font-size:16px;font-weight:800;width:170px}
.form-vendas small{flex-basis:100%;color:var(--muted)}
@media print{.resumo{border-left:4px solid #e8582a}}
.ficha-ads input[type=text],.ficha-ads input[type=tel]{padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;font-weight:700}
.at-linha.envio{grid-template-columns:4px minmax(140px,240px) 1fr auto}
.at-linha.envio .btn{padding:6px 12px}
@media (max-width:560px){.at-linha.envio{grid-template-columns:4px 1fr auto}.at-linha.envio .chips{grid-column:2/-1;grid-row:2}}

/* ═════ Relatório (documento) ═════ */
:root{--papel:rgba(255,255,255,.86);--tinta:#16181d}
@media (prefers-color-scheme:dark){:root{--papel:rgba(24,26,31,.88);--tinta:#f2f2f0}}
.rel-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 auto 16px;max-width:980px}
.rel-per{display:flex;align-items:center;gap:10px;font-weight:800}
.rel-per select{padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;font-weight:700}
.rel{max-width:980px;margin:0 auto;background:var(--papel);border:1px solid var(--glass-borda);border-radius:28px;box-shadow:var(--sombra);overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.rel-capa{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:34px 38px;color:#fff;
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--cli) 92%,#fff) 0%,var(--cli) 45%,color-mix(in srgb,var(--cli) 55%,#000) 100%)}
.rel-capa::after{content:"";position:absolute;inset:auto -10% -60% 40%;height:160%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);pointer-events:none}
.rel-marca{width:88px;height:88px;border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);position:relative;z-index:1}
.rel-logo{max-width:78%;max-height:78%;object-fit:contain}
.rel-mono{font-size:42px;font-weight:900;color:var(--cli,#e8582a)}
.rel-mono.mini{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--cli) 14%,transparent);font-size:17px}
.rel-tit{position:relative;z-index:1;min-width:0}
.rel-cli{margin:0 0 4px;font-weight:700;opacity:.88;font-size:16px}
.rel-tit h1{margin:0;font-size:clamp(34px,5.2vw,56px);line-height:1;letter-spacing:-.03em;font-weight:900}
.rel-sub{margin:10px 0 0;opacity:.85;font-size:15px}
.rel-invista{height:26px;filter:brightness(0) invert(1);opacity:.9;align-self:start;position:relative;z-index:1}
.rel-lead{margin:0;padding:28px 38px 6px;font-size:clamp(17px,2vw,20px);line-height:1.6;max-width:72ch}
.rel-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 38px 0;border-top:2px solid var(--tinta)}
.rel-kpis>div{padding:16px 16px 18px 0;display:flex;flex-direction:column;gap:2px}
.rel-kpis>div+div{padding-left:18px;border-left:1px solid var(--line)}
.rel-kpis span{font-size:14px;color:var(--muted);font-weight:700}
.rel-kpis b{font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rel-kpis small{color:var(--muted);font-size:13px}
.rel-kpis.menor{margin:12px 0 0;border-top:1px solid var(--line)}
.rel-kpis.menor b{font-size:28px}
.rel-kpis .destaque b{color:var(--bom)}
.cmp{font-weight:800;font-size:14px}.cmp.bom{color:var(--bom)}.cmp.ruim{color:var(--ruim)}.cmp.neutro{color:var(--muted)}
.rel-nota{margin:10px 38px 0;color:var(--muted);font-size:14px}
.rel-sec{padding:26px 38px 0}
.rel-sec h2{margin:0 0 12px;font-size:19px;font-weight:800;letter-spacing:-.01em}
.rel-sec .rel-nota{margin:10px 0 0}
.rel-vendas{padding-bottom:4px}
.g-meses{width:100%;height:auto;display:block}
.rel-camps{display:flex;flex-direction:column}
.rc{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,1fr) auto;gap:16px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.rc-nome{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.rc-nome b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rc-nome em{font-style:normal;font-size:12px;font-weight:800;color:var(--bom);background:color-mix(in srgb,var(--bom) 14%,transparent);padding:2px 8px;border-radius:999px}
.pd{width:9px;height:9px;flex:none;border-radius:2px;background:#1a73e8}.pd.meta{background:#0866ff;border-radius:50%}
.rc-barra{height:8px;border-radius:99px;background:color-mix(in srgb,var(--tinta) 8%,transparent);overflow:hidden}
.rc-barra i{display:block;height:100%;border-radius:99px;background:var(--cli)}
.rc-num{text-align:right;display:flex;flex-direction:column}
.rc-num b{font-variant-numeric:tabular-nums}.rc-num span{font-size:13px;color:var(--muted);white-space:nowrap}
.rel-plats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rp{padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--tinta) 4%,transparent)}
.rp h3{margin:0 0 10px;font-size:15px;display:flex;align-items:center;gap:8px}
.rp h3::before{content:"";width:9px;height:9px;border-radius:2px;background:#1a73e8}.rp.meta h3::before{border-radius:50%;background:#0866ff}
.rp dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rp dt{font-size:13px;color:var(--muted)}.rp dd{margin:0;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}
.rel-duas{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.rel-duas p{margin:0;white-space:pre-line;line-height:1.55}
.rel-pe{margin-top:30px;padding:18px 38px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.rel-pe p{margin:0;max-width:60ch}
.rel .legenda{margin-top:8px}
.rel .form-vendas{border-top:0;padding-top:0}
/* Aba Relatórios */
.rel-lista{padding:6px 20px 8px}
.rl{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 110px 110px auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.rl-cab{border-top:0;font-size:13px;font-weight:800;color:var(--muted)}
.rl-cli{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.rl-cli img{width:34px;height:34px;border-radius:10px;object-fit:contain;background:#fff;flex:none}
.rl-cli b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-cli:hover b{color:var(--brasa)}
.rl-num{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}
.rl-acoes{display:flex;gap:6px;justify-content:flex-end}
.chip.bom{background:color-mix(in srgb,var(--bom) 14%,transparent);color:var(--bom)}
@media (max-width:760px){
  .rel-capa{grid-template-columns:auto 1fr;padding:24px 20px}.rel-invista{display:none}
  .rel-marca{width:64px;height:64px;border-radius:16px}
  .rel-lead,.rel-sec,.rel-pe{padding-left:20px;padding-right:20px}
  .rel-kpis{grid-template-columns:1fr 1fr;margin:14px 20px 0}.rel-nota{margin-left:20px;margin-right:20px}
  .rel-kpis>div:nth-child(3){padding-left:0;border-left:0}.rel-kpis>div:nth-child(n+3){border-top:1px solid var(--line)}
  .rc{grid-template-columns:1fr auto}.rc-barra{grid-column:1/-1;grid-row:2}
  .rel-plats,.rel-duas{grid-template-columns:1fr}
  .rl{grid-template-columns:1fr auto}.rl-cab{display:none}.rl>span:nth-child(2),.rl>span:nth-child(3),.rl>span:nth-child(4){grid-column:1}
}
@media print{
  .rel{border:0;box-shadow:none;border-radius:0;max-width:none;background:#fff}
  .rel-capa{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rel-sec,.rel-kpis{break-inside:avoid}
  .rel-barra,.voltar{display:none!important}
}
.rl>span:nth-child(3),.rl>span:nth-child(4){display:flex}
@media (max-width:760px){
  .rc{grid-template-columns:1fr;gap:6px}
  .rc-nome b{white-space:normal}
  .rc-num{text-align:left;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
  .rc-barra{grid-column:auto;grid-row:auto}
}

/* ═════ Comercial (CRM) ═════ */
.sel{padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;font-weight:700}
.funil{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:16px;overflow:hidden}
.funil>div{padding:18px 20px;display:flex;flex-direction:column;gap:2px}
.funil>div+div{border-left:1px solid var(--line)}
.funil span{font-size:14px;font-weight:700;color:var(--muted)}
.funil b{font-size:30px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.funil small{font-size:13px;color:var(--muted)}
.funil>div:last-child b{color:var(--brasa)}
.aviso-faixa{margin:0 0 16px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--alerta) 12%,transparent);color:var(--ink);font-size:14px}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.coluna{background:var(--glass);border:1px solid var(--glass-borda);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:160px;scroll-snap-align:start;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.coluna h2{margin:2px 4px 4px;font-size:15px;display:flex;justify-content:space-between}
.coluna h2 span{color:var(--muted);font-weight:800}
.coluna[data-etapa=vendido] h2{color:var(--bom)}.coluna[data-etapa=sem_resultado] h2{color:var(--muted)}
.lead{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;cursor:pointer;transition:transform .15s ease}
.lead:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brasa) 40%,var(--line))}
.lead-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lead-top b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-top small{color:var(--muted);font-size:12px;white-space:nowrap}
.lead-tags{display:flex;flex-wrap:wrap;gap:4px}
.lead-tags .chip{font-size:11.5px;padding:2px 8px}
.chip.meta{background:color-mix(in srgb,#0866ff 14%,transparent);color:#0866ff}
.chip.google{background:color-mix(in srgb,#1a73e8 12%,transparent);color:#1a73e8}
.lead-anuncio{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-valor{font-weight:800;color:var(--bom)}
.etapas-btn{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}
.etapas-btn button{padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.etapas-btn button.on{background:var(--ink);color:var(--papel);border-color:transparent}
.lead-dados{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0 0 12px}
.lead-dados dt{font-size:12px;color:var(--muted);text-transform:capitalize}.lead-dados dd{margin:0;font-weight:700}
.conversa,.sim-tela{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--ink) 5%,transparent);margin-bottom:12px}
.msg{margin:0;max-width:82%;display:flex;flex-direction:column;gap:2px}
.msg span{padding:8px 11px;border-radius:14px;background:var(--glass-forte);font-size:14px;line-height:1.4;white-space:pre-line}
.msg small{font-size:11px;color:var(--muted)}
.msg.entrada{align-self:flex-start}.msg.entrada span{border-bottom-left-radius:4px}
.msg.robo,.msg.equipe{align-self:flex-end;align-items:flex-end}
.msg.robo span{background:#d9fdd3;color:#111;border-bottom-right-radius:4px}
.msg.equipe span{background:color-mix(in srgb,var(--brasa) 18%,var(--glass-forte));border-bottom-right-radius:4px}
.sim-tela{min-height:280px;max-height:52vh}
.sim-botoes{display:flex;flex-direction:column;gap:4px;align-self:flex-end;width:min(82%,260px)}
.sim-botoes button{padding:8px;border-radius:10px;border:1px solid var(--line);background:var(--glass-forte);color:#0a7cff;font:inherit;font-weight:700;cursor:pointer}
.sim-form{display:flex;gap:8px;margin-bottom:12px}
.sim-form input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit}
.campo textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit;font-weight:500;font-size:15px}
.campo input[readonly]{font-size:14px;font-weight:700}
@media (max-width:860px){.funil{grid-template-columns:1fr 1fr}.funil>div:nth-child(3){border-left:0}.funil>div:nth-child(n+3){border-top:1px solid var(--line)}
  .kanban{grid-template-columns:repeat(5,82%)}}
@media (max-width:560px){.menu{overflow-x:auto;justify-content:flex-start}.menu a{flex:none}}
.funil{grid-template-columns:repeat(5,1fr)}
.funil em{font-style:normal;font-weight:800}.funil em.ruim{color:var(--ruim)}
.tab-leads{padding:4px 16px 8px;margin-bottom:16px;overflow-x:auto}
.tl{display:grid;grid-template-columns:110px minmax(140px,1.2fr) minmax(160px,1.4fr) 110px 190px 120px 110px;gap:12px;align-items:center;width:100%;min-width:1000px;padding:11px 4px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.tl:hover{background:color-mix(in srgb,var(--brasa) 6%,transparent)}
.tl-cab{border-top:0;cursor:default;font-size:12.5px;font-weight:800;color:var(--muted)}.tl-cab:hover{background:none}
.tl-data{font-variant-numeric:tabular-nums;color:var(--muted)}
.tl-nome,.tl-origem{display:flex;flex-direction:column;gap:3px;min-width:0}
.tl-nome small,.tl-origem small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-origem .chip{align-self:flex-start}
.tl-tempo{font-weight:800;white-space:nowrap}.tl-tempo.bom{color:var(--bom)}.tl-tempo.alerta{color:var(--alerta)}.tl-tempo.ruim{color:var(--ruim)}
.lead-dados.tempos{padding:12px;border-radius:14px;background:color-mix(in srgb,var(--ink) 4%,transparent)}
.btn.mini{padding:5px 10px;font-size:13px}
@media (max-width:860px){.funil{grid-template-columns:1fr 1fr}}
/* Login com senha e convite */
.ou{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:18px 0 12px}.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--line)}
.form-senha{display:flex;flex-direction:column;gap:10px;text-align:left}
.form-senha label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--muted)}
.form-senha input{padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;font-size:16px;width:100%}
.senha-campo{position:relative;display:block}.senha-campo input{padding-right:46px}
.olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:18px;padding:6px;cursor:pointer;opacity:.7}
.form-senha .btn{justify-content:center;padding:12px}
.eq-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.eq-form input,.eq-form select{padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;min-width:150px;flex:1}
/* Ficha do contato */
.lead-dlg{max-height:80vh;overflow-y:auto}
.dlg{width:min(620px,calc(100vw - 24px))}
.bloco-lead{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.bloco-lead h3{margin:0 0 8px;font-size:15px}
.chips-btn{display:flex;flex-wrap:wrap;gap:6px}
.chips-btn button{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.chips-btn button.on{background:var(--ink);color:var(--papel);border-color:transparent}
.chips-btn button.on-bom{border-color:color-mix(in srgb,var(--bom) 50%,transparent);color:var(--bom)}
.form-and{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.form-and label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--muted)}
.form-and input,.form-and select,.form-and textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit;font-size:15px}
.form-and .btn{align-self:flex-start}
.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.timeline li{padding:8px 10px 8px 14px;border-left:3px solid var(--brasa);background:color-mix(in srgb,var(--ink) 4%,transparent);border-radius:0 10px 10px 0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.timeline span{color:var(--ink)}.timeline small{color:var(--muted);font-size:12px}
.ok-txt{color:var(--bom);font-weight:700;margin:0}.ruim-txt{color:var(--ruim);font-weight:700;margin:0}
.link{border:0;background:none;color:var(--brasa);font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}
.aviso-faixa.ok{background:color-mix(in srgb,var(--bom) 12%,transparent)}
button.at-linha{width:100%;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.funil{grid-template-columns:repeat(6,1fr)}
@media (max-width:1100px){.funil{grid-template-columns:repeat(3,1fr)}.funil>div:nth-child(4){border-left:0}.funil>div:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:640px){.funil{grid-template-columns:1fr 1fr}}
.lead-dados.tempos dt{text-transform:none}
.rel-equipe{margin-top:14px}
.rel-equipe td.tl-tempo{white-space:nowrap}

/* Fila do dia */
.fila-tit{margin:0 0 12px;font-size:20px}
.fila{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-bottom:18px}
.fila-card{padding:14px 16px;display:flex;flex-direction:column;gap:8px;border-left:5px solid var(--line)}
.fila-card.p4,.fila-card.p3{border-left-color:var(--ruim)}.fila-card.p2{border-left-color:var(--alerta)}.fila-card.p1{border-left-color:var(--brasa)}
.fila-card header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fila-card header b{font-size:17px}
.fila-card header small{margin-left:auto;font-size:13px}
.fila-info{margin:0;font-size:14.5px}
.fila-anuncio{margin:0;font-size:12.5px;color:var(--muted)}
.fila-acoes{display:flex;flex-wrap:wrap;gap:6px}
.fila-acoes .btn{padding:8px 11px;font-size:14px}
.btn.sutil{background:none;border-color:transparent;color:var(--muted)}
.fila-resp{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:700}
.fila-resp select{padding:6px 8px;border-radius:10px;border:1px solid var(--line);background:var(--glass-forte);color:var(--ink);font:inherit;font-size:13px}
.fila-com{color:var(--muted);font-size:12.5px}
.fila-vazia{text-align:center;padding:30px}.fila-vazia b{font-size:20px}
.topo-logo .logo-cli{height:34px;max-width:140px;object-fit:contain;border-radius:8px;background:#fff;padding:3px 6px}
.topo-logo .por{font-size:11px;color:var(--muted);font-weight:700;margin-left:8px}
@media (max-width:560px){.fila{grid-template-columns:1fr}.fila-acoes .btn{flex:1 1 30%;justify-content:center}}

/* Treinamento */
.trein{max-width:900px;margin:0 auto}
.trein .rel-capa h1{font-size:clamp(28px,4.5vw,46px)}
.trein-sec{padding:22px 38px 0}
.trein-sec h2{margin:0 0 6px;font-size:21px}
.passos{list-style:none;counter-reset:p;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.passos li{counter-increment:p;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.passos li::before{content:counter(p);width:34px;height:34px;border-radius:50%;background:var(--cli);color:#fff;display:grid;place-items:center;font-weight:900}
.passos b{display:block;margin-bottom:2px}
.mock{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 2px}
.mock span{font-size:12px;font-weight:800;padding:5px 9px;border-radius:9px;border:1px solid var(--line);background:var(--glass-forte)}
.mock span.z{background:#1f9d55;color:#fff;border-color:transparent}
.dica{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--cli) 10%,transparent);font-size:14.5px}
@media (max-width:760px){.trein-sec{padding:18px 20px 0}}
@media print{.trein-sec{break-inside:avoid}}
.pub-acoes{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
/* Anúncios campeões */
.ad-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.ad-card{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--glass-forte);display:flex;flex-direction:column;break-inside:avoid}
.ad-img{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,rgba(232,88,42,.18),rgba(232,88,42,.04))}
.ad-img img{width:100%;height:100%;object-fit:cover;display:block}
.ad-pos{position:absolute;top:8px;left:8px;background:#e8582a;color:#fff;font-weight:700;font-size:.8rem;border-radius:999px;padding:2px 9px}
.ad-card figcaption{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;font-size:.88rem}
.ad-card figcaption p{margin:0;opacity:.75;font-size:.8rem;line-height:1.35}
.ad-num{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.78rem;opacity:.85;margin-top:auto}
.ad-grade:has(> :nth-child(4)){grid-template-columns:repeat(4,1fr)}
@media (max-width:760px){.ad-grade,.ad-grade:has(> :nth-child(4)){grid-template-columns:repeat(2,1fr)}}
/* Relatório analítico */
.rel-sels{display:flex;gap:10px;flex-wrap:wrap}
.funil-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.funil-rel>div{position:relative;background:rgba(232,88,42,.06);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.funil-rel>div:empty{display:none}
.funil-rel>div:has(+ div:not(:empty))::after{content:"›";position:absolute;right:-9px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--muted)}
.funil-rel span{font-size:.78rem;color:var(--muted)}.funil-rel b{font-size:1.35rem}.funil-rel small{font-size:.75rem;color:var(--muted)}
.tabela-rolar{overflow-x:auto}
.rel-tab td:first-child{max-width:260px}
.rel-tab .bom{color:var(--bom);font-weight:700}.rel-tab .ruim{color:var(--ruim);font-weight:700}
.alvo-grade{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}
.alvo h3{margin:0 0 8px;font-size:.95rem}
.alvo-l{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;gap:8px;align-items:center;font-size:.82rem;padding:3px 0}
.alvo-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alvo-b{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.alvo-b i{display:block;height:100%;border-radius:99px}
.alvo-v{font-variant-numeric:tabular-nums;min-width:78px;text-align:right;color:var(--muted)}.alvo-v.bom{color:var(--bom);font-weight:700}.alvo-v.ruim{color:var(--ruim);font-weight:700}
.sem-graf{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:150px;align-items:end}
.sem-graf>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;font-size:.78rem}
.sem-graf i{display:block;width:100%;max-width:48px;border-radius:8px 8px 3px 3px;min-height:3px}
.sem-graf span{color:var(--muted)}
.rel-leitura ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.45}
@media (max-width:760px){.funil-rel{grid-template-columns:repeat(2,1fr)}.funil-rel>div::after{display:none}.alvo-grade{grid-template-columns:1fr}}
/* Ritmo do mês */
.ritmo-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 24px}
.ritmo-g>div{display:flex;flex-direction:column;gap:6px}
.ritmo-g span{font-size:.8rem;color:var(--muted)}.ritmo-g b{font-size:1.25rem}.ritmo-g b small{font-size:.8rem;color:var(--muted);font-weight:600}
.ritmo-b{position:relative;height:10px;background:var(--line);border-radius:99px}
.ritmo-b i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:var(--bom)}.ritmo-b i.alerta{background:var(--alerta)}.ritmo-b i.ruim{background:var(--ruim)}
.ritmo-b em{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);border-radius:2px}
.ritmo-g small.bom{color:var(--bom)}.ritmo-g small.alerta{color:var(--alerta)}.ritmo-g small.ruim{color:var(--ruim)}
.ramo-nota .bom{color:var(--bom);font-weight:700}.ramo-nota .ruim{color:var(--ruim);font-weight:700}
/* Área do cliente com abas */
.cli-id{display:flex;align-items:center;gap:14px;min-width:0}
.cli-logo{width:52px;height:52px;border-radius:14px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.cli-atalhos{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}
.abas-cli{position:sticky;top:8px;z-index:5;display:flex;gap:4px;padding:5px;margin:0 0 16px;border-radius:999px;background:var(--glass-forte);border:1px solid var(--glass-borda);box-shadow:var(--sombra);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}
.abas-cli::-webkit-scrollbar{display:none}
.abas-cli a{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;color:var(--muted);font-weight:700;text-decoration:none;white-space:nowrap;font-size:.95rem}
.abas-cli a:hover{color:var(--ink)}
.abas-cli a[aria-current]{background:var(--ink);color:#fff}
.abas-cli .cont{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--brasa);color:#fff;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center}
.fazer .alerta{grid-template-columns:6px 1fr auto}
.tudo-ok{margin:4px 0;color:var(--bom);font-weight:700}
@media (max-width:640px){.cli-atalhos .btn{flex:1 1 auto;justify-content:center}.fazer .alerta{grid-template-columns:6px 1fr}.fazer .alerta .pub-acoes{grid-column:2;justify-content:flex-start}}
.chip svg{width:13px;height:13px;vertical-align:-2px}
.wa-nums{display:grid;gap:8px;margin:6px 0 14px}
.wa-num{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.wa-num small{display:block;opacity:.7}
.wa-form h3{margin:6px 0 10px;font-size:15px}
.wa-duas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wa-form .senha-campo{position:relative;display:block}.wa-form .senha-campo input{width:100%;padding-right:40px}
.wa-hook{margin-top:14px}.wa-hook summary{cursor:pointer;opacity:.8}
@media (max-width:600px){.wa-duas{grid-template-columns:1fr}}
.wa-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.wa-resumo div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;text-align:center}
.wa-resumo b{display:block;font-size:22px}.wa-resumo small{opacity:.7}
.wa-opinioes{display:grid;gap:8px;max-height:40vh;overflow:auto}
.wa-op{background:rgba(255,255,255,.05);border-radius:10px;padding:9px 11px}
.wa-op small{float:right;opacity:.6}.wa-op p{margin:6px 0 0}
.aviso-convite{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 18px;margin:0 0 14px;border:1px solid rgba(255,214,0,.35);cursor:pointer;color:inherit;font:inherit;border-radius:16px}
.aviso-convite span{font-size:26px}.aviso-convite b{display:block}.aviso-convite small{opacity:.75}