/* HunterPro - ajustes de interface (carrega depois de app/themes/late).
   1) Busca em massa: turbo na linha do titulo + filtro ao lado de "Parar ao encontrar"
   2) Tema roxo: barras do Funil de leads visiveis
   3) Nome da marca com fonte melhor
   4) Seletor de cor: o clique troca direto (sem menu)
   5) Imagens do painel: sem salvar/arrastar */

/* ---------- 1) Busca em massa ---------- */
.mass-head{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}
.mass-title{font-weight:800;font-size:15px}
.mass-turbo{align-items:center;gap:8px;flex-wrap:wrap;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2)}
.mass-turbo-lbl{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.mass-ctrl{display:flex;align-items:center;gap:8px 10px;margin-top:8px;flex-wrap:wrap}
.mass-ctrl label{font-size:13px;font-weight:600}
.mass-ctrl .mass-filter{padding:6px 28px 6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;max-width:100%}
.mass-ctrl .mass-filter:focus{outline:2px solid var(--blue);outline-offset:1px}

/* ---------- 2) Funil de leads no tema roxo ---------- */
/* antes: trilho (#26262c) e barra (#2a2a32) quase da mesma cor = barras invisiveis */
body.theme-purple #page-dashboard .funnel-row .bar-track{background:#15151a;box-shadow:inset 0 0 0 1px rgba(var(--neon),.28)}
body.theme-purple #page-dashboard .funnel-row .bar-fill{background:linear-gradient(90deg,rgba(168,85,247,.6),rgba(192,132,252,.95));box-shadow:0 0 10px -2px rgba(var(--neon),.7)}

/* ---------- 3) Nome da marca ---------- */
.brand-name,.ag-brand{font-family:'Sora','Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.brand-name{font-size:21px;font-weight:800;letter-spacing:-.045em;line-height:1}
.brand-name span{font-weight:500!important;letter-spacing:-.02em;opacity:.92}
.ag-brand{font-weight:700;letter-spacing:.01em}

/* ---------- 4) Cor do tema: clique troca direto ---------- */
#themePop{display:none!important}
#themeToggleBtn{cursor:pointer}
#themeToggleBtn svg{transition:transform .35s ease}
#themeToggleBtn:active svg{transform:rotate(90deg) scale(.9)}

/* ---------- 5) Imagens do painel nao podem ser salvas/arrastadas ---------- */
img:not([data-hp-livre]){-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}


/* 6) Menu minimizado: sem o logo da ferramenta (volta ao expandir) */
.app.sidebar-collapsed .brand-logo{display:none!important}
.app.sidebar-collapsed .brand{padding-top:0}

/* 7) Portal de Afiliados (PC): janela mais larga, quase encostando nos dois lados.
   Antes: 40px de margem de cada lado. Agora: uma folguinha pequena (14px, ~12px na tela por causa do zoom .88).
   So no PC (>1000px) e so nessa tela; menu aberto, fechado e navegador em tela cheia seguem a mesma regra. */
@media(min-width:1001px){
  .main:has(#page-afiliado.afil-owner.active),
  .app.sidebar-collapsed .main:has(#page-afiliado.afil-owner.active){padding-left:14px!important;padding-right:14px!important}
}

/* 8) Portal de Afiliados: fundo escuro atras da janela (a barra de rolagem do portal tem trilho transparente e antes mostrava branco) */
#afilFrame{background:#07061a!important}


/* 9) Menu recolhido: perfil, sol (cor do tema) e sair ficam um embaixo do outro, no mesmo eixo central.
   Causa: o botao Sair tinha margin-left:auto (empurrava para a direita) e cada item tinha uma largura diferente. */
.app.sidebar-collapsed .sidebar-bottom{align-items:stretch}
.app.sidebar-collapsed .foot-icons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;margin:6px 0 0;padding:0}
.app.sidebar-collapsed .foot-icons>*{margin:0!important}
.app.sidebar-collapsed .sidebar-user{width:34px;height:34px;padding:0;margin:0;gap:0;justify-content:center;align-items:center;flex:0 0 34px}
.app.sidebar-collapsed .su-avatar{width:26px;height:26px;flex:0 0 26px;margin:0}
.app.sidebar-collapsed .theme-wrap{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center}
.app.sidebar-collapsed .foot-icon-btn,
.app.sidebar-collapsed .su-logout{width:34px;height:34px;flex:0 0 34px;margin:0!important;padding:0;display:inline-flex;align-items:center;justify-content:center}

/* 10) Criar site no celular: abre como se estivesse com 75% de zoom (abas Descrever / Link / Prompt / Lead / Arena
   deixam de ficar apertadas e embolando as letras). Para ajustar, mude o valor de --cs-zoom. So celular (<=600px). */
@media(max-width:600px){
  #page-criar-site{--cs-zoom:.75}
  #page-criar-site .create-wrap{zoom:var(--cs-zoom)}
}

/* 11) Abordagem IA no celular: "Boa noite" sobe, o chat desce e as sugestoes ganham respiro (nada colado). So celular. */
@media(max-width:600px){
  #page-copiloto .ab:not(.chat){justify-content:flex-start;padding-top:34px;padding-bottom:34px}
  #page-copiloto .ab:not(.chat) .ab-hero{margin-bottom:44px}
  #page-copiloto .ab:not(.chat) .ab-hero .ab-greet{margin-top:6px}
  #page-copiloto .ab:not(.chat) .ab-hero .ab-sub{margin-top:4px;line-height:1.45}
  #page-copiloto .ab:not(.chat) .ab-col:last-child{gap:26px}
  #page-copiloto .ab:not(.chat) .ab-chips{gap:12px;padding-top:4px}
}

/* 12) Janela "Importar site": nada encolhe/corta (o botao Importar ficava espremido no fim da janela) */
#hpImpGo,#hpImpName,#hpImpAviso,#hpImpRel{flex:0 0 auto!important}
#hpImpGo{min-height:48px}