<!--
================================================================================
  MEU SECOM — Prefeitura de Santa Rita do Passa Quatro (SP)
  (rebrand v5.18 — antes: "Estúdio de Comunicação")
  Versão: 5.21
  Repositório: GitHub (privado) → Cloudflare Pages (produção)
  URL produção: https://studio-srp4.pages.dev
  Admin: ogabrielolivato@gmail.com
================================================================================

  ARQUITETURA
  ──────────────────────────────────────────────────────────────────────────────
  • Frontend: HTML/CSS/JS single-file (este arquivo)
    - Hospedado no Cloudflare Pages (studio-srp4.pages.dev)
    - Deploy automático a cada push no branch main do GitHub
    - Sem limite de builds/deploys no plano gratuito do Cloudflare
  • Backend de dados: Supabase (myenqagskprcxtorvnls.supabase.co)
  • Backend de IA: Cloudflare Worker em src/worker.js
    - Worker: estudio-gerar (estudio-gerar.ogabrielolivato.workers.dev)
    - O frontend NUNCA chama a Anthropic diretamente (CORS + segurança)
    - [v5.13] Worker agora expõe 4 endpoints semânticos:
        POST /produzir — geração de conteúdo (qualquer usuário aprovado)
        POST /pauta    — análise de pauta (admin)
        POST /perfil   — perfil de aprendizado individual (todos os usuários aprovados) [v5.19]
        POST /chat     — assistente conversacional (qualquer usuário aprovado)
    - [v5.14] Novo endpoint:
        POST /responder — resposta a comentários (qualquer usuário aprovado)
                          Parâmetros: postOriginal, comentario, intencao, tom,
                          contexto, mencoes, personalidades, perfilAprendizado
    - [v5.15] /pauta: suporte a continuação multi-turn. Frontend envia
        {continuacao:true, textoAnterior} quando stop_reason='max_tokens';
        Worker reconstrói o histórico e incrementa. max_tokens subiu de 2000
        para 4000. Frontend mantém _pautaSession para sessão ativa.
    - [v5.13] Prompts proprietários (SYS de produção, SYS_CHAT, SYS_PAUTA,
      SYS_PERFIL, montarBlocoPersonalidades, fmtInstr, toneMap, linhaMap)
      foram migrados para o Worker. O frontend envia apenas dados estruturados.
    - [v5.12-5.13] Autenticação por JWT: frontend envia access_token do Supabase
      no header Authorization; Worker valida consultando profiles (detecta
      automaticamente HS256 e RS256/ES256 porque delega validação ao Supabase).
    - [v5.13] Rate limit de 30 req/min por usuário + telemetria em uso_ia
      (registro assíncrono via ctx.waitUntil).
    - Secrets no Cloudflare (Workers & Pages → estudio-gerar → Settings):
        ANTHROPIC_API_KEY, SUPABASE_URL, SUPABASE_ANON_KEY,
        SUPABASE_SERVICE_ROLE_KEY.
        (SUPABASE_JWT_SECRET foi cadastrado na v5.12 mas não é mais usado
        na v5.13 — pode ser removido.)
  • Modelo: claude-sonnet-4-5

  INFRAESTRUTURA — CLOUDFLARE
  ──────────────────────────────────────────────────────────────────────────────
  • Pages (frontend): Workers & Pages → studio-srp4
    - Conectado ao GitHub: gabriel-secom/studio-srp4, branch main
    - Arquivo servido: index.html (raiz do repositório)
    - Build command: nenhum (arquivo estático)
  • Worker (backend IA): Workers & Pages → estudio-gerar
    - Arquivo de entrada definido em wrangler.jsonc: "main": "src/worker.js"
    - ATENÇÃO: wrangler.jsonc tem precedência sobre wrangler.toml quando ambos
      existem. Manter apenas wrangler.jsonc para evitar conflito.
    - NÃO incluir "assets" no wrangler.jsonc — isso transforma o Worker em
      site estático e ignora o src/worker.js. Configuração correta:
      { "name":"estudio-gerar", "main":"src/worker.js",
        "compatibility_date":"2026-04-16", "observability":{"enabled":true} }
  • CORS: Worker configurado para aceitar apenas origens autorizadas:
    - https://studio-srp4.pages.dev
    - https://estudio-gerar.ogabrielolivato.workers.dev
    - Para adicionar domínio customizado futuro, incluir no array ALLOWED_ORIGINS
      em src/worker.js

  MIGRAÇÃO NETLIFY → CLOUDFLARE (histórico)
  ──────────────────────────────────────────────────────────────────────────────
  • Motivo: limite de 300 minutos de build/mês no Netlify esgotado por deploys
    frequentes durante desenvolvimento.
  • Cloudflare Pages: builds e deploys ilimitados no plano gratuito.
  • Arquivos Netlify mantidos no repositório por segurança (netlify.toml,
    netlify/functions/gerar.js) — podem ser removidos após estabilização.
  • Diferença técnica da função serverless:
    Netlify usa exports.handler (formato AWS Lambda)
    Cloudflare usa export default { async fetch(request, env) {} }

  FLUXO DE AUTH
  ──────────────────────────────────────────────────────────────────────────────
  • Login: doLogin() chama signInWithPassword → em caso de sucesso, chama
    safeInitApp(user) diretamente. NÃO depende de onAuthStateChange para login.
  • Reload: onAuthStateChange captura INITIAL_SESSION → chama safeInitApp
    se houver sessão válida no localStorage; esconde splash em ambos os casos.
  • Fallback: setTimeout de 3s no init() esconde splash e exibe login caso
    INITIAL_SESSION nunca dispare (timeout de rede etc.).
  • safeInitApp: guard _initAppRunning impede execuções paralelas do initApp.
  • onAuthStateChange escuta apenas INITIAL_SESSION e SIGNED_OUT.
    SIGNED_IN foi removido do listener para evitar dupla execução.
  • createClient configurado com persistSession:true, autoRefreshToken:true,
    detectSessionInUrl:false. localStorage nativo — sem wrapper customizado
    (wrappers quebraram o lock interno do Supabase).

  TABELAS SUPABASE
  ──────────────────────────────────────────────────────────────────────────────
  • profiles         — usuários (id, nome, email, role, aprovado, criado_em)
  • conteudos        — posts gerados e respostas do chat (user_id, formato,
                       departamento, linha, briefing, conteudo, criado_em)
  • engajamento      — métricas por post (conteudo_id, user_id, status_pub,
                       alcance, curtidas, comentarios, sentimento, atualizado_em)
  • eventos          — não utilizada (agenda migrada para Google Calendar)
  • perfis_producao  — aprendizado individual (user_id, tipo='individual',
                       perfil, posts_analisados, atualizado_em)
  • perfis_producao_historico — histórico de versões do perfil [v5.19]
                       (id, user_id, tipo, perfil, posts_analisados, criado_em)
                       RLS: usuário lê e escreve apenas os próprios registros.
                       Insert automático antes de cada sobrescrita em perfis_producao.
  • notificacoes     — não usada ativamente (notificações via badge)

  FUNCIONALIDADES ATIVAS
  ──────────────────────────────────────────────────────────────────────────────
  • Auth — login/signup com aprovação admin; sessão persistida via localStorage
  • Produzir — geração de conteúdo com IA
               Formatos: post estático, carrossel, comunicado/publicação oficial
               Departamentos: 16 opções
               Linhas editoriais: Prefeitura, Prefeito Marcelo, Turismo visitante,
               Turismo morador (Prestação de contas removida)
               Tons: Institucional, Informativo, Engajamento
               Hashtags: máx. 3
               Post de Referência (v5.9): fonte factual de plano de divulgação
               Menções obrigatórias (v5.9): nomes que DEVEM aparecer no conteúdo
               Prompt com instrução anti-markdown (sem *, #, _)
  • Histórico — listagem, cópia, engajamento (status/alcance/curtidas/
                comentários/sentimento), remoção com tratamento de erro
  • Agenda — embed do Google Calendar da prefeitura (somente leitura)
             URL: calendar.google.com/calendar/embed?src=850ea6fc...
  • Chat — assistente livre com contexto da prefeitura
           Histórico de sessão (máx. 20 mensagens), contador regressivo
           Sem memória entre sessões; respostas salvas em 'conteudos'
           System prompt com regras de comunicação de SRP4
  • Análise de pauta — diagnóstico estratégico com 5 seções (admin)
                       max_tokens: 2000; resultado pode ser salvo no histórico
  • Respostas a comentários [v5.14] — aba dedicada para responder comentários
    Campos: Assunto, Post original, Comentário, Intenção (5 opções), Tom (4 opções),
    Contexto adicional (colapsável), Menções com autocomplete @
    Tons exclusivos: Cordial / Institucional / Empático / Pessoal
    Mini-histórico inline (formato 'resposta_comentario', sem afetar métricas)
    Integrado ao sistema de aprendizagem via verificarAtualizacaoPerfil()
    Worker: endpoint /responder com SYS_RESPOSTA próprio (nuance digital/real)

  DECISÕES TÉCNICAS REGISTRADAS — v5.21 (sidebar completa + screen header + home desktop)
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.21] Pills: transition atualizado de .15s para .2s — sensação de clique mais satisfatória.
  • [v5.21] Quick-action cards (.qc-icon): ícone ampliado de 36px para 44px, svg de 20px para
    22px. Hover desktop: translateY(-2px) + shadow (via .qcard:hover:not(:active)).
  • [v5.21] Hero Home: background migrado de verde sólido para
    linear-gradient(135deg, --green 0%, --green2 100%) — identidade visual com mais profundidade.
  • [v5.21] Layout 2 colunas — Produzir (desktop ≥1024px): .prod-layout usa flex-direction:row
    com .prod-form fixo (flex:0 0 460px) à esquerda e .prod-result (flex:1) à direita. No mobile
    permanece flex-direction:column com comportamento inalterado.
    #p-result-placeholder mostra estado vazio no painel direito antes da geração; some via seletor
    sibling CSS (.out-wrap.vis~#p-result-placeholder{display:none}) — zero JS adicionado.
  • [v5.21] Layout 2 colunas — Home (desktop ≥1024px): .home-cols agrupa .home-col-left
    (Ações rápidas, 320px) e .home-col-right (Últimos conteúdos, flex-1). Mobile inalterado.
  • [v5.21] Sidebar — correções e refinamentos (v5.20.1):
      – order:-1 na .tab-bar: sidebar posicionada à ESQUERDA (DOM colocava .screens antes da nav).
      – #sb-user: card de usuário com avatar (inicial), nome e role, alimentado por profile em
        initApp(). Oculto no mobile (display:none global), visível no desktop.
      – .sb-sep: dois separadores visuais (1px rgba(255,255,255,.08)) — antes e depois do #sb-user.
      – .tb.active::after: dot verde (5px, var(--green-light)) com margin-left:auto à direita
        do item ativo. Visível apenas no desktop (declarado dentro do @media).
  • [v5.21] #sc-hd — cabeçalho de tela (desktop): div sticky no topo de .screens com h2 (título)
    e p (subtítulo). goTab() atualiza sc-hd-title e sc-hd-sub via tabTitles/tabSubs para todas
    as telas. Para Home, chama atualizarSaudacao() imediatamente — evita flash do título anterior.
    tabSubs: mapa de subtítulos por tela, paralelo a tabTitles existente.
  • [v5.21] .screens{overflow-y:auto;overflow-x:hidden}: antes overflow:hidden impedia scroll
    no desktop. Necessário para o position:sticky de #sc-hd funcionar corretamente.
  • [v5.21] goTab() — scroll reset: document.querySelector('.screens')?.scrollTo(0,0) a cada
    troca de aba — impede conteúdo novo aparecer já scrollado (posição de aba anterior vazava).
  • [v5.21] Home desktop — StatCards: .home-hero oculto no desktop (display:none no @media).
    #home-stat-grid (display:grid, 3 colunas) com .stat-card (branco, shadow-sm) exibe
    hsg-total/hsg-sem/hsg-hoje com subtítulo descritivo ("Desde o início", "Seg–Dom", data do dia).
    renderHome() atualiza os dois conjuntos de elementos (hm-* mobile + hsg-* desktop).
  • [v5.21] #sb-footer — rodapé da sidebar (desktop): contém botões Notificações e Painel Admin
    estilizados como .sb-footer-btn (iguais ao .tb). Badges .sb-footer-badge sincronizados com
    os badges do app-bar em verificarNotificacoes() e verificarPendentes(). sb-admin-btn
    show/hide determinado por isAdmin em initApp().
  • [v5.21] notif-panel movido de filho de .app-bar para filho direto de #app (position:relative).
    .app-bar é display:none no desktop — o painel ficava inacessível. Nova posição: absolute
    relativa ao #app; mobile: top:52px/right:8px (mesma posição visual anterior); desktop:
    left:228px/bottom:60px (já definido no @media existente).
  • [v5.21] #sb-meta — metadados da sidebar: bloco entre card de usuário e segundo separador,
    com data/hora (atualizada pelo tick de atualizarSaudacao(), 60s) e versão do app (APP_VERSION).
    Oculto no mobile; display:flex column no desktop. Texto em rgba(255,255,255,.32).

  DECISÕES TÉCNICAS REGISTRADAS — v5.20 (refinamento visual + sidebar desktop)
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.20] Design tokens expandidos em :root — novos aliases semânticos:
      --green-mid:#2D7A47  --green-light:#c8e6d0  --green-xlight:#eaf4ee
      --surface:#ffffff    --text-muted:#4a5a4e   --text-faint:#8a9e8e
      --border-light:rgba(27,77,46,0.07)
      --shadow-sm / --shadow / --shadow-lg  (3 níveis de elevação em rgba preto)
      --sidebar-bg:#1a3d27  --sidebar-text:rgba(255,255,255,.58)
      --sidebar-active:#ffffff
      --r:14px  --rs:10px  --rxs:7px  (raios de curvatura padronizados)
  • [v5.20] Tipografia: Plus Jakarta Sans (Google Fonts) adicionada via <link>.
    Inserida como primeira opção na font-family do body, antes de Inter e
    system-ui — sem fallback condicional, sem build tool.
  • [v5.20] App bar: fundo migrado de verde sólido (--green) para branco
    (--surface) com border-bottom:1px solid var(--border-light). Texto e ícones
    agora escuros (--text / --text-muted). Melhora hierarquia visual em telas
    brancas sem sacrificar identidade da marca.
  • [v5.20] Tab bar refinada:
      – Indicador de aba ativa: barra verde de 2px no topo via ::before
        (border-top-left-radius:2px, border-top-right-radius:2px)
      – SVGs em 22px / stroke-width:1.7 normal; ativo: 22px / stroke-width:2.2
      – Label ativo: font-weight:700 (era 600)
      – Feedback tátil: transform:scale(0.88) no :active
  • [v5.20] Input focus: box-shadow:0 0 0 3px rgba(27,77,46,0.10) adicionado
    ao :focus — glow verde suave, inconfundível com estado normal.
  • [v5.20] .btn-p: padding expandido para 14px 16px; box-shadow com tint verde
    (0 4px 14px rgba(27,77,46,0.26)); transform:scale(0.98)+shadow reduzida no
    :active — feedback de press mais satisfatório.
  • [v5.20] .out-wrap: fundo migrado para --green-xlight com border:1px solid
    --green-light. Comunica "área de resultado premium" sem poluição visual.
  • [v5.20] Cards (.card/.qcard/.mcard/.user-card/.pers-card): background:
    --surface, border:1px solid --border-light, box-shadow:--shadow-sm.
    .auth-card: box-shadow:--shadow (elevação maior — formulário de login).
  • [v5.20] Transição de tela: @keyframes screenIn
    {from{opacity:0;transform:translateY(10px)} to{opacity:1;translateY(0)}}
    aplicado em .screen.active com duration 0.28s cubic-bezier(0.22,1,0.36,1).
  • [v5.20] Sidebar desktop — layout responsivo CSS-only sem reestruturação de HTML:
    @media(min-width:1024px) transforma <nav class="tab-bar"> de barra
    horizontal inferior em sidebar vertical esquerda (220px, dark --sidebar-bg).
    Técnica: flex-direction:row em #app; flex-direction:column + width:220px
    na .tab-bar; .app-bar e .app-footer ocultados. Itens .tb ficam em
    flex-direction:row com gap:10px, padding:10px 12px, border-radius:10px.
    Ativo: background:rgba(255,255,255,.1), font-weight:700, ::before oculto.
    Hover não-ativo: background:rgba(255,255,255,.05).
    Única adição de HTML: <div id="sb-header"> com ícone SVG + .sb-brand
    como primeiro filho da nav — oculto em mobile (display:none), visível
    em desktop (display:flex).
  • [v5.20] Painel de notificações reposicionado no desktop para evitar sobreposição
    com a sidebar: left:228px adicionado no media query ≥1024px.
  • [v5.20] .screen no desktop: padding:36px 40px 60px para aproveitar a largura
    maior sem deixar o conteúdo colado às bordas.

  DECISÕES TÉCNICAS REGISTRADAS — v5.19 (sistema de aprendizagem)
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.19] SYS_PERFIL corrigido: substituída a menção a "padrões de briefing"
    por "assuntos e padrões de briefing", com instrução anti-alucinação explícita
    ("Baseie-se estritamente nos dados recebidos — não infira padrões que não
    estejam presentes"). gerarPerfilIndividual() agora inclui o campo briefing
    (até 200 chars) na string de dados enviada ao Worker — antes era selecionado
    mas descartado no map, causando alucinação estrutural.
  • [v5.19] Injeção do perfil unificada: "--- CONTEXTO DE ESTILO DO USUÁRIO ---"
    com instrução subordinada ("use quando compatível; regras do sistema prevalecem
    em caso de conflito") substitui os enunciados imperativos anteriores
    ("Baseie-se nos padrões abaixo" em /produzir e "Considere os padrões abaixo
    como referência" em /responder).
  • [v5.19] /perfil aberto a todos os usuários aprovados: gate admin removido
    do Worker. Antes, verificarAtualizacaoPerfil() era chamada para todos os
    usuários mas a geração retornava 403 para não-admin silenciosamente.
  • [v5.19] Versionamento do perfil: gerarPerfilIndividual() salva a versão
    atual em perfis_producao_historico antes de sobrescrever perfis_producao.
    Histórico limitado a 5 entradas na UI (sem purga automática no banco).
  • [v5.19] Tela "Perfil de aprendizado" expandida para todos os usuários:
    – Botão "Regenerar agora": força gerarPerfilIndividual() ignorando o gate
      de 5 novos engajamentos (regenerarPerfilAgora()).
    – Indicador de drift: jaccardSimilarity() compara versão atual vs. anterior
      em palavras (≥3 chars). Labels: convergiu (≥0.7) / ajustou (0.4–0.7) /
      mudou bastante (<0.4).
    – Timeline colapsável: últimas 5 versões com data, nº de posts e preview
      de 130 chars. togglePerfilTimeline() controla visibilidade.
  • [v5.19] exibirSugestao() removida: função, sugestao-banner HTML e chamada
    em goTab eliminados. A tela de perfil dedicada cobre a função com mais valor.

  DECISÕES TÉCNICAS REGISTRADAS — v5.18 (rebrand institucional)
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.18] Rebrand de "Estúdio de Comunicação" para "Meu Secom" nas camadas
    voltadas ao usuário e na documentação interna. Aplicado em:
      – <title>, <meta apple-mobile-web-app-title>
      – Splash (.sp-t) e login (.auth-title)
      – Rodapé de Configurações (APP_VERSION label)
      – Bloco de documentação deste arquivo, CLAUDE.md, contexto_estudio.md
      – Comentário de topo do src/worker.js
    Subtítulo "Prefeitura de Santa Rita do Passa Quatro" mantido no splash e
    login — identifica o tenant atual (vira variável por cliente na Fila 3).
  • [v5.18] Camada 3 do rebrand adiada deliberadamente — permanecem com a
    nomenclatura antiga os identificadores técnicos não-expostos ao usuário:
      – Worker slug: estudio-gerar (estudio-gerar.ogabrielolivato.workers.dev)
      – Pages subdomain: studio-srp4.pages.dev
      – Repositório: gabriel-secom/studio-srp4
      – Arquivo: contexto_estudio.md
      – Configs: wrangler.jsonc, wrangler.toml (name:"estudio-gerar")
    Justificativa: renomear exige redeploy com reconfiguração de CORS e
    invalidação de cache; hora correta é quando for adotado domínio próprio
    (ex.: app.meusecom.com.br). Registrado como dívida técnica de branding.

  DECISÕES TÉCNICAS REGISTRADAS — v5.17 (otimizações de custo)
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.17] Modelo por endpoint: /responder e /perfil migrados para
    claude-haiku-4-5-20251001 (MODEL_LIGHT). Saídas curtas (máx. 4 linhas e
    200 palavras respectivamente) não justificam Sonnet. /produzir, /pauta e
    /chat mantêm Sonnet. chamarAnthropic ganhou 5º parâmetro model opcional
    com fallback para MODEL.
  • [v5.17] Janela deslizante no chat: CHAT_WINDOW=10. enviarChat() envia
    chatHistory.slice(-CHAT_WINDOW) ao Worker. O contador e o limite de sessão
    (CHAT_MAX=20) continuam inalterados — apenas o payload enviado é truncado.
    Efeito: na mensagem 20 o Worker recebe 10 turns em vez de 20.
  • [v5.17] Cap no Post de Referência: 800 chars (client-side em gerar()).
    Campo livre sem limite causava payloads inflados. Truncamento silencioso
    antes de enviar — sem alert, sem mudança de UX.
  • [v5.17] Perfil de aprendizado condicional: _perfilAtualizadoEm armazena
    a data de geração do perfil. gerar() e gerarResposta() só injetam o perfil
    se atualizado nos últimos 60 dias. Perfis mais antigos são descartados no
    envio (enviados como null) — o dado permanece em memória para a UI.

  DECISÕES TÉCNICAS REGISTRADAS — v5.16
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.16] Novos cargos: dep_federal (Deputado(a) Federal) e dep_estadual
    (Deputado(a) Estadual). Inseridos entre vice e vereador no CARGO_ORDER
    (hierarquia federativa). Atualizados em CARGO_MAP/CARGO_ORDER no Worker,
    cargoMap/cargoOrder no frontend, e no select do admin panel.
  • [v5.16] Nova linha editorial: partido — comunicação político-partidária,
    tom político não governamental. Adicionada ao LINHA_MAP do Worker e ao
    select de Linha editorial no Produzir.
  • [v5.16] Filtro de personalidades por @menção: gerar() e gerarResposta()
    deixam de enviar _personalidadesCache completo. Função resolverMencionados()
    cruza o briefing e o campo de menções e devolve só as personalidades cujo
    nome aparece referenciado. Zero personalidades mencionadas = zero tokens
    de personalidades consumidos.
  • [v5.16] Autocomplete @ no briefing (p-brief): bindMencoesAutocomplete
    chamado com keepAt:true — inserção preserva o prefixo @Nome (sem cargo)
    para sinalizar menção obrigatória de forma legível no briefing. Pop-up
    ancorado em wrapper com position:relative. _mencoesState ganhou campo keepAt.
    inserirMencao respeita o modo de inserção conforme keepAt.
  • [v5.16] Label e dica do campo Menções obrigatórias atualizados para
    refletir o novo papel: autoridades externas não cadastradas na base.

  DECISÕES TÉCNICAS REGISTRADAS — v5.15
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.15] Análise de pauta com continuação multi-turn. Quando a Anthropic
    retorna stop_reason:'max_tokens', o botão "Continuar análise" é exibido.
    O frontend mantém _pautaSession = {params, textoAcumulado}. Ao clicar,
    envia {pauta, objetivo, momento, continuacao:true, textoAnterior} para
    o Worker, que reconstrói o histórico como 3 turns (user→assistant→user).
    O novo texto é appendado ao output com separador visual (linha horizontal).
    Limpeza automática do _pautaSession ao editar qualquer campo de entrada.
    Worker: max_tokens /pauta 2000 → 4000.

  DECISÕES TÉCNICAS REGISTRADAS — v5.14
  ──────────────────────────────────────────────────────────────────────────────
  • [v5.14] Campos 'Hashtags' e 'Instrução extra' removidos do Produzir.
    Hashtags eram redundantes (plataforma-neutral); Instrução extra foi absorvida
    pelas Menções obrigatórias (v5.9) e pelo Post de Referência (v5.9).
    Worker: remover hashtags/extra da montagem do prompt em /produzir.
  • [v5.14] Campo 'Assunto' adicionado ao Produzir — armazenado na coluna 'tema'
    da tabela conteudos (antes recebia o slug do formato, redundante). Sem
    migração de schema necessária. Fallback: se vazio, usa primeiros 80 chars
    do briefing. Exibido como título em negrito nos cards do Histórico.
  • [v5.14] Histórico adicionado à tab bar (ícone de relógio) — era acessível
    apenas via Home. Agora 6 abas: Início, Produzir, Respostas, Histórico,
    Agenda, Chat. Tab labels em 9.5px para acomodar sem overflow.
  • [v5.14] Sino (notif-btn) desacoplado de goTab('hist'). Agora chama
    toggleNotifPanel() — exibe dropdown com lista dos posts pendentes de
    engajamento (máx. 6 itens) e botão para ir ao Histórico completo.
    Fecha ao clicar fora ou ao navegar via goTab.
  • [v5.14] Autocomplete @ generalizado. bindMencoesAutocomplete(taId, popId)
    aceita qualquer par de IDs. Estado _mencoesState ganhou campos taId e popId
    — permite múltiplos textareas com autocomplete sem conflito (apenas um ativo
    por vez). Chamado em initApp para p-mencoes e c-mencoes.
  • [v5.14] Respostas a comentários NÃO entram em FORMATOS_PRODUCAO — não
    afetam contagens de Métricas, Perfil de aprendizado (produção) ou notif de
    engajamento. Têm mini-histórico próprio na aba Respostas.
  • [v5.14] salvarResposta() chama verificarAtualizacaoPerfil() — mantém o
    gatilho do sistema de aprendizagem ativo. O Worker /perfil receberá
    registros de resposta_comentario junto com os de produção quando
    implementado o tratamento diferenciado (roadmap).
  • [v5.14] Worker — alterações pendentes em src/worker.js (não enviado):
    1. /produzir: remover hashtags/extra da montagem do prompt
    2. /responder: novo endpoint com SYS_RESPOSTA específico. Tons: cordial,
       institucional, empatico, pessoal. Intenções: duvida, elogio, critica,
       reclamacao, hostilidade. SYS deve incluir: nuance digital/real (comentário
       pode ter temperatura inflada pela natureza das redes), não espelhar calor
       do comentário, resposta direta sem introdução, sem asteriscos/markdown.
    3. /perfil: futuro — tratar resposta_comentario como camada separada de análise
  • Métricas — painel consolidado por departamento e formato (admin)
  • Perfil — estatísticas individuais + perfil de aprendizado gerado pela IA
  • Sistema de aprendizado — gera perfil individual a cada 5 novos registros
                             de engajamento; injeta no prompt silenciosamente
  • Notificações — badge quando post sem engajamento após 3 dias
  • Painel admin — aprovação/remoção de usuários, histórico por usuário

  FUNCIONALIDADES REMOVIDAS
  ──────────────────────────────────────────────────────────────────────────────
  • Legenda Rápida (aba) — absorvida pelo Produzir
  • Exportar/Importar — risco de duplicação; backup via Supabase
  • Perfil Coletivo — overhead desnecessário; individual já cobre
  • Agenda própria (Supabase) — substituída pelo embed do Google Calendar
  • Campos de engajamento: data_pub, compartilhamentos, notas
  • Formatos removidos: vídeo feed, vídeo stories, vídeo feed+stories, release
  • Tons removidos: Próximo, Celebrativo, Urgente
  • Linha editorial removida: Prestação de contas
  • API Key no cliente — migrada para Secret no Cloudflare Workers

  CONVENÇÃO DE TRABALHO
  ──────────────────────────────────────────────────────────────────────────────
  Ao iniciar uma nova conversa com este código:
  1. Ler este bloco de documentação primeiro
  2. Propor as mudanças ao usuário antes de implementar
  3. Implementar apenas após confirmação explícita
  4. Atualizar este bloco após cada sessão (versão, decisões)

  Diagnóstico de bugs — regra obrigatória:
  Antes de tentar corrigir qualquer bug que envolva fluxo assíncrono, eventos
  (onAuthStateChange, fetch, promises) ou comportamento intermitente:
  → Adicionar console.log nos pontos-chave do fluxo PRIMEIRO
  → Pedir ao usuário para rodar e mandar print do console
  → Só então corrigir com base no que os logs revelam
  Nunca deduzir e corrigir às cegas em bugs de fluxo — custa deploys.

  DECISÕES TÉCNICAS REGISTRADAS
  ──────────────────────────────────────────────────────────────────────────────
  • goTab chama renders async sem await — aceitável (falhas silenciosas
    não críticas para o fluxo principal)
  • INITIAL_SESSION controla o splash — não usar setTimeout fixo para isso
  • Fallback de 3s no init() caso INITIAL_SESSION não dispare
  • salvarAnalise salva análise de pauta como formato 'comunicado'
    no departamento 'gabinete_prefeito'
  • Chat salva respostas na tabela 'conteudos' (mesmo formato 'comunicado')
  • _safeStorage com fallback para memória foi testado e DESCARTADO —
    quebra o lock interno do Supabase (gotrue-js), causando tripla execução
    do initApp e loop de login. Não reimplementar.
  • SIGNED_IN removido do onAuthStateChange — doLogin chama initApp
    diretamente para evitar corrida com o listener
  • wrangler.jsonc tem precedência sobre wrangler.toml — manter apenas
    wrangler.jsonc para evitar conflito silencioso de configuração
  • "assets" no wrangler.jsonc transforma Worker em site estático e ignora
    src/worker.js — nunca incluir essa chave na configuração do Worker
  • [v5.7] APP_VERSION é fonte única da versão exibida em Configurações.
    Atualizar a constante no topo do <script> ao bumpar versão.
  • [v5.7] FORMATOS_PRODUCAO = ['post_estatico','carrossel','comunicado'].
    Toda query que conta produção filtra por essa lista. Novo formato
    'analise_pauta' fica fora — análise é diagnóstico, não produção.
  • [v5.7] Chat NÃO persiste mais em 'conteudos'. Conversas são efêmeras
    (limite de 20 msg por sessão já cobre o uso). Decisão: chats não têm
    valor estratégico individual e poluíam métricas/perfil/notificações.
  • [v5.7] Análise de pauta usa formato:'analise_pauta' (era 'comunicado').
    Departamento mantido como 'gabinete_prefeito' por segurança de schema —
    o filtro por formato já isola análise das contagens de produção.
  • [v5.7] No Histórico, cards de análise aparecem normalmente para consulta
    mas omitem: badge de status_pub, aviso de "aguardando engajamento" e
    botão "Engajamento" (análise não tem o que engajar).
  • [v5.7] Registros legados anteriores à v5.7 (chats e análises salvos como
    'comunicado'+'gabinete_prefeito') continuam contando como produção. Para
    limpar, rodar SQL no Supabase identificando-os manualmente — não há
    como distinguir programaticamente de comunicados genuínos.
  • [v5.8] Tela de Configurações REMOVIDA. Botão "Sair" e versão movidos
    para o Perfil (bloco "Conta" no final). tabTitles sem 'config'. Linhas
    cfg-nome/cfg-email removidas do initApp. id="cfg-version" reusado no
    Perfil — init() não muda.
  • [v5.8] Painel admin: descoberta de cadastros pendentes melhorada.
    - Seção "Aguardando aprovação" SEMPRE visível, com mensagem de vazio
    - Badge vermelho no botão admin do header (#admin-badge, mesmo padrão
      do #notif-badge)
    - Banner âmbar na Home (#admin-banner, visível só para admin) com botão
      "Revisar agora"
    - Função verificarPendentes() chamada em initApp, renderHome, aprovarUser
      e removerUser
    - REQUER policies de admin em RLS de profiles. Rodar SQL fornecida na
      sessão v5.8 (cria função public.is_admin() SECURITY DEFINER e três
      policies admin_select_all/admin_update_all/admin_delete_all em
      profiles). Sem isso, a query retorna vazio mesmo para admin.
  • [v5.8] Saudação dinâmica + data/hora local na Home.
    - hero-greeting (Bom dia/tarde/noite) + hero-datetime (dia da semana
      por extenso · data · hora HH:mm)
    - Locale pt-BR, dia da semana capitalizado
    - Atualização via setInterval(60000) iniciada uma única vez em initApp
      por iniciarSaudacaoTick() (guard _saudacaoInterval contra múltiplos
      timers em re-login)
    - renderHome NÃO seta mais hero-greeting (responsabilidade do tick)
  • [v5.9] Entrega 1 do roadmap pós-v5.8 — refinamento da Produção.
    BUG SILENCIOSO DESCOBERTO e corrigido: função toggleRef() era chamada
    no onclick do #ref-tog mas NÃO existia em lugar nenhum do código desde
    versões anteriores (ReferenceError ao clicar). Campo parecia "não
    funcionar" porque o textarea nunca abria. toggleRef agora implementada
    em window.toggleRef — alterna display do #ref-inp e texto do toggle.
  • [v5.9] Campo "Referência de estilo" RENOMEADO e REENQUADRADO para
    "Post de Referência". Propósito deixa de ser forma (estilo/ritmo) e
    passa a ser conteúdo (fonte factual de plano de divulgação: nomes,
    datas, horários, endereços, diretrizes, regras práticas). Reposicionado
    acima de Tom (entre Linha editorial e Tom). Novos textos de label/
    toggle/placeholder refletem o propósito factual.
  • [v5.9] Novo campo "Menções obrigatórias" (#p-mencoes). Textarea rows=2
    após o Briefing. Opcional. Permite papel/função junto ao nome
    (ex: "Dr. Silva — presidente do Rotary"). Quando informado, entra no
    user message como regra inegociável.
  • [v5.9] user message de gerar() reestruturado. Dois blocos condicionais
    separados (blocoRef e blocoMencoes), cada um com instrução explícita
    de uso. blocoRef inclui cláusula que DIFERENCIA "não copiar frases"
    de "preservar literalmente nomes/datas/valores" — essencial para que
    a IA não reescreva endereços e horários.
  • [v5.9] SYS() de Produção atualizado: regra "nunca invente dados não
    presentes no briefing" foi EXTENDIDA para abranger as três fontes
    factuais (briefing + POST DE REFERÊNCIA + MENÇÕES OBRIGATÓRIAS).
    Reconhecimento explícito do Post de Referência como extensão factual
    do briefing. Menções obrigatórias declaradas inegociáveis no SYS (não
    apenas no user message) para aumentar peso.
  • [v5.9] ROADMAP pós-v5.8 em 3 entregas. Entrega 1 (v5.9): pronta.
    Entrega 2 (v5.10): pronta — Base de Personalidades.
    Entrega 3 (v5.11): pronta — autocomplete @ nas Menções Obrigatórias.
  • [v5.10] ENTREGA 2 — Base de Personalidades.
    NOVA TABELA: public.personalidades
      id uuid PK, nome text NOT NULL, cargo text NOT NULL,
      cargo_outro text (preenchido quando cargo='outro'),
      departamento text (slug de deptMap, opcional),
      pronome text (opcional), partido text (opcional),
      ativo boolean NOT NULL default true,
      criado_em/atualizado_em timestamptz.
    RLS: SELECT liberado para authenticated (Entrega 3 precisa ler para
    autocomplete de todos os usuários); ALL apenas para is_admin().
    A função public.is_admin() da v5.8 é reaproveitada.
  • [v5.10] Painel admin com sub-abas. Topo do Painel admin ganhou
    toggle entre "Usuários" e "Personalidades". Estrutura preserva o
    conteúdo original de usuários intacto dentro de #admin-sub-users
    e adiciona #admin-sub-personalidades. goTab('admin') abre sempre
    na sub-aba Usuários.
  • [v5.10] CRUD de personalidades inline (sem modal). Card "Adicionar
    personalidade" expansível no topo; cada item da lista tem toggle
    "Ativo" inline (edição instantânea), botão "Editar" (expande o
    card com o form preenchido) e "Remover" (confirm + delete).
    Cargos fixos: prefeito, vice, vereador, diretor. Opção 'outro'
    libera campo de texto livre (cargo_outro). Departamento é opcional
    e ignora seleção "— nenhum —" (grava null).
  • [v5.10] Lista agrupada por cargo na ordem: Prefeito → Vice →
    Vereadores → Diretores → Outros. Dentro de cada grupo, ordenação
    alfabética por nome. Inativos com visual esmaecido (opacity:.55)
    mas ainda visíveis — toggle ativo permite religar sem reabrir form.
  • [v5.10] Cache de personalidades em _personalidadesCache (array em
    memória, apenas ativos). Populado em initApp via carregarPersonalidades()
    e invalidado/repopulado após cada mutação no CRUD admin. Evita
    SELECT extra a cada gerar().
  • [v5.10] Injeção no SYS() de Produção. Lista de ativos agrupada por
    cargo entra como bloco "REFERÊNCIA DE AUTORIDADES E EQUIPE LOCAL".
    Enquadramento EXPLÍCITO: base de consulta factual, NÃO lista de
    menções obrigatórias. Usada APENAS quando o briefing, o Post de
    Referência ou as Menções Obrigatórias citam uma pessoa — nesses
    casos a IA preserva nome, pronome e partido literalmente. Sem
    injeção, a IA não adiciona menções não solicitadas. Coerência com
    Menções Obrigatórias (v5.9) preservada: este campo continua sendo
    o canal para FORÇAR citações.
  • [v5.10.1] FIX — form de personalidades usava classe 'lbl' inexistente,
    deixando labels inline ao lado dos inputs. Trocado para 'fl' (padrão
    já existente no Produzir, com display:block e espaçamento correto).
    Removidos os margin-top:10px inline redundantes (o .fl já traz
    margin-top:14px nativo; primeiro label usa .fl.mt0).
  • [v5.10.1] FIX — em ambientes onde a tabela 'personalidades' foi
    criada parcialmente ou pré-existia de teste anterior, a coluna
    'cargo_outro' pode estar ausente. Erro sintoma: "Could not find
    the 'cargo_outro' column in the schema cache". Correção via SQL
    de patch com ALTER TABLE ADD COLUMN IF NOT EXISTS + NOTIFY pgrst.
  • [v5.10.2] FIX — botão admin-btn (e qcard-pauta, admin-banner,
    admin-badge) vazavam entre sessões quando admin fazia logout e
    outro usuário logava no mesmo navegador. O initApp antes SÓ
    mostrava o botão se fosse admin, sem nunca esconder quando não
    era — deixando o display:flex do login anterior. Agora o estado
    é sempre REAFIRMADO (isAdmin ? 'flex' : 'none') em todo initApp.
  • [v5.11] ENTREGA 3 — Autocomplete @ nas Menções Obrigatórias.
    Gatilho: caractere '@' no textarea #p-mencoes. Regex de detecção:
    /@([^\s@]*)$/ sobre a string do início até a posição do cursor —
    captura o último token iniciado por @ que ainda não foi encerrado
    por espaço ou novo @. Se match, abre popup posicionado abaixo do
    textarea com sugestões filtradas por substring no nome (case e
    acento-insensível via .normalize('NFD').replace diacríticos).
  • [v5.11] Popup (#p-mencoes-pop) usa position:absolute ancorado ao
    container do textarea. Max-height 240px com scroll. Sugestões
    agrupadas por cargo em cargoOrder, alfabético dentro do grupo.
    Fonte: _personalidadesCache (já populado no initApp). Sem
    sugestões → popup não abre (fail-silent). Base vazia → idem.
  • [v5.11] Simplificação de cargo na inserção: cargoSimples remove
    o sufixo (a) para leitura natural no prompt — Prefeito(a) vira
    Prefeito, Vereador(a) vira Vereador etc. Diretor(a) vira apenas
    "Diretor de {departamento}" quando há departamento cadastrado,
    ou "Diretor" puro se não houver. Cargo 'outro' usa cargo_outro
    literal sem simplificação. Formato final inserido: "Nome — Cargo".
  • [v5.11] Substituição preserva texto anterior e posterior. Do
    início até o @ fica intacto; do fim do token consultado (posição
    do cursor) em diante também. O cursor é reposicionado após a
    inserção para o fim do nome inserido.
  • [v5.11] Fechamento do popup: Esc, clique fora, espaço após @ sem
    seleção, ou nenhum match na regex. Event listener de 'input',
    'keydown' (Esc e navegação) e 'blur' com setTimeout 150ms (para
    permitir clique na sugestão antes do blur fechar).
  • [v5.11] Coerência com Base: alteração/remoção no admin invalida
    _personalidadesCache via carregarPersonalidades(), que já é
    chamada após cada mutação na v5.10. Autocomplete sempre reflete
    o estado atual da Base sem recarga de página.

  ============================================================================
  SNAPSHOT EXECUTIVO — v5.11 (pós-Entrega 3)
  ============================================================================
  ESTADO ATUAL:
  • 3 entregas do roadmap pós-v5.8 concluídas e em uso
  • Produção integra briefing + post de referência + menções obrigatórias
    (com autocomplete @) + base de personalidades via SYS
  • Admin tem sub-abas Usuários e Personalidades
  • Sistema de aprendizado individual ativo, perfil injetado no SYS
  • Métricas de engajamento coletadas manualmente
  • ~2.215 linhas totais, ~1.110 linhas de JS, 62 funções

  COMPLEXIDADE DO CÓDIGO:
  • Avaliação: média-alta. Formato single-file no limite confortável.
  • Refatoração em módulos NÃO é prioridade imediata — feita quando a
    próxima feature grande exigir (provavelmente multi-tenant).
  • Antes de refatorar: validar as features atuais em uso real.

  ============================================================================
  ROADMAP FUTURO — registrado em 16/abr/2026
  ============================================================================

  FILA 1 — MONITORAMENTO DE USO E PROTEÇÃO DE CUSTO (próxima prioridade)
  ────────────────────────────────────────────────────────────────────
  Motivação: app sem telemetria interna; custo real só visível no
  dashboard da Anthropic. Risco de loop/abuso escalar gasto silencioso.
  Custo estimado em dia de volume alto hoje: ~US$ 0,50 (30 posts +
  10 chats + 3 análises + 2 perfis). Estimativa — validar no console.

  Escopo proposto:
  1. Nova tabela Supabase 'uso_ia' — user_id, tipo, tokens_input,
     tokens_output, custo_usd, criado_em, meta jsonb.
  2. Logging no Cloudflare Worker — interceptar response.usage da
     Anthropic e gravar. Frontend NÃO participa do logging (pode mentir).
  3. Limites configuráveis por usuário: gerações/dia, gerações/hora.
  4. Limite global da plataforma/dia (teto duro, alerta em 70%).
  5. Circuit breaker de rajada no Worker (>N req em Y segundos bloqueia).
  6. Dashboard admin — custo do dia/semana/mês, breakdown por usuário
     e por tipo, gráfico de tendência.
  7. Higiene: max_tokens explícito em todos os endpoints, timeout 30s
     no Worker, cache de perfil de aprendizado com TTL de 24h.

  FILA 2 — SISTEMA DE COBRANÇA (ponte transitória, depende da Fila 1)
  ────────────────────────────────────────────────────────────────────
  Contexto: modelo transitório enquanto Prefeitura de SRP4 não
  institucionaliza o reembolso da infraestrutura. Gabriel banca hoje;
  repartir custo entre usuários operacionais é ponte até essa
  institucionalização. Admin (Gabriel) sempre isento. Admin pode
  marcar outros usuários como isentos individualmente (coluna
  profiles.isento_cobranca boolean).

  Modelo: 3 faixas de mensalidade fixa, pagamento via Pix com recibo
  por imagem, validação manual pelo admin, trava de uso se inativo.
  Preços sugeridos (a calibrar com dados reais da Fila 1):
    LEVE:   50 gerações/mês — R$ 15
    MÉDIO: 150 gerações/mês — R$ 35
    PESADO: 400 gerações/mês — R$ 70

  Schema Supabase:
  • profiles (ajuste): + isento_cobranca boolean default false
  • planos: seed fixo (leve/medio/pesado) com cota_mensal e preco_brl
  • assinaturas: user_id, plano_id, ativada_em, expira_em,
    cota_usada, status (ativa/expirada/cancelada)
  • pagamentos: user_id, plano_id, valor_brl, recibo_url,
    status (pendente/aprovado/recusado), aprovado_por, revisado_em,
    nota_admin
  • Storage bucket 'recibos' com RLS (upload próprio, leitura admin)

  Worker de IA (mudança):
  • Antes de chamar Anthropic: checar isenção → assinatura ativa →
    cota não estourada → senão 403 com motivo
  • Após resposta: incrementar cota_usada atomicamente via RPC
    Postgres (increment_cota) para evitar race condition

  UX:
  • Usuário sem plano ativo: tela de bloqueio com CTA de escolha
  • Seleção de plano → QR Code Pix + chave + valor → anexar recibo
  • Extrato no Perfil: plano atual, uso X/Y, dias restantes
  • Expirou ou estourou cota: volta à tela de planos

  Admin — nova sub-aba "Pagamentos":
  • Fila de aprovação (recibos aguardando) com preview da imagem
  • Aprovar/recusar com nota; aprovação ativa plano por 30 dias
  • Lista de planos ativos com % de uso e dias restantes
  • Toggle de isenção inline por usuário
  • Banner no Home admin quando há pendentes

  Riscos e salvaguardas:
  • Legal/fiscal: cobrar servidores pode ter implicações — validar
    institucionalmente antes. Alternativa: enquadrar como doação.
  • Operacional: admin único = gargalo. Manter admin backup ativo.
  • Adoção: se usuários recusarem, custo se concentra em menos
    pagantes. Mapear disposição antes de implantar.

  Pré-requisitos: Fila 1 pronta e em uso há pelo menos algumas
  semanas para calibrar preços com dados reais.
  Complexidade estimada: ALTA. 3-4 sessões de desenvolvimento após
  Fila 1 estar estável.

  FILA 3 — MULTI-TENANT (estratégica, desbloqueia consultoria)
  ────────────────────────────────────────────────────────────────────
  Cada prefeitura com workspace isolado: personalidades, perfil de
  aprendizado, métricas, branding próprios. Super-admin (Gabriel) vê
  todos. Onboarding guiado para popular config inicial de nova
  prefeitura em 15 minutos. Pré-requisito: refatoração em módulos.

  BACKLOG DE IDEIAS — otimização por aspecto
  ────────────────────────────────────────────────────────────────────
  QUALIDADE DE CONTEÚDO:
  • A/B de prompts com dados de engajamento como árbitro
  • Regenerar com instrução curta ("mais curto, mais emocional")
  • Marcar posts antigos bem-sucedidos como referência no Produzir
  • Detecção de similaridade com posts dos últimos 30 dias

  EXPERIÊNCIA:
  • Auto-save de rascunho no localStorage
  • Biblioteca de briefings reutilizáveis (templates nomeados)
  • Extração de briefing a partir de pauta/ofício bruto
  • Preview visual com mock de post
  • Calendário editorial cruzando agenda × posts planejados

  DIFERENCIAL ESTRATÉGICO:
  • Biblioteca de casos de sucesso entre clientes (anonimizada)
  • Relatório mensal automático em PDF/slides
  • Branding white-label por cliente

  INTEGRAÇÃO COM O REAL:
  • Post direto no Meta via Graph API
  • Rastreamento automático de engajamento via Graph API
  • Fluxo de aprovação multi-estado (rascunho→revisão→aprovado)
  • WhatsApp Business API para comunicados oficiais

  INSIGHTS E INTELIGÊNCIA:
  • Sugestão proativa de pautas (temas quentes, eventos locais)
  • Classificação de sentimento em lotes de comentários
  • Alerta de crise (% de negativos em um post)
  • Benchmark de horário ótimo de postagem por prefeitura

  SEGURANÇA E ROBUSTEZ:
  • Audit log de ações admin (timestamp, ator, ação)
  • Backup externo semanal do Supabase
  • 2FA obrigatório para admins
  • Modo só-leitura de contingência (se a Anthropic cair)

  PERMISSÕES E COLABORAÇÃO:
  • Níveis intermediários (produtor, revisor, aprovador)
  • Comentários internos em rascunhos
  • Menções entre usuários da equipe

  FINANCEIRO E COMERCIAL (fase consultoria):
  • Métricas de venda embutidas (posts/mês, tempo médio, aprovação)
  • Modo demo com dados fictícios para apresentações
  • Export de relatório mensal como deck

  ============================================================================
================================================================================
-->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="theme-color" content="#1B4D2E"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-title" content="Meu Secom"/>
<title>Meu Secom — SRP4</title>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{
  --green:#1B4D2E;--green2:#2D7A47;--green3:#3B9458;
  --green-mid:#2D7A47;--green-light:#c8e6d0;--green-xlight:#eaf4ee;
  --gbg:#EAF4EE;--gtext:#1B4D2E;--gborder:#A8D5B5;
  --bg:#ffffff;--bg2:#f6f8f6;--bg3:#edf2ee;--surface:#ffffff;
  --text:#1a1a1a;--text2:#4a5a4e;--text3:#8a9e8e;
  --text-muted:#4a5a4e;--text-faint:#8a9e8e;
  --border:rgba(27,77,46,0.12);--border2:rgba(27,77,46,0.25);
  --border-light:rgba(27,77,46,0.07);
  --shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --shadow:0 4px 16px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);
  --shadow-lg:0 8px 32px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.05);
  --red:#b91c1c;--redbg:#fef2f2;--redtext:#991b1b;
  --amber:#92400e;--amberbg:#fffbeb;--ambertext:#78350f;
  --blue:#1e40af;--bluebg:#eff6ff;--bluetext:#1e3a8a;
  --sidebar-bg:#1a3d27;--sidebar-text:rgba(255,255,255,.58);--sidebar-active:#ffffff;
  --r:14px;--rs:10px;--rxs:7px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}

/* SPLASH */
#splash{position:fixed;inset:0;background:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s}
#splash.hide{opacity:0;pointer-events:none}
.sp-logo{width:88px;height:88px;border-radius:22px;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden;padding:12px}
.sp-logo img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.sp-t{color:white;font-size:20px;font-weight:700;margin-bottom:4px;text-align:center}
.sp-s{color:rgba(255,255,255,0.55);font-size:13px;text-align:center}

/* LAYOUT */
#root{height:100%;display:flex;flex-direction:column}
#auth-root{height:100%;display:flex;flex-direction:column}
#app{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-t);position:relative}
.app-bar{background:var(--surface);color:var(--text);padding:12px 16px 11px;flex-shrink:0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-light)}
.app-bar-text{flex:1;min-width:0}
.app-bar h1{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.app-bar p{font-size:11px;color:var(--text-faint);margin-top:1px}
.icon-btn{background:var(--bg2);border:none;color:var(--text-muted);width:34px;height:34px;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .12s}
.icon-btn:active{background:var(--bg3);transform:scale(0.92)}
.icon-btn svg{width:18px;height:18px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* SCREENS */
.screens{flex:1;overflow:hidden;position:relative}
.screen{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px calc(16px + var(--safe-b));display:none}
.screen.active{display:block}

/* TAB BAR */
.tab-bar{display:flex;background:var(--surface);border-top:1px solid var(--border-light);padding-bottom:var(--safe-b);flex-shrink:0}
.tb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 2px 6px;border:none;background:transparent;color:var(--text-faint);font-size:9.5px;cursor:pointer;gap:3px;transition:color .15s;font-family:inherit;position:relative}
.tb svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .15s}
.tb.active{color:var(--green);font-weight:700}
.tb.active svg{stroke-width:2.2}
.tb.active::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:22px;height:2px;border-radius:0 0 2px 2px;background:var(--green)}
.tb:active{transform:scale(0.88)}
/* [v5.14] Painel de notificações — dropdown do sino */
.notif-panel{position:absolute;top:52px;right:8px;width:280px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 4px 20px rgba(0,0,0,.13);z-index:200;overflow:hidden}
.notif-panel-hd{padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}
.notif-panel-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);font-size:13px}
.notif-panel-item:last-child{border-bottom:none}
.notif-panel-ft{padding:10px 14px}

/* AUTH */
.auth-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto}
.auth-logo{width:72px;height:72px;border-radius:20px;background:var(--gbg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;padding:10px}
.auth-logo img{width:100%;height:100%;object-fit:contain}
.auth-title{font-size:22px;font-weight:700;color:var(--green);margin-bottom:4px;text-align:center}
.auth-sub{font-size:14px;color:var(--text3);text-align:center;margin-bottom:24px}
.auth-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r);padding:20px;width:100%;max-width:380px;box-shadow:var(--shadow)}
.auth-footer{border-top:1px solid var(--border);padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}
.auth-footer img{height:36px;object-fit:contain}
.msg-err{background:var(--redbg);color:var(--redtext);border-radius:var(--rs);padding:10px 12px;font-size:13px;margin-bottom:12px;display:none}
.msg-err.vis{display:block}
.msg-info{background:var(--amberbg);color:var(--ambertext);border-radius:var(--rs);padding:10px 12px;font-size:13px;margin-bottom:12px;display:none}
.msg-info.vis{display:block}
.msg-ok{background:var(--gbg);color:var(--gtext);border-radius:var(--rs);padding:10px 12px;font-size:13px;margin-bottom:12px;display:none}
.msg-ok.vis{display:block}
.auth-switch{text-align:center;margin-top:14px;font-size:14px;color:var(--text3)}
.auth-switch a{color:var(--green);text-decoration:none;font-weight:600;cursor:pointer}

/* PENDING */
.pending-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}
.pending-icon{width:64px;height:64px;border-radius:50%;background:var(--amberbg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.pending-icon svg{width:32px;height:32px;stroke:#92400e;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* FORMS */
.fl{display:block;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;margin-top:14px}
.fl:first-child,.fl.mt0{margin-top:0}
select,input[type=text],input[type=email],input[type=password],textarea{
  width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs);
  color:var(--text);font-family:inherit;font-size:15px;padding:10px 12px;
  appearance:none;-webkit-appearance:none;outline:none;transition:border-color .15s
}
select:focus,input:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(27,77,46,0.10)}
textarea{resize:vertical;min-height:88px;line-height:1.5}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* PILLS */
.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.pill{font-family:inherit;font-size:13px;padding:6px 13px;border-radius:20px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:all .2s}
.pill.on{background:var(--gbg);color:var(--gtext);border-color:var(--gborder);font-weight:600}

/* BUTTONS */
.btn{font-family:inherit;font-size:15px;padding:11px 16px;border-radius:var(--r);border:1px solid var(--border2);background:var(--bg);color:var(--text);cursor:pointer;transition:background .15s,transform .12s}
.btn:active{background:var(--bg3);transform:scale(0.97)}
.btn-p{background:var(--green);color:white;border-color:var(--green);font-weight:600;width:100%;margin-top:14px;padding:14px 16px;box-shadow:0 4px 14px rgba(27,77,46,0.26);transition:background .15s,transform .12s,box-shadow .15s}
.btn-p:active{background:var(--green2);transform:scale(0.98);box-shadow:0 2px 8px rgba(27,77,46,0.18)}
.btn-p:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn-sm{font-size:13px;padding:7px 13px}
.btn-danger{border-color:#fca5a5;color:var(--red);background:var(--redbg)}
.btn-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}

/* OUTPUT */
.out-wrap{background:var(--green-xlight);border-radius:var(--r);padding:16px;margin-top:14px;display:none;border:none;border-left:3px solid var(--green2)}
.out-wrap.vis{display:block}
.out-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.out-lbl{font-size:11px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em}
.out-chars{font-size:12px;color:var(--text3)}
.out-text{font-size:15px;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-word}

/* CARDS */
.card{background:var(--surface);border-radius:var(--r);padding:14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}
.card-hd{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.card-title{font-size:14px;font-weight:700}
.card-sub{font-size:13px;color:var(--text2);margin-bottom:5px}
.card-preview{font-size:13px;color:var(--text);line-height:1.6}
.badge{font-size:11px;padding:3px 9px;border-radius:12px;font-weight:700;white-space:nowrap}
.b-green{background:var(--gbg);color:var(--gtext)}
.b-gray{background:var(--bg3);color:var(--text2)}
.b-amber{background:var(--amberbg);color:var(--ambertext)}
.b-red{background:var(--redbg);color:var(--redtext)}
.b-blue{background:var(--bluebg);color:var(--bluetext)}

/* HOME */
.home-hero{background:linear-gradient(135deg,var(--green) 0%,var(--green2) 100%);border-radius:var(--r);padding:16px;margin-bottom:18px;color:white}
.home-hero h2{font-size:18px;font-weight:700;margin-bottom:2px}
.home-hero p{font-size:12px;opacity:.65}
.hmetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.hm{background:rgba(255,255,255,0.12);border-radius:var(--rs);padding:10px;text-align:center}
.hm-v{font-size:22px;font-weight:700;color:white}
.hm-l{font-size:11px;color:rgba(255,255,255,.6);margin-top:1px}
.status-row{display:flex;align-items:center;gap:8px;margin-top:12px;background:rgba(255,255,255,.1);border-radius:var(--rs);padding:9px 12px}
.sdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sd-ok{background:#86efac}.sd-no{background:#fca5a5}
.stxt{font-size:13px;color:rgba(255,255,255,.85);flex:1}
.sact{font-size:12px;color:rgba(255,255,255,.6);cursor:pointer;text-decoration:underline}
.sec-hd{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.qcard{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r);padding:14px;cursor:pointer;transition:background .15s,transform .12s,box-shadow .15s;box-shadow:var(--shadow-sm)}
.qcard:active{background:var(--bg2);transform:scale(0.97);box-shadow:var(--shadow-sm)}
.qc-icon{width:44px;height:44px;border-radius:var(--rs);background:var(--gbg);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.qc-icon svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qc-t{font-size:14px;font-weight:700}
.qc-s{font-size:12px;color:var(--text3);margin-top:2px;line-height:1.4}
.rec-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.rec-item:last-child{border-bottom:none}
.rec-info{flex:1;min-width:0}
.rec-t{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-s{font-size:12px;color:var(--text3);margin-top:1px}


/* MIDIA CARDS */
.midia-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.mc{border:1.5px solid var(--border);border-radius:var(--r);padding:12px;cursor:pointer;transition:all .15s;background:var(--bg)}
.mc:active{background:var(--bg2)}
.mc.sel{border-color:var(--green2);background:var(--gbg)}
.mc-icon{font-size:20px;margin-bottom:5px}
.mc-t{font-size:13px;font-weight:700;color:var(--text)}
.mc-s{font-size:11px;color:var(--text3);line-height:1.4;margin-top:2px}
.mc.sel .mc-t{color:var(--gtext)}

/* LOTE RESULTS */
.lrb{background:var(--bg2);border-radius:var(--r);padding:14px;margin-bottom:12px;border:1px solid var(--border)}
.lrb-t{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.lrb-text{font-size:15px;line-height:1.75;color:var(--text);white-space:pre-wrap;word-break:break-word}

/* [v5.10] ADMIN SUB-ABAS */
.admin-subtabs{display:flex;gap:6px;background:var(--bg3);padding:4px;border-radius:var(--r);margin-bottom:16px}
.admin-subtab{flex:1;background:transparent;border:none;padding:8px 12px;border-radius:var(--rs);font-family:inherit;font-size:13px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .15s}
.admin-subtab.active{background:var(--bg);color:var(--green);box-shadow:0 1px 2px rgba(0,0,0,0.05)}

/* [v5.10] PERSONALIDADES */
.pers-group-title{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 8px}
.pers-group-title:first-child{margin-top:4px}
.pers-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r);padding:12px 14px;margin-bottom:8px;transition:opacity .15s;box-shadow:var(--shadow-sm)}
.pers-card.inactive{opacity:.55}
.pers-card-top{display:flex;align-items:flex-start;gap:10px}
.pers-card-info{flex:1;min-width:0}
.pers-name{font-size:15px;font-weight:700;color:var(--text)}
.pers-meta{font-size:12px;color:var(--text2);margin-top:2px;line-height:1.45}
.pers-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2);cursor:pointer;user-select:none;flex-shrink:0}
.pers-toggle input{width:16px;height:16px;cursor:pointer}

/* [v5.11] AUTOCOMPLETE @ EM MENÇÕES */
.mencoes-pop{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border2);border-radius:var(--r);box-shadow:0 6px 18px rgba(0,0,0,0.10);max-height:240px;overflow-y:auto;z-index:50;margin-top:2px}
.mp-group{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 4px;background:var(--bg2)}
.mp-item{padding:9px 12px;cursor:pointer;border-top:1px solid var(--border);transition:background .12s}
.mp-item:first-of-type,.mp-group + .mp-item{border-top:none}
.mp-item:hover,.mp-item:active{background:var(--gbg)}
.mp-item-name{font-size:14px;font-weight:600;color:var(--text)}
.mp-item-meta{font-size:11px;color:var(--text2);margin-top:1px}
.mp-empty{padding:14px 12px;font-size:12px;color:var(--text3);text-align:center}

/* CALENDAR */

.d-green{background:var(--green3)}.d-amber{background:#f59e0b}.d-blue{background:#3b82f6}.d-gray{background:#9ca3af}


/* HISTORICO + ENGAJAMENTO */
.eng-form{background:var(--bg2);border-radius:var(--r);padding:12px;margin-top:10px;display:none;border:1px solid var(--border)}
.eng-form.vis{display:block}
.eng-form-t{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.eng-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.eng-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.eng-stat{background:var(--bg);border-radius:var(--rs);padding:8px;text-align:center;border:1px solid var(--border)}
.eng-stat-v{font-size:18px;font-weight:700;color:var(--green)}
.eng-stat-l{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}

/* METRICS */
.mcard{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r);padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}
.mcard-t{font-size:13px;font-weight:700;color:var(--text2);margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.mbar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.mbar-label{font-size:12px;color:var(--text);min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbar-track{flex:2;height:8px;background:var(--bg3);border-radius:4px;overflow:hidden}
.mbar-fill{height:100%;background:var(--green2);border-radius:4px;transition:width .4s}
.mbar-val{font-size:12px;color:var(--text2);min-width:24px;text-align:right}
.mtop{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.mtop-card{background:var(--bg2);border-radius:var(--rs);padding:12px;text-align:center}
.mtop-v{font-size:22px;font-weight:700;color:var(--green)}
.mtop-l{font-size:11px;color:var(--text3);margin-top:2px}

/* ADMIN */
.user-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r);padding:14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}
.user-hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--gbg);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--green);flex-shrink:0}
.user-name{font-size:15px;font-weight:700}
.user-email{font-size:12px;color:var(--text3);margin-top:1px}
.user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.us{background:var(--bg2);border-radius:var(--rs);padding:8px;text-align:center}
.us-v{font-size:16px;font-weight:700;color:var(--green)}
.us-l{font-size:10px;color:var(--text3)}

/* CONFIG */
.cfg-sec{background:var(--bg2);border-radius:var(--r);padding:14px;margin-bottom:14px;border:1px solid var(--border)}
.cfg-t{font-size:15px;font-weight:700;margin-bottom:10px}
.cfg-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.cfg-row:last-child{border-bottom:none}
.cfg-ri{flex:1}
.cfg-rl{font-size:14px;font-weight:600}
.cfg-rs{font-size:12px;color:var(--text3);margin-top:2px}

/* FOOTER LOGOS */
.app-footer{background:var(--bg);border-top:1px solid var(--border);padding:14px 16px calc(14px + var(--safe-b));display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0}
.app-footer img{height:32px;width:auto;object-fit:contain;opacity:.85}

/* REF AREA */
.ref-area{border:1.5px dashed var(--border2);border-radius:var(--rs);padding:11px;text-align:center;color:var(--text3);font-size:14px;cursor:pointer;margin-top:6px}
.ref-area:active{background:var(--bg2)}

/* LOADING */
.dots{display:inline-flex;gap:4px;align-items:center}
.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:pulse 1s infinite}
.dots span:nth-child(2){animation-delay:.15s}
.dots span:nth-child(3){animation-delay:.3s}
@keyframes pulse{0%,80%,100%{opacity:.3}40%{opacity:1}}

/* UTILS */
.empty{text-align:center;padding:48px 16px;color:var(--text3);font-size:14px;line-height:1.7}
.empty svg{display:block;margin:0 auto 12px;opacity:.35}
.hc-date{font-size:12px;color:var(--text3);display:block;margin-bottom:6px}
.hc-actions{margin-top:8px}
.hc-actions .btn-row{margin-top:0}
.sec-title{font-size:18px;font-weight:700;margin-bottom:3px}
.sec-sub{font-size:14px;color:var(--text2);margin-bottom:16px}
.divider{border:none;border-top:1px solid var(--border);margin:14px 0}

/* LEGENDA RÁPIDA */
.leg-dado-row{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}
.leg-dado-row input[type=text]{flex:1}
.leg-remove{background:none;border:none;color:var(--text3);font-size:20px;line-height:1;cursor:pointer;padding:10px 4px;flex-shrink:0;font-family:inherit}

/* ── ANIMAÇÕES ─────────────────────────────────────────── */
@keyframes screenIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.screen.active{animation:screenIn 0.28s cubic-bezier(0.22,1,0.36,1) both}

/* ── SIDEBAR HEADER (mobile: oculto) ───────────────────── */
#sb-header{display:none}
.sb-sep{display:none}
#sb-user{display:none}
#sb-footer{display:none}
#sb-meta{display:none}
#sc-hd{display:none}
#home-stat-grid{display:none}

/* ── DESKTOP LAYOUT ≥ 1024px ────────────────────────────── */
@media(min-width:1024px){
  /* Estrutura: sidebar + conteúdo */
  #app{flex-direction:row}
  .app-bar{display:none}
  .app-footer{display:none}

  /* Sidebar */
  .tab-bar{
    order:-1;flex-direction:column;width:220px;height:100%;
    border-top:none;border-right:1px solid rgba(0,0,0,.1);
    background:var(--sidebar-bg);padding:0 0 20px;
    flex-shrink:0;align-items:stretch;justify-content:flex-start;
    overflow-y:auto
  }

  /* Cabeçalho da sidebar */
  #sb-header{
    display:flex;align-items:center;gap:10px;
    padding:22px 18px 14px;
    border-bottom:1px solid rgba(255,255,255,.08);
    margin-bottom:6px;flex-shrink:0
  }
  .sb-logo-icon{
    width:30px;height:30px;border-radius:9px;
    background:var(--green2);display:flex;align-items:center;
    justify-content:center;flex-shrink:0
  }
  .sb-brand{font-size:15px;font-weight:700;color:var(--sidebar-active);letter-spacing:-.01em}

  /* Separadores */
  .sb-sep{display:block;height:1px;background:rgba(255,255,255,.08);margin:4px 16px}

  /* Card de usuário */
  #sb-user{
    display:flex;align-items:center;gap:10px;
    margin:6px 8px;padding:10px 12px;border-radius:10px;
    border:none;cursor:pointer;background:rgba(255,255,255,.06);
    width:calc(100% - 16px);text-align:left;font-family:inherit;
    transition:background .12s;flex-shrink:0
  }
  #sb-user:hover{background:rgba(255,255,255,.10)}
  .sb-avatar{
    width:32px;height:32px;border-radius:50%;
    background:var(--green2);color:white;font-weight:700;font-size:13px;
    display:flex;align-items:center;justify-content:center;flex-shrink:0
  }
  .sb-user-info{flex:1;min-width:0}
  .sb-user-name{font-size:12px;font-weight:700;color:var(--sidebar-active);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sb-user-role{font-size:11px;color:rgba(255,255,255,.45);margin-top:1px}

  /* Dot indicador no item ativo */
  .tb.active::after{
    content:'';width:5px;height:5px;border-radius:50%;
    background:var(--green-light);margin-left:auto;flex-shrink:0
  }

  /* Itens de nav como sidebar */
  .tb{
    flex-direction:row;justify-content:flex-start;
    gap:10px;padding:10px 12px;margin:1px 8px;
    border-radius:10px;font-size:13px;font-weight:500;
    color:var(--sidebar-text);width:auto;flex:none
  }
  .tb svg{width:17px;height:17px}
  .tb.active{
    background:rgba(255,255,255,.1);
    color:var(--sidebar-active);font-weight:700
  }
  .tb.active svg{stroke-width:2.1}
  .tb.active::before{display:none}
  .tb:hover:not(.active){background:rgba(255,255,255,.05);color:rgba(255,255,255,.78)}
  .tb:active{transform:scale(0.97)}

  /* Área de conteúdo */
  .screens{flex:1;overflow:hidden}
  .screen{padding:36px 40px 60px;position:static;inset:auto;overflow-y:visible}
  .screen.active{animation:screenIn 0.3s cubic-bezier(0.22,1,0.36,1) both}

  /* Quick-action hover */
  .qcard:hover:not(:active){transform:translateY(-2px);box-shadow:var(--shadow)}

  /* Produzir — 2 colunas */
  .prod-layout{flex-direction:row;align-items:flex-start;gap:28px}
  .prod-form{flex:0 0 460px;min-width:0}
  .prod-result{position:sticky;top:36px}
  .prod-result .out-wrap{margin-top:0}
  #p-result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:10px;min-height:260px;border-radius:var(--r);border:1px solid var(--border-light);background:var(--surface);box-shadow:var(--shadow-sm)}
  .out-wrap.vis~#p-result-placeholder{display:none}

  /* Home — 2 colunas */
  .home-cols{flex-direction:row;gap:28px;align-items:flex-start}
  .home-col-left{flex:0 0 320px}
  .home-col-right{flex:1;min-width:0}
  #home-rec-wrap{margin-bottom:0}

  /* Screen headers desktop */
  .prod-screen-hd{display:flex;align-items:flex-start;margin-bottom:24px}

  /* Painel de notificações reposicionado */
  .notif-panel{top:auto;bottom:60px;right:auto;left:228px}

  /* Screen header — substitui app-bar no desktop */
  .screens{overflow-y:auto;overflow-x:hidden}
  #sc-hd{
    display:flex;align-items:flex-start;padding:28px 40px 20px;
    border-bottom:1px solid var(--border-light);background:var(--surface);
    flex-shrink:0
  }
  #sc-hd h2{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}
  #sc-hd p{font-size:13px;color:var(--text-muted);margin-top:4px}
  .screen{padding-top:24px}
  .home-hero{display:none}

  /* Histórico — layout de linha (desktop) */
  .hist-card{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
  .hc-body{flex:1;min-width:0}
  .hc-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:0;min-width:120px}
  .hist-card .eng-form{flex-basis:100%}

  /* Home — StatCards desktop */
  #home-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
  .stat-card{background:var(--surface);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}
  .stat-v{font-size:32px;font-weight:700;color:var(--text);line-height:1}
  .stat-l{font-size:10px;font-weight:700;color:var(--text-faint);margin-top:6px;letter-spacing:.06em;text-transform:uppercase}
  .stat-sub{font-size:12px;color:var(--text-muted);margin-top:3px}

  /* Sidebar meta — data/hora + versão */
  #sb-meta{display:flex;flex-direction:column;gap:4px;padding:8px 12px 6px;flex-shrink:0}
  .sb-meta-line{font-size:11px;color:rgba(255,255,255,.32);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* Sidebar footer — Admin + Notificações */
  #sb-footer{display:flex;flex-direction:column;gap:1px;padding:4px 10px 8px;flex-shrink:0}
  .sb-footer-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:none;cursor:pointer;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--sidebar-text);transition:background .12s;width:100%;position:relative}
  .sb-footer-btn:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.78)}
  .sb-footer-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  .sb-footer-badge{position:absolute;top:7px;left:19px;width:7px;height:7px;border-radius:50%;background:#ef4444;display:none}
}
.leg-remove:active{color:var(--red)}
.leg-add{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--green2);background:none;border:none;cursor:pointer;font-family:inherit;padding:6px 0;font-weight:600}
.leg-add svg{width:16px;height:16px;stroke:var(--green2);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.leg-add:active{opacity:.65}
.leg-len-pills{display:flex;gap:7px;margin-top:6px}
.leg-len-pill{font-family:inherit;font-size:12px;padding:5px 11px;border-radius:20px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:all .15s}
.leg-len-pill.on{background:var(--gbg);color:var(--gtext);border-color:var(--gborder);font-weight:600}

/* CHAT */
.chat-wrap{display:flex;flex-direction:column;height:100%;padding:0}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}
.chat-counter{font-size:12px;color:var(--text3);background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:3px 10px}
.chat-counter.low{color:var(--red);border-color:var(--red);background:var(--redbg)}
.chat-msgs{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:10px}
.chat-msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.55;word-break:break-word}
.chat-msg.user{align-self:flex-end;background:var(--green);color:white;border-bottom-right-radius:4px}
.chat-msg.agent{align-self:flex-start;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}
.chat-msg.agent.loading{color:var(--text3)}
.chat-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg)}
.chat-input-area textarea{flex:1;resize:none;min-height:42px;max-height:120px;border-radius:var(--r);border:1px solid var(--border2);background:var(--bg2);padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text);outline:none;transition:border-color .15s;line-height:1.4}
.chat-input-area textarea:focus{border-color:var(--green2)}
.chat-send{background:var(--green);border:none;color:white;width:42px;height:42px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s;align-self:flex-end}
.chat-send:disabled{opacity:.4}
.chat-send svg{width:18px;height:18px;stroke:white;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── LAYOUTS 2 COLUNAS ──────────────────────────────────── */
.prod-layout{display:flex;flex-direction:column}
.prod-form{width:100%}
.prod-result{display:block}
#p-result-placeholder{display:none}
#p-result-placeholder svg{width:38px;height:38px;opacity:.35}
#p-result-placeholder .ph-t{font-size:15px;font-weight:600;color:var(--text2)}
#p-result-placeholder .ph-s{font-size:13px;color:var(--text3);line-height:1.5}
.home-cols{display:flex;flex-direction:column}
.home-col-left,.home-col-right{width:100%}
.prod-screen-hd{display:none}
</style>
</head>

<body>
<div id="splash">
  <div class="sp-logo"><img id="splash-logo" alt="SRP4"/></div>
  <div class="sp-t">Meu Secom</div>
  <div class="sp-s">Prefeitura de Santa Rita do Passa Quatro</div>
</div>

<!-- AUTH ROOT -->
<div id="auth-root" style="display:none">
  <div id="view-login" class="auth-wrap">
    <div class="auth-logo"><img id="login-logo" alt="SRP4"/></div>
    <div class="auth-title">Meu Secom</div>
    <div class="auth-sub">Prefeitura de Santa Rita do Passa Quatro</div>
    <div class="auth-card">
      <div class="msg-err" id="login-err"></div>
      <label class="fl mt0">E-mail</label>
      <input type="email" id="login-email" placeholder="seu@email.com" autocomplete="email"/>
      <label class="fl">Senha</label>
      <input type="password" id="login-pass" placeholder="••••••••" autocomplete="current-password"/>
      <button class="btn btn-p" id="login-btn" onclick="doLogin()">Entrar</button>
      <div class="auth-switch">Não tem acesso? <a onclick="showView('view-signup')">Solicitar cadastro</a></div>
    </div>
    <div class="auth-footer"><img id="footer-logo-login" alt="logos"/></div>
  </div>

  <div id="view-signup" class="auth-wrap" style="display:none">
    <div class="auth-logo"><img id="signup-logo" alt="SRP4"/></div>
    <div class="auth-title">Solicitar acesso</div>
    <div class="auth-sub">Um administrador precisará aprovar o seu cadastro.</div>
    <div class="auth-card">
      <div class="msg-err" id="signup-err"></div>
      <div class="msg-ok" id="signup-ok"></div>
      <label class="fl mt0">Nome completo</label>
      <input type="text" id="signup-nome" placeholder="Seu nome"/>
      <label class="fl">E-mail</label>
      <input type="email" id="signup-email" placeholder="seu@email.com" autocomplete="email"/>
      <label class="fl">Senha</label>
      <input type="password" id="signup-pass" placeholder="Mínimo 6 caracteres" autocomplete="new-password"/>
      <button class="btn btn-p" id="signup-btn" onclick="doSignup()">Solicitar cadastro</button>
      <div class="auth-switch">Já tem acesso? <a onclick="showView('view-login')">Entrar</a></div>
    </div>
    <div class="auth-footer"><img id="footer-logo-signup" alt="logos"/></div>
  </div>

  <div id="view-pending" class="pending-wrap" style="display:none">
    <div class="pending-icon">
      <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
    </div>
    <div style="font-size:18px;font-weight:700;margin-bottom:8px">Aguardando aprovação</div>
    <div style="font-size:14px;color:var(--text2);line-height:1.6;max-width:280px">Seu cadastro foi recebido. Um administrador irá aprovar o acesso em breve.</div>
    <button class="btn" style="margin-top:24px" onclick="doLogout()">Sair</button>
    <div class="auth-footer" style="margin-top:24px;border-top:1px solid var(--border);padding-top:16px;width:100%;max-width:380px;display:flex;justify-content:center">
      <img id="footer-logo-pending" alt="logos"/>
    </div>
  </div>
</div>

<!-- MAIN APP -->
<div id="app" style="display:none">
  <div class="app-bar" style="position:relative">
    <div class="app-bar-text">
      <h1 id="app-bar-title">Início</h1>
      <p id="app-bar-sub">Gestão Marcelo Simão</p>
    </div>
    <button class="icon-btn" id="notif-btn" onclick="toggleNotifPanel()" title="Notificações" style="display:none;position:relative">
      <svg viewBox="0 0 24 24"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 01-3.46 0"/></svg>
      <span id="notif-badge" style="position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ef4444;display:none"></span>
    </button>
    <button class="icon-btn" id="admin-btn" onclick="goTab('admin')" style="display:none;position:relative" title="Painel admin">
      <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg>
      <span id="admin-badge" style="position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ef4444;display:none"></span>
    </button>
    <button class="icon-btn" onclick="goTab('perfil')" title="Meu perfil">
      <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
    </button>
  </div>

  <div class="screens">
    <div id="sc-hd">
      <div>
        <h2 id="sc-hd-title">Início</h2>
        <p id="sc-hd-sub"></p>
      </div>
    </div>

    <!-- INÍCIO -->
    <div class="screen active" id="sc-home">
      <div class="home-hero">
        <h2 id="hero-greeting">Bom dia</h2>
        <p id="hero-name">Carregando...</p>
        <p id="hero-datetime" style="font-size:12px;opacity:.7;margin-top:6px">—</p>
        <div class="hmetrics">
          <div class="hm"><div class="hm-v" id="hm-total">0</div><div class="hm-l">Total</div></div>
          <div class="hm"><div class="hm-v" id="hm-sem">0</div><div class="hm-l">Semana</div></div>
          <div class="hm"><div class="hm-v" id="hm-hoje">0</div><div class="hm-l">Hoje</div></div>
        </div>
      </div>

      <div id="home-stat-grid">
        <div class="stat-card">
          <div class="stat-v" id="hsg-total">0</div>
          <div class="stat-l">Total gerado</div>
          <div class="stat-sub">Desde o início</div>
        </div>
        <div class="stat-card">
          <div class="stat-v" id="hsg-sem">0</div>
          <div class="stat-l">Esta semana</div>
          <div class="stat-sub">Seg–Dom</div>
        </div>
        <div class="stat-card">
          <div class="stat-v" id="hsg-hoje">0</div>
          <div class="stat-l">Hoje</div>
          <div class="stat-sub" id="hsg-hoje-sub"></div>
        </div>
      </div>

      <div id="admin-banner" style="display:none;background:var(--amberbg);border:1px solid var(--gborder);border-radius:var(--r);padding:12px 14px;margin-bottom:16px">
        <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap">
          <div style="flex:1;min-width:0">
            <div style="font-size:13px;font-weight:700;color:var(--ambertext);margin-bottom:2px">Solicitações de cadastro pendentes</div>
            <div style="font-size:13px;color:var(--ambertext)" id="admin-banner-txt"></div>
          </div>
          <button class="btn btn-sm" style="flex-shrink:0;border-color:var(--ambertext);color:var(--ambertext)" onclick="goTab('admin')">Revisar agora</button>
        </div>
      </div>

      <div id="notif-banner" style="display:none;background:var(--amberbg);border:1px solid var(--gborder);border-radius:var(--r);padding:12px 14px;margin-bottom:16px">
        <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap">
          <div style="flex:1;min-width:0">
            <div style="font-size:13px;font-weight:700;color:var(--ambertext);margin-bottom:2px">Posts aguardando dados de engajamento</div>
            <div style="font-size:13px;color:var(--ambertext)" id="notif-banner-txt"></div>
          </div>
          <button class="btn btn-sm" style="flex-shrink:0;border-color:var(--ambertext);color:var(--ambertext)" onclick="goTab('hist')">Registrar agora</button>
        </div>
      </div>

      <div class="home-cols">
      <div class="home-col-left">
      <div style="margin-bottom:18px">
        <div class="sec-hd">Ações rápidas</div>
        <div class="qgrid">
          <div class="qcard" onclick="goTab('produzir')">
            <div class="qc-icon"><svg viewBox="0 0 24 24"><path d="M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg></div>
            <div class="qc-t">Produzir</div><div class="qc-s">Gerar conteúdo para uma pauta</div>
          </div>
          <div class="qcard" id="qcard-pauta" onclick="goTab('pauta')" style="display:none">
            <div class="qc-icon"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M11 8v3M11 14h.01"/></svg></div>
            <div class="qc-t">Analisar pauta</div><div class="qc-s">Diagnóstico estratégico</div>
          </div>
          <div class="qcard" onclick="goTab('hist')">
            <div class="qc-icon"><svg viewBox="0 0 24 24"><path d="M12 20V10M18 20V4M6 20v-6"/></svg></div>
            <div class="qc-t">Histórico</div><div class="qc-s">Conteúdos gerados e salvos</div>
          </div>
          <div class="qcard" onclick="goTab('agenda')">
            <div class="qc-icon"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg></div>
            <div class="qc-t">Agenda</div><div class="qc-s">Calendário editorial compartilhado</div>
          </div>
        </div>
      </div>
      </div><!-- /home-col-left -->
      <div class="home-col-right">
      <div id="home-rec-wrap" style="margin-bottom:18px;display:none">
        <div class="sec-hd">Últimos conteúdos</div>
        <div id="home-rec"></div>
      </div>
      </div><!-- /home-col-right -->
      </div><!-- /home-cols -->

    </div>

    <!-- PRODUZIR -->
    <div class="screen" id="sc-produzir">
      <div class="prod-layout">
      <div class="prod-form">
      <div class="prod-screen-hd">
        <div><div class="sec-title">Produzir</div><div class="sec-sub" style="margin-top:2px">Gere conteúdo para redes sociais com IA</div></div>
      </div>

      <label class="fl mt0">Assunto <span style="font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--text3)">(aparece como título no Histórico)</span></label>
      <input type="text" id="p-assunto" placeholder="Ex: Recape Rua das Flores, Vacinação 15/04" maxlength="80"/>

      <label class="fl">Formato</label>
      <select id="p-fmt">
        <option value="post_estatico">Post estático</option>
        <option value="carrossel">Carrossel</option>
        <option value="comunicado">Comunicado / Publicação oficial</option>
      </select>

      <div class="r2">
        <div>
          <label class="fl">Departamento</label>
          <select id="p-dept">
            <option value="gabinete_prefeito">Gabinete do Prefeito</option>
            <option value="vice_prefeitura">Vice-Prefeitura</option>
            <option value="chefia_gabinete">Chefia de Gabinete</option>
            <option value="procuradoria">Procuradoria Geral</option>
            <option value="administracao">Administração</option>
            <option value="financas">Finanças e Planejamento</option>
            <option value="desenv_urbano">Desenvolvimento Urbano</option>
            <option value="meio_ambiente">Meio Ambiente e Agricultura</option>
            <option value="assistencia_social">Assistência Social</option>
            <option value="educacao">Educação</option>
            <option value="gestao_pessoas">Gestão de Pessoas</option>
            <option value="obras">Obras e Engenharia</option>
            <option value="saude">Saúde</option>
            <option value="turismo">Turismo, Cultura e Esportes</option>
            <option value="servicos">Serviços Municipais</option>
            <option value="fundo_social">Fundo Social de Solidariedade</option>
          </select>
        </div>
        <div>
          <label class="fl">Linha editorial</label>
          <select id="p-linha">
            <option value="prefeitura">Prefeitura</option>
            <option value="prefeito">Prefeito Marcelo</option>
            <option value="turismo_visitante">Turismo — visitante</option>
            <option value="turismo_morador">Turismo — morador</option>
            <option value="partido">Partido</option>
          </select>
        </div>
      </div>

      <label class="fl">Post de Referência (opcional)</label>
      <div class="ref-area" id="ref-tog" onclick="toggleRef()">+ Colar texto de um post anterior</div>
      <textarea id="ref-inp" style="display:none;margin-top:6px" placeholder="Cole um post anterior ligado ao mesmo assunto. Nomes, datas, horários, endereços, diretrizes e detalhes práticos serão reaproveitados neste novo conteúdo."></textarea>

      <label class="fl">Tom</label>
      <div class="pills" id="p-tone">
        <button class="pill on" data-t="institucional">Institucional</button>
        <button class="pill" data-t="informativo">Informativo</button>
        <button class="pill" data-t="engajamento">Engajamento</button>
      </div>

      <label class="fl">Briefing *</label>
      <div class="mencoes-wrap" style="position:relative">
        <textarea id="p-brief" placeholder="O que aconteceu? Onde? Quantos beneficiados? Qual investimento? Use @ para mencionar pessoas da base."></textarea>
        <div id="p-brief-pop" class="mencoes-pop" style="display:none"></div>
      </div>

      <label class="fl">Menções adicionais <span style="font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--text3)">(opcional)</span></label>
      <div class="mencoes-wrap" style="position:relative">
        <textarea id="p-mencoes" rows="2" placeholder="Pessoas externas não cadastradas na base. Ex: Dr. Silva — presidente do Rotary; Ana Marques — diretora da escola"></textarea>
        <div id="p-mencoes-pop" class="mencoes-pop" style="display:none"></div>
      </div>
      <div style="font-size:11px;color:var(--text3);margin-top:4px">Para personalidades cadastradas, use <strong>@</strong> diretamente no briefing.</div>

      <div style="display:flex;gap:8px;margin-top:14px">
        <button class="btn btn-p" id="p-btn" style="flex:1;margin-top:0" onclick="gerar()">Gerar conteúdo</button>
      </div>
      </div><!-- /prod-form -->

      <div class="prod-result">
      <div class="out-wrap" id="p-out">
        <div class="out-meta">
          <span class="out-lbl" id="p-out-lbl">Gerado</span>
          <span class="out-chars" id="p-chars"></span>
        </div>
        <div class="out-text" id="p-out-text"></div>
        <div class="btn-row" style="margin-top:12px">
          <button class="btn btn-sm" onclick="copiar('p-out-text',this)">Copiar</button>
          <button class="btn btn-sm" onclick="gerar()">Nova versão</button>
          <button class="btn btn-sm" id="p-salvar-btn" onclick="salvar()">Salvar</button>
        </div>
      </div>
      <div id="p-result-placeholder">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M2 12h2M20 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
        <div class="ph-t">Resultado aparece aqui</div>
        <div class="ph-s">Preencha o briefing e clique em Gerar conteúdo.</div>
      </div>
      </div><!-- /prod-result -->
      </div><!-- /prod-layout -->
    </div>

    <!-- ANALISAR PAUTA (admin only) -->
    <div class="screen" id="sc-pauta">
      <div class="sec-title">Analisar pauta</div>
      <div class="sec-sub">Diagnóstico estratégico antes de produzir.</div>
      <label class="fl mt0">Descreva a ação ou iniciativa</label>
      <textarea id="an-txt" style="min-height:110px" placeholder="Ex: Prefeitura vai inaugurar trilha ecológica na Pedra do Índio..."></textarea>
      <div class="r2">
        <div>
          <label class="fl">Objetivo</label>
          <select id="an-obj">
            <option value="visibilidade">Visibilidade</option>
            <option value="engajamento">Engajamento</option>
            <option value="turismo">Turismo</option>
            <option value="prestacao">Prestação de contas</option>
            <option value="mobilizacao">Mobilização</option>
          </select>
        </div>
        <div>
          <label class="fl">Momento</label>
          <select id="an-momento">
            <option value="inicio">Início de mandato</option>
            <option value="meio">Meio de mandato</option>
            <option value="entrega">Entrega/inauguração</option>
            <option value="processo">Em andamento</option>
          </select>
        </div>
      </div>
      <button class="btn btn-p" id="an-btn" onclick="analisar()">Analisar pauta</button>
      <div class="out-wrap" id="an-out">
        <div class="out-meta"><span class="out-lbl">Análise</span></div>
        <div class="out-text" id="an-out-text"></div>
        <div class="btn-row" style="margin-top:12px">
          <button class="btn btn-sm" onclick="copiar('an-out-text',this)">Copiar</button>
          <button class="btn btn-sm" id="an-salvar-btn" onclick="salvarAnalise()">Salvar no histórico</button>
          <button class="btn btn-sm" id="an-continuar-btn" onclick="continuarAnalise()" style="display:none">Continuar análise ↓</button>
        </div>
      </div>
    </div>

    <!-- AGENDA COMPARTILHADA -->
    <div class="screen" id="sc-agenda">
      <div class="sec-title">Agenda</div>
      <div class="sec-sub">Calendário editorial da Prefeitura.</div>
      <div style="margin-top:8px;border-radius:var(--r);overflow:hidden;border:1px solid var(--border)">
        <iframe src="https://calendar.google.com/calendar/embed?src=850ea6fc9d027cadda7f13a2f31b705ee262b040e196d861f6135182d1d78b12%40group.calendar.google.com&ctz=America%2FSao_Paulo&hl=pt_BR&mode=MONTH&showTitle=0&showNav=1&showPrint=0&showTabs=0&showCalendars=0" style="border:0;display:block;width:100%;height:600px" frameborder="0" scrolling="no"></iframe>
      </div>
    </div>

    <!-- CHAT -->
    <div class="screen" id="sc-chat">
      <div class="chat-wrap">
        <div class="chat-header">
          <div style="font-size:13px;font-weight:600;color:var(--green)">Assistente de Comunicação</div>
          <div style="display:flex;align-items:center;gap:8px">
            <span class="chat-counter" id="chat-counter">20 mensagens</span>
            <button class="btn btn-sm" onclick="novaConversa()" style="font-size:12px;padding:5px 10px">Nova conversa</button>
          </div>
        </div>
        <div class="chat-msgs" id="chat-msgs"></div>
        <div class="chat-input-area">
          <textarea id="chat-inp" placeholder="Pergunte qualquer coisa sobre comunicação, redação, estratégia..." rows="1" onkeydown="chatKeydown(event)"></textarea>
          <button class="chat-send" id="chat-send-btn" onclick="enviarChat()">
            <svg viewBox="0 0 24 24"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
          </button>
        </div>
      </div>
    </div>

    <!-- HISTÓRICO -->
    <div class="screen" id="sc-hist">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px">
        <div class="sec-title">Histórico</div>
      </div>
      <div class="mtop">
        <div class="mtop-card"><div class="mtop-v" id="hm2-total">0</div><div class="mtop-l">Total</div></div>
        <div class="mtop-card"><div class="mtop-v" id="hm2-sem">0</div><div class="mtop-l">Semana</div></div>
        <div class="mtop-card"><div class="mtop-v" id="hm2-pub">0</div><div class="mtop-l">Publicados</div></div>
      </div>
      <div id="hist-list"></div>
    </div>

    <!-- MÉTRICAS (admin) -->
    <div class="screen" id="sc-metricas">
      <div class="sec-title">Métricas</div>
      <div class="sec-sub">Performance por departamento e formato.</div>
      <div id="metricas-content"><div class="empty">Carregando...</div></div>
    </div>

    <!-- PERFIL DO USUÁRIO -->
    <div class="screen" id="sc-perfil">
      <div style="display:flex;align-items:center;gap:14px;margin-bottom:20px">
        <div id="perfil-avatar" style="width:56px;height:56px;border-radius:50%;background:var(--gbg);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--green);flex-shrink:0"></div>
        <div>
          <div style="font-size:18px;font-weight:700" id="perfil-nome">—</div>
          <div style="font-size:13px;color:var(--text3)" id="perfil-email">—</div>
          <div style="font-size:12px;color:var(--text3);margin-top:2px" id="perfil-desde">—</div>
        </div>
      </div>

      <div class="mtop" style="margin-bottom:16px">
        <div class="mtop-card"><div class="mtop-v" id="pf-total">0</div><div class="mtop-l">Total gerado</div></div>
        <div class="mtop-card"><div class="mtop-v" id="pf-sem">0</div><div class="mtop-l">Esta semana</div></div>
        <div class="mtop-card"><div class="mtop-v" id="pf-hoje">0</div><div class="mtop-l">Hoje</div></div>
      </div>

      <div class="r2" style="margin-bottom:16px">
        <div class="mtop-card" style="background:var(--bg2)">
          <div style="font-size:11px;color:var(--text3);text-transform:uppercase;font-weight:700;letter-spacing:.04em;margin-bottom:4px">Depto. mais ativo</div>
          <div style="font-size:14px;font-weight:700;color:var(--green)" id="pf-dept">—</div>
        </div>
        <div class="mtop-card" style="background:var(--bg2)">
          <div style="font-size:11px;color:var(--text3);text-transform:uppercase;font-weight:700;letter-spacing:.04em;margin-bottom:4px">Formato mais usado</div>
          <div style="font-size:14px;font-weight:700;color:var(--green)" id="pf-fmt">—</div>
        </div>
      </div>

      <div id="pf-aprendizado-wrap" style="display:none;margin-bottom:16px">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px">
          <div class="sec-hd" style="margin-bottom:0">Perfil de aprendizado</div>
          <button class="btn btn-sm" id="pf-regenerar-btn" onclick="regenerarPerfilAgora()">Regenerar agora</button>
        </div>
        <div class="card" style="background:var(--gbg);border-color:var(--gborder)">
          <div style="font-size:13px;color:var(--gtext);line-height:1.65" id="pf-aprendizado-txt"></div>
          <div style="font-size:11px;color:var(--text3);margin-top:8px" id="pf-aprendizado-meta"></div>
          <div id="pf-drift-wrap" style="display:none;margin-top:10px;padding-top:10px;border-top:1px solid var(--gborder)">
            <span style="font-size:11px;color:var(--text3)">Variação vs. versão anterior: </span>
            <span id="pf-drift-label" style="font-size:11px;font-weight:700"></span>
          </div>
        </div>
        <div id="pf-timeline-wrap" style="display:none;margin-top:10px">
          <button style="width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:8px 0;display:flex;align-items:center;justify-content:space-between" onclick="togglePerfilTimeline()">
            <span style="font-size:12px;color:var(--text2);font-weight:600">Versões anteriores</span>
            <span id="pf-timeline-toggle" style="font-size:12px;color:var(--text3)">▸</span>
          </button>
          <div id="pf-timeline-list" style="display:none"></div>
        </div>
      </div>

      <div style="margin-bottom:16px">
        <div class="sec-hd">Últimas atividades</div>
        <div id="pf-atividades"></div>
      </div>

      <div class="cfg-sec" style="margin-top:8px">
        <div class="cfg-t">Conta</div>
        <div class="cfg-row">
          <div class="cfg-ri"><div class="cfg-rl">Versão</div><div class="cfg-rs" id="cfg-version">—</div></div>
        </div>
        <button class="btn btn-danger btn-p" onclick="doLogout()" style="margin-top:14px">Sair da conta</button>
      </div>

    </div>

    <!-- ADMIN -->
    <div class="screen" id="sc-admin">
      <div class="sec-title">Painel admin</div>
      <div class="sec-sub">Usuários, conteúdos e base de personalidades.</div>

      <!-- Seletor de sub-abas -->
      <div class="admin-subtabs">
        <button class="admin-subtab active" id="adm-sub-users-btn" onclick="switchAdminSub('users')">Usuários</button>
        <button class="admin-subtab" id="adm-sub-pers-btn" onclick="switchAdminSub('personalidades')">Personalidades</button>
      </div>

      <!-- Sub-aba: USUÁRIOS (conteúdo original preservado) -->
      <div id="admin-sub-users">
        <div id="admin-pendentes-wrap" style="display:none;margin-bottom:16px">
          <div class="sec-hd" style="color:var(--ambertext)">Aguardando aprovação</div>
          <div id="admin-pendentes"></div>
        </div>
        <div class="sec-hd">Usuários ativos</div>
        <div id="admin-users"></div>
        <div id="admin-hist-wrap" style="display:none;margin-top:20px">
          <div style="display:flex;align-items:center;gap:10px;margin-bottom:10px">
            <div class="sec-hd" style="margin-bottom:0" id="admin-hist-title">Histórico do usuário</div>
            <button class="btn btn-sm" onclick="fecharHistAdmin()">Fechar</button>
          </div>
          <div id="admin-hist-list"></div>
        </div>
      </div>

      <!-- Sub-aba: PERSONALIDADES -->
      <div id="admin-sub-personalidades" style="display:none">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px">
          <div class="sec-hd" style="margin-bottom:0">Base de personalidades</div>
          <button class="btn btn-sm" style="background:var(--green);color:white;border-color:var(--green)" onclick="abrirFormPers()">+ Adicionar</button>
        </div>
        <div class="sec-sub" style="margin-top:-4px;margin-bottom:14px">Referência factual de autoridades e equipe local. Usada pela IA apenas quando o conteúdo pede citar alguém.</div>

        <!-- Formulário expansível de cadastro/edição -->
        <div id="pers-form-wrap" style="display:none;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:14px">
          <div style="font-weight:700;margin-bottom:10px" id="pers-form-title">Nova personalidade</div>
          <input type="hidden" id="pers-f-id">
          <label class="fl mt0">Nome completo *</label>
          <input class="inp" id="pers-f-nome" placeholder="Ex.: Marcelo Simão">
          <label class="fl">Cargo *</label>
          <select class="inp" id="pers-f-cargo" onchange="onCargoChange()">
            <option value="prefeito">Prefeito(a)</option>
            <option value="vice">Vice-Prefeito(a)</option>
            <option value="dep_federal">Deputado(a) Federal</option>
            <option value="dep_estadual">Deputado(a) Estadual</option>
            <option value="vereador">Vereador(a)</option>
            <option value="diretor">Diretor(a) de departamento</option>
            <option value="outro">Outro</option>
          </select>
          <div id="pers-f-cargo-outro-wrap" style="display:none">
            <label class="fl">Especifique o cargo *</label>
            <input class="inp" id="pers-f-cargo-outro" placeholder="Ex.: Secretário executivo">
          </div>
          <label class="fl">Departamento (opcional)</label>
          <select class="inp" id="pers-f-depto">
            <option value="">— nenhum —</option>
            <option value="gabinete_prefeito">Gabinete do Prefeito</option>
            <option value="vice_prefeitura">Vice-Prefeitura</option>
            <option value="chefia_gabinete">Chefia de Gabinete</option>
            <option value="procuradoria">Procuradoria Geral</option>
            <option value="administracao">Administração</option>
            <option value="financas">Finanças e Planejamento</option>
            <option value="desenv_urbano">Desenvolvimento Urbano</option>
            <option value="meio_ambiente">Meio Ambiente e Agricultura</option>
            <option value="assistencia_social">Assistência Social</option>
            <option value="educacao">Educação</option>
            <option value="gestao_pessoas">Gestão de Pessoas</option>
            <option value="obras">Obras e Engenharia</option>
            <option value="saude">Saúde</option>
            <option value="turismo">Turismo, Cultura e Esportes</option>
            <option value="servicos">Serviços Municipais</option>
            <option value="fundo_social">Fundo Social de Solidariedade</option>
          </select>
          <label class="fl">Pronome de tratamento (opcional)</label>
          <input class="inp" id="pers-f-pronome" placeholder="Ex.: Dr., Dra., Sr., Sra.">
          <label class="fl">Partido (opcional)</label>
          <input class="inp" id="pers-f-partido" placeholder="Ex.: PSB">
          <label style="display:flex;align-items:center;gap:8px;margin-top:12px;cursor:pointer">
            <input type="checkbox" id="pers-f-ativo" checked style="width:18px;height:18px;cursor:pointer">
            <span style="font-size:13px">Ativo (disponível para consulta da IA)</span>
          </label>
          <div class="btn-row" style="margin-top:14px">
            <button class="btn btn-sm" style="background:var(--green);color:white;border-color:var(--green)" id="pers-f-salvar" onclick="salvarPers()">Salvar</button>
            <button class="btn btn-sm" onclick="fecharFormPers()">Cancelar</button>
          </div>
          <div id="pers-f-err" style="display:none;color:var(--red);font-size:13px;margin-top:8px"></div>
        </div>

        <div id="pers-lista"></div>
      </div>
    </div>

    <!-- COMENTÁRIOS / RESPOSTAS [v5.14] -->
    <div class="screen" id="sc-comentarios">

      <label class="fl mt0">Assunto <span style="font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--text3)">(identifica no histórico)</span></label>
      <input type="text" id="c-assunto" placeholder="Ex: Reclamação sobre buracos na Rua X" maxlength="80"/>

      <label class="fl">Post original</label>
      <textarea id="c-post" rows="3" placeholder="Resumo ou texto do post que gerou o comentário."></textarea>

      <label class="fl">Comentário a responder *</label>
      <textarea id="c-comentario" rows="3" placeholder="Cole aqui o texto exato do comentário."></textarea>

      <label class="fl">Intenção do comentário</label>
      <div class="pills" id="c-intent">
        <button class="pill on" data-t="duvida">Dúvida</button>
        <button class="pill" data-t="elogio">Elogio</button>
        <button class="pill" data-t="critica">Crítica</button>
        <button class="pill" data-t="reclamacao">Reclamação</button>
        <button class="pill" data-t="hostilidade">Hostilidade</button>
      </div>

      <label class="fl">Tom da resposta</label>
      <div class="pills" id="c-tone">
        <button class="pill on" data-t="cordial">Cordial</button>
        <button class="pill" data-t="institucional">Institucional</button>
        <button class="pill" data-t="empatico">Empático</button>
        <button class="pill" data-t="pessoal">Pessoal</button>
      </div>

      <label class="fl">Contexto adicional <span style="font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--text3)">(opcional)</span></label>
      <div class="ref-area" id="c-ctx-tog" onclick="toggleCtx()">+ Adicionar contexto</div>
      <textarea id="c-ctx-inp" style="display:none;margin-top:6px" rows="2" placeholder="Ex: há uma nota oficial sobre este assunto; situação já foi resolvida; evitar detalhes específicos."></textarea>

      <label class="fl">Menções obrigatórias <span style="font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--text3)">(opcional)</span></label>
      <div class="mencoes-wrap" style="position:relative">
        <textarea id="c-mencoes" rows="2" placeholder="Nomes que devem aparecer na resposta. Ex: Secretário João Silva — Obras"></textarea>
        <div id="c-mencoes-pop" class="mencoes-pop" style="display:none"></div>
      </div>
      <div style="font-size:11px;color:var(--text3);margin-top:4px">Dica: digite <strong>@</strong> para buscar na Base de Personalidades.</div>

      <div style="display:flex;gap:8px;margin-top:14px">
        <button class="btn btn-p" id="c-btn" style="flex:1;margin-top:0" onclick="gerarResposta()">Gerar resposta</button>
      </div>

      <div class="out-wrap" id="c-out">
        <div class="out-meta">
          <span class="out-lbl">Resposta gerada</span>
          <span class="out-chars" id="c-chars"></span>
        </div>
        <div class="out-text" id="c-out-text"></div>
        <div class="btn-row" style="margin-top:12px">
          <button class="btn btn-sm" onclick="copiar('c-out-text',this)">Copiar</button>
          <button class="btn btn-sm" onclick="gerarResposta()">Nova versão</button>
          <button class="btn btn-sm" id="c-salvar-btn" onclick="salvarResposta()">Salvar</button>
        </div>
      </div>

      <!-- Mini-histórico de respostas -->
      <div style="margin-top:26px">
        <div class="sec-hd">Respostas salvas</div>
        <div id="c-hist-list"><div class="empty"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>Nenhuma resposta salva ainda.</div></div>
      </div>

    </div>

  </div><!-- /screens -->

  <nav class="tab-bar">
    <div id="sb-header">
      <div class="sb-logo-icon">
        <svg viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
      </div>
      <span class="sb-brand">Meu Secom</span>
    </div>
    <button id="sb-user" onclick="goTab('perfil')">
      <div class="sb-avatar" id="sb-avatar-initial">G</div>
      <div class="sb-user-info">
        <div class="sb-user-name" id="sb-user-name">—</div>
        <div class="sb-user-role" id="sb-user-role">—</div>
      </div>
    </button>
    <div id="sb-meta">
      <div class="sb-meta-line" id="sb-meta-dt">—</div>
      <div class="sb-meta-line" id="sb-meta-ver">v5.21</div>
    </div>
    <div class="sb-sep"></div>
    <button class="tb active" id="tb-home" onclick="goTab('home',this)">
      <svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
      Início
    </button>
    <button class="tb" id="tb-produzir" onclick="goTab('produzir',this)">
      <svg viewBox="0 0 24 24"><path d="M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
      Produzir
    </button>
    <button class="tb" id="tb-comentarios" onclick="goTab('comentarios',this)">
      <svg viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"/></svg>
      Respostas
    </button>
    <button class="tb" id="tb-hist" onclick="goTab('hist',this)">
      <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
      Histórico
    </button>
    <button class="tb" id="tb-agenda" onclick="goTab('agenda',this)">
      <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
      Agenda
    </button>
    <button class="tb" id="tb-chat" onclick="goTab('chat',this)">
      <svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>
      Chat
    </button>
    <div style="flex:1"></div>
    <div class="sb-sep"></div>
    <div id="sb-footer">
      <button class="sb-footer-btn" id="sb-notif-btn" onclick="toggleNotifPanel()" title="Notificações">
        <svg viewBox="0 0 24 24"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 01-3.46 0"/></svg>
        <span class="sb-footer-badge" id="sb-notif-badge"></span>
        Notificações
      </button>
      <button class="sb-footer-btn" id="sb-admin-btn" onclick="goTab('admin')" style="display:none" title="Painel admin">
        <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg>
        <span class="sb-footer-badge" id="sb-admin-badge"></span>
        Painel admin
      </button>
    </div>
  </nav>

  <div class="app-footer">
    <img id="footer-logo-app" alt="logos institucionais"/>
  </div>
  <!-- Painel de notificações — fora do app-bar para funcionar no desktop -->
  <div class="notif-panel" id="notif-panel" style="display:none">
    <div class="notif-panel-hd">Posts aguardando engajamento</div>
    <div id="notif-panel-list"></div>
    <div class="notif-panel-ft">
      <button class="btn btn-sm" style="width:100%" onclick="goTab('hist');toggleNotifPanel(false)">Ver Histórico completo</button>
    </div>
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/dist/umd/supabase.min.js"></script>
<script>
const { createClient } = supabase;

const SURL = 'https://myenqagskprcxtorvnls.supabase.co';
const SKEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im15ZW5xYWdza3ByY3h0b3J2bmxzIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzYyMTg0MjksImV4cCI6MjA5MTc5NDQyOX0.m_MPzhqQ5T4dTJTYYW0MFKY6ehuP5lURp5zySyOSbHo';

const sb = createClient(SURL, SKEY, {auth:{persistSession:true,autoRefreshToken:true,detectSessionInUrl:false}});
let profile = null;
let perfilAprendizado = null;
let _perfilAtualizadoEm = null; // [v5.17] timestamp ISO — controla injeção condicional (60 dias)
let _pautaSession = null; // [v5.15] estado da sessão de análise de pauta (multi-turn)

// ── CONSTANTES DE APP ──────────────────────────────────────────────────────
const APP_VERSION = '5.21';
// Formatos que contam como "produção". Novos formatos produtivos devem ser
// adicionados aqui. 'analise_pauta' é diagnóstico e fica de fora.
const FORMATOS_PRODUCAO = ['post_estatico','carrossel','comunicado'];

// ── MAPS ───────────────────────────────────────────────────────────────────
const fmtMap = {
  post_estatico:'Post estático', carrossel:'Carrossel', comunicado:'Comunicado / Publicação oficial',
  analise_pauta:'Análise de pauta', resposta_comentario:'Resposta a comentário'
};
const deptMap = {
  gabinete_prefeito:'Gabinete do Prefeito', vice_prefeitura:'Vice-Prefeitura',
  chefia_gabinete:'Chefia de Gabinete', procuradoria:'Procuradoria Geral',
  administracao:'Administração', financas:'Finanças e Planejamento',
  desenv_urbano:'Desenvolvimento Urbano', meio_ambiente:'Meio Ambiente e Agricultura',
  assistencia_social:'Assistência Social', educacao:'Educação',
  gestao_pessoas:'Gestão de Pessoas', obras:'Obras e Engenharia',
  saude:'Saúde', turismo:'Turismo, Cultura e Esportes',
  servicos:'Serviços Municipais', fundo_social:'Fundo Social de Solidariedade'
};
const linhaMap = {
  prefeitura:'Voz da Prefeitura de Santa Rita do Passa Quatro — comunicação institucional oficial.',
  prefeito:'Voz do Prefeito Marcelo Simão — direta, próxima, humanizada.',
  turismo_visitante:'Comunicação para atrair visitantes externos. Destaque atrativos, natureza e diferenciais de Santa Rita no interior paulista.',
  turismo_morador:'Comunicação para despertar orgulho e interesse do morador local pelos atrativos da própria cidade.'
};
const toneMap = {
  // [v5.13] Conteúdo dos tons foi movido para o Worker. Aqui mantemos apenas
  // os slugs aceitos para validação local antes de enviar.
  institucional:1, informativo:1, engajamento:1
};
// [v5.13] fmtInstr foi removido — instruções por formato agora vivem no Worker.
const pubMap = { rascunho:{label:'Rascunho',cls:'b-gray'}, aguardando:{label:'Aguardando aprovação',cls:'b-amber'}, publicado:{label:'Publicado',cls:'b-green'}, descartado:{label:'Descartado',cls:'b-red'}, arquivado:{label:'Arquivado',cls:'b-gray'} };
const dias = ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'];

// [v5.10] CARGOS DE PERSONALIDADES — lista fixa + opção 'outro' livre
const cargoMap = {
  prefeito:'Prefeito(a)',
  vice:'Vice-Prefeito(a)',
  dep_federal:'Deputado(a) Federal',
  dep_estadual:'Deputado(a) Estadual',
  vereador:'Vereador(a)',
  diretor:'Diretor(a) de departamento',
  outro:'Outro'
};
// Ordem de agrupamento na listagem e no SYS() — 'outro' sempre por último
const cargoOrder = ['prefeito','vice','dep_federal','dep_estadual','vereador','diretor','outro'];

// [v5.10] Cache em memória de personalidades ativas — populado no initApp
// e invalidado após cada mutação no CRUD. Evita SELECT a cada gerar().
let _personalidadesCache = [];

// [v5.13] montarBlocoPersonalidades() e SYS() foram movidos para o Worker.
// O frontend agora envia personalidades como dados estruturados; o Worker
// monta o prompt internamente. Cache de personalidades segue sendo populado
// pelo initApp (carregarPersonalidades) e usado pelo autocomplete de menções.

// ── UTILS ──────────────────────────────────────────────────────────────────
const $id = id => document.getElementById(id);
const dots = () => '<span class="dots"><span></span><span></span><span></span></span>';

window.showView = function(id) {
  ['view-login','view-signup','view-pending'].forEach(v => {
    const el=$id(v); if(el) el.style.display = v===id?'flex':'none';
  });
};


window.toggleRef = function(){
  const tog=$id('ref-tog'), inp=$id('ref-inp');
  if(!tog||!inp) return;
  const aberto = inp.style.display !== 'none';
  inp.style.display = aberto ? 'none' : 'block';
  tog.textContent = aberto ? '+ Colar texto de um post anterior' : '− Ocultar post de referência';
  if(!aberto) inp.focus();
};

window.copiar = function(id,btn) {
  const txt=$id(id)?.textContent||''; if(!txt) return;
  navigator.clipboard.writeText(txt).then(()=>{ const o=btn.textContent; btn.textContent='Copiado!'; setTimeout(()=>btn.textContent=o,1500); }).catch(()=>{ btn.textContent='Erro ao copiar'; setTimeout(()=>btn.textContent='Copiar',1500); });
};

function parseDate(s) {
  if(!s) return null;
  const p=s.split('/'); if(p.length!==3) return null;
  const [d,m,y]=[parseInt(p[0]),parseInt(p[1]),parseInt(p[2])];
  if(isNaN(d)||isNaN(m)||isNaN(y)) return null;
  if(d<1||d>31||m<1||m>12||y<2000||y>2100) return null;
  return `${y}-${String(m).padStart(2,'0')}-${String(d).padStart(2,'0')}`;
}

// ── AUTH ───────────────────────────────────────────────────────────────────
window.doLogin = async function() {
  const email=$id('login-email').value.trim(), pass=$id('login-pass').value;
  const err=$id('login-err'), btn=$id('login-btn');
  err.classList.remove('vis');
  if(!email||!pass){err.textContent='Preencha e-mail e senha.';err.classList.add('vis');return;}
  btn.disabled=true; btn.innerHTML=dots();
  const {data,error}=await sb.auth.signInWithPassword({email,password:pass});
  btn.disabled=false; btn.innerHTML='Entrar';
  if(error){err.textContent=error.message==='Invalid login credentials'?'E-mail ou senha incorretos.':error.message;err.classList.add('vis');return;}
  if(data?.user) await safeInitApp(data.user);
};

window.doSignup = async function() {
  const nome=$id('signup-nome').value.trim(), email=$id('signup-email').value.trim(), pass=$id('signup-pass').value;
  const err=$id('signup-err'), ok=$id('signup-ok'), btn=$id('signup-btn');
  err.classList.remove('vis'); ok.classList.remove('vis');
  if(!nome||!email||!pass){err.textContent='Preencha todos os campos.';err.classList.add('vis');return;}
  if(pass.length<6){err.textContent='Senha deve ter pelo menos 6 caracteres.';err.classList.add('vis');return;}
  btn.disabled=true; btn.innerHTML=dots();
  const {error}=await sb.auth.signUp({email,password:pass,options:{data:{nome}}});
  btn.disabled=false; btn.innerHTML='Solicitar cadastro';
  if(error){
    let msg=error.message;
    if(msg.includes('already registered')||msg.includes('already been registered')) msg='Este e-mail já possui cadastro.';
    else if(msg.includes('invalid email')) msg='E-mail inválido.';
    err.textContent=msg;err.classList.add('vis');
  }
  else{ok.textContent='Cadastro solicitado! Aguarde a aprovação do administrador.';ok.classList.add('vis');}
};

window.doLogout = async function() {
  await sb.auth.signOut(); profile=null; perfilAprendizado=null;
  $id('app').style.display='none'; $id('auth-root').style.display='flex';
  showView('view-login');
};

// ── SESSION ────────────────────────────────────────────────────────────────
async function loadProfile(userId) {
  const {data,error}=await sb.from('profiles').select('*').eq('id',userId).maybeSingle();
  if(error) console.error('Erro ao carregar perfil:', error.message, error.code);
  return data||null;
}

async function initApp(user) {
  profile=await loadProfile(user.id);
  if(!profile){
    await sb.auth.signOut();
    const err=$id('login-err');
    if(err){
      err.textContent='Perfil não encontrado. Contate o administrador.';
      err.classList.add('vis');
    }
    $id('auth-root').style.display='flex';
    $id('app').style.display='none';
    showView('view-login');
    return;
  }
  if(!profile.aprovado){$id('auth-root').style.display='flex';$id('app').style.display='none';showView('view-pending');return;}
  $id('auth-root').style.display='none';
  $id('app').style.display='flex';
  const isAdmin=profile.role==='admin';
  // [v5.10.2] Reset explícito dos elementos admin-only: em logout/relogin com
  // usuário diferente na mesma sessão do navegador, o display anterior podia
  // vazar (admin → logout → não-admin ainda via o botão). Agora o estado é
  // sempre reafirmado em cada initApp.
  $id('admin-btn').style.display = isAdmin ? 'flex' : 'none';
  const sbAdmBtn=$id('sb-admin-btn');if(sbAdmBtn) sbAdmBtn.style.display=isAdmin?'flex':'none';
  const qp=$id('qcard-pauta'); if(qp) qp.style.display = isAdmin ? 'block' : 'none';
  const adminBanner=$id('admin-banner'); if(adminBanner && !isAdmin) adminBanner.style.display='none';
  const adminBadge=$id('admin-badge'); if(adminBadge && !isAdmin) adminBadge.style.display='none';
  $id('notif-btn').style.display='flex';
  // Sidebar desktop: card de usuário + meta
  const sbAvatar=$id('sb-avatar-initial'),sbName=$id('sb-user-name'),sbRole=$id('sb-user-role');
  if(sbAvatar&&profile.nome) sbAvatar.textContent=profile.nome.charAt(0).toUpperCase();
  if(sbName&&profile.nome) sbName.textContent=profile.nome;
  if(sbRole) sbRole.textContent=isAdmin?'Admin':'Usuário';
  const sbMetaVer=$id('sb-meta-ver');if(sbMetaVer) sbMetaVer.textContent='v'+APP_VERSION;
  await carregarPerfilAprendizado();
  await carregarPersonalidades();
  bindMencoesAutocomplete('p-mencoes','p-mencoes-pop');
  bindMencoesAutocomplete('p-brief','p-brief-pop', { keepAt: true }); // [v5.16] @ no briefing
  bindMencoesAutocomplete('c-mencoes','c-mencoes-pop');
  await renderHome();
  await verificarNotificacoes();
  await verificarPendentes();
  iniciarSaudacaoTick();
}

let _initialSessionHandled=false;
let _initAppRunning=false;

async function safeInitApp(user) {
  if(_initAppRunning) return;
  _initAppRunning=true;
  try { await initApp(user); }
  finally { _initAppRunning=false; }
}

sb.auth.onAuthStateChange(async(event,session)=>{
  if(event==='INITIAL_SESSION'){
    _initialSessionHandled=true;
    if(session?.user) await safeInitApp(session.user);
    else{$id('app').style.display='none';$id('auth-root').style.display='flex';showView('view-login');}
    document.getElementById('splash').classList.add('hide');
  } else if(event==='SIGNED_OUT'){
    $id('app').style.display='none';$id('auth-root').style.display='flex';showView('view-login');
  }
  // SIGNED_IN ignorado aqui — doLogin chama initApp diretamente
  // INITIAL_SESSION cobre o caso de sessão já existente (reload)
});

// ── NAVIGATION ─────────────────────────────────────────────────────────────
const tabTitles={home:'Início',produzir:'Produzir',pauta:'Analisar pauta',agenda:'Agenda',hist:'Histórico',chat:'Chat',metricas:'Métricas',perfil:'Meu perfil',admin:'Painel admin',comentarios:'Respostas a comentários'};
const tabSubs={produzir:'Gere conteúdo para redes sociais com IA',pauta:'Diagnóstico estratégico de pauta',agenda:'Calendário editorial compartilhado',hist:'Conteúdos gerados e salvos',chat:'Assistente de comunicação municipal',metricas:'Consolidado por departamento e formato',perfil:'Configurações e aprendizagem',admin:'Usuários e configurações',comentarios:'Responda comentários nas redes sociais'};

window.goTab = function(name,btn) {
  if((name==='pauta'||name==='metricas'||name==='admin')&&profile?.role!=='admin') return;
  // Fecha painel de notificações ao navegar
  const np=$id('notif-panel'); if(np) np.style.display='none';
  document.querySelectorAll('.screen').forEach(s=>s.classList.remove('active'));
  document.querySelectorAll('.tb').forEach(b=>b.classList.remove('active'));
  const sc=$id('sc-'+name); if(sc) sc.classList.add('active');
  document.querySelector('.screens')?.scrollTo(0,0);
  $id('app-bar-title').textContent=tabTitles[name]||name;
  const scHdT=$id('sc-hd-title'),scHdS=$id('sc-hd-sub');
  if(name==='home'){ atualizarSaudacao(); }
  else{ if(scHdT) scHdT.textContent=tabTitles[name]||name; if(scHdS) scHdS.textContent=tabSubs[name]||''; }
  if(btn) btn.classList.add('active');
  else{const tb=$id('tb-'+name); if(tb) tb.classList.add('active');}
  if(name==='home') renderHome();
  if(name==='hist') renderHist();
  if(name==='metricas') renderMetricas();
  if(name==='admin'){ renderAdmin(); if(typeof switchAdminSub==='function') switchAdminSub('users'); }
  if(name==='perfil') renderPerfil();
  if(name==='produzir') {}
  if(name==='comentarios') renderHistComentarios();
  if(name==='chat'){ chatUpdateCounter(); if(!chatHistory.length && $id('chat-msgs')?.children.length===0) chatAddMsg('agent','Olá! Sou o assistente de comunicação da Prefeitura de Santa Rita do Passa Quatro. Como posso ajudar?'); }
  
};

document.querySelectorAll('#p-tone .pill').forEach(p=>{
  p.addEventListener('click',function(){document.querySelectorAll('#p-tone .pill').forEach(x=>x.classList.remove('on'));this.classList.add('on');});
});

// ── SISTEMA DE APRENDIZADO ─────────────────────────────────────────────────
async function carregarPerfilAprendizado() {
  const {data:individual}=await sb.from('perfis_producao').select('perfil,posts_analisados,atualizado_em').eq('user_id',profile.id).eq('tipo','individual').maybeSingle();
  if(individual?.perfil){perfilAprendizado=individual.perfil; _perfilAtualizadoEm=individual.atualizado_em||null; return;}
}

async function verificarAtualizacaoPerfil() {
  const {data:engs}=await sb.from('engajamento').select('id,atualizado_em').eq('user_id',profile.id).not('alcance','is',null).order('atualizado_em',{ascending:false});
  if(!engs||engs.length<3) return;
  const {data:perfil}=await sb.from('perfis_producao').select('posts_analisados').eq('user_id',profile.id).eq('tipo','individual').maybeSingle();
  const analisados=perfil?.posts_analisados||0;
  if(engs.length-analisados>=5) await gerarPerfilIndividual(engs.length);
}

async function gerarPerfilIndividual(totalEngs) {
  const {data:conts}=await sb.from('conteudos').select('id,formato,departamento,linha,briefing,criado_em').eq('user_id',profile.id).in('formato',FORMATOS_PRODUCAO).order('criado_em',{ascending:false}).limit(30);
  const {data:engs}=await sb.from('engajamento').select('conteudo_id,status_pub,alcance,curtidas,comentarios,sentimento').eq('user_id',profile.id).not('alcance','is',null);
  if(!conts?.length||!engs?.length) return;
  const engMap={}; engs.forEach(e=>{engMap[e.conteudo_id]=e;});
  const dados=conts.map(c=>{
    const e=engMap[c.id];
    return `Formato:${c.formato} | Dept:${c.departamento} | Linha:${c.linha} | Briefing:${(c.briefing||'').slice(0,200)} | Alcance:${e?.alcance||0} | Curtidas:${e?.curtidas||0} | Coment:${e?.comentarios||0} | Sentimento:${e?.sentimento||'?'} | Status:${e?.status_pub||'?'}`;
  }).join('\n');
  try{
    const d=await chamarWorker('/perfil',{ dadosProducao: dados });
    if(extrairErro(d)) return;
    const perfil=d.content?.map(b=>b.text||'').join('')||'';
    if(!perfil) return;
    const {data:existing}=await sb.from('perfis_producao').select('id,perfil,posts_analisados').eq('user_id',profile.id).eq('tipo','individual').maybeSingle();
    if(existing){
      if(existing.perfil) await sb.from('perfis_producao_historico').insert({user_id:profile.id,tipo:'individual',perfil:existing.perfil,posts_analisados:existing.posts_analisados||0});
      await sb.from('perfis_producao').update({perfil,posts_analisados:totalEngs,atualizado_em:new Date().toISOString()}).eq('user_id',profile.id).eq('tipo','individual');
    } else {
      await sb.from('perfis_producao').insert({user_id:profile.id,tipo:'individual',perfil,posts_analisados:totalEngs});
    }
    perfilAprendizado=perfil;
    _perfilAtualizadoEm=new Date().toISOString();
  }catch(e){console.error('Erro ao gerar perfil:',e);}
}

function jaccardSimilarity(a,b){
  const words=s=>new Set((s.toLowerCase().match(/\w{3,}/g)||[]));
  const sa=words(a),sb2=words(b);
  let inter=0; sa.forEach(w=>{if(sb2.has(w))inter++;});
  const union=sa.size+sb2.size-inter;
  return union===0?1:inter/union;
}

function togglePerfilTimeline(){
  const list=$id('pf-timeline-list'),toggle=$id('pf-timeline-toggle');
  if(!list) return;
  const open=list.style.display!=='none';
  list.style.display=open?'none':'block';
  if(toggle) toggle.textContent=open?'▸':'▾';
}

async function regenerarPerfilAgora(){
  const btn=$id('pf-regenerar-btn');
  if(btn){btn.disabled=true;btn.textContent='Gerando…';}
  try{
    const {data:engs}=await sb.from('engajamento').select('id').eq('user_id',profile.id).not('alcance','is',null);
    await gerarPerfilIndividual(engs?.length||0);
    await renderPerfil();
  }catch(e){console.error('Erro ao regenerar perfil:',e);}
  finally{if(btn){btn.disabled=false;btn.textContent='Regenerar agora';}}
}

// ── NOTIFICAÇÕES DE ENGAJAMENTO ────────────────────────────────────────────
async function verificarNotificacoes() {
  const agora=new Date();
  const limite=new Date(agora-3*24*3600*1000).toISOString();
  const {data:conts}=await sb.from('conteudos').select('id,tema,briefing').eq('user_id',profile.id).in('formato',FORMATOS_PRODUCAO).lt('criado_em',limite);
  if(!conts?.length) return;
  const ids=conts.map(c=>c.id);
  const {data:engs}=await sb.from('engajamento').select('conteudo_id').eq('user_id',profile.id).in('conteudo_id',ids);
  const comEng=new Set((engs||[]).map(e=>e.conteudo_id));
  const semEng=conts.filter(c=>!comEng.has(c.id));
  const badge=$id('notif-badge'),sbBadge=$id('sb-notif-badge');
  if(semEng.length>0){
    if(badge) badge.style.display='block';
    if(sbBadge) sbBadge.style.display='block';
    // Popula painel de notificações
    const panelList=$id('notif-panel-list');
    if(panelList){
      panelList.innerHTML=semEng.slice(0,6).map(c=>{
        const titulo=c.tema&&c.tema!==c.briefing?c.tema:(c.briefing||'—');
        return `<div class="notif-panel-item"><span style="font-size:13px;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${escapeHtml(titulo.slice(0,50))}</span><button class="btn btn-sm" style="font-size:11px;padding:3px 9px;flex-shrink:0" onclick="goTab('hist');toggleNotifPanel(false)">Ver</button></div>`;
      }).join('');
    }
    const banner=$id('notif-banner'), txt=$id('notif-banner-txt');
    if(banner&&txt){
      txt.textContent=`${semEng.length} post${semEng.length>1?'s':''} publicado${semEng.length>1?'s':''} aguarda${semEng.length>1?'m':''} registro de engajamento.`;
      banner.style.display='block';
    }
  } else {
    if(badge) badge.style.display='none';
    if(sbBadge) sbBadge.style.display='none';
    const banner=$id('notif-banner'); if(banner) banner.style.display='none';
  }
}

// ── PENDENTES DE APROVAÇÃO (ADMIN) ─────────────────────────────────────────
async function verificarPendentes(){
  const badge=$id('admin-badge'),banner=$id('admin-banner'),txt=$id('admin-banner-txt');
  if(profile?.role!=='admin'){
    if(badge) badge.style.display='none';
    if(banner) banner.style.display='none';
    return;
  }
  const {data,error}=await sb.from('profiles').select('id').eq('aprovado',false);
  if(error){console.error('verificarPendentes:',error.message);return;}
  const n=data?.length||0;
  const sbAdmBadge=$id('sb-admin-badge');
  if(n>0){
    if(badge) badge.style.display='block';
    if(sbAdmBadge) sbAdmBadge.style.display='block';
    if(banner&&txt){
      txt.textContent=`${n} solicitação${n>1?'ões':''} de cadastro aguardando aprovação.`;
      banner.style.display='block';
    }
  } else {
    if(badge) badge.style.display='none';
    if(sbAdmBadge) sbAdmBadge.style.display='none';
    if(banner) banner.style.display='none';
  }
}

// ── SAUDAÇÃO + DATA/HORA LOCAL ─────────────────────────────────────────────
function atualizarSaudacao(){
  const agora=new Date();
  const h=agora.getHours();
  const saudacao=h<12?'Bom dia':h<18?'Boa tarde':'Boa noite';
  const greetingEl=$id('hero-greeting');
  if(greetingEl) greetingEl.textContent=saudacao;
  const dtEl=$id('hero-datetime');
  const dataExt=agora.toLocaleDateString('pt-BR',{weekday:'long',day:'numeric',month:'long'});
  const dataCap=dataExt.charAt(0).toUpperCase()+dataExt.slice(1);
  const hora=agora.toLocaleTimeString('pt-BR',{hour:'2-digit',minute:'2-digit'});
  if(dtEl) dtEl.textContent=`${dataCap} · ${hora}`;
  // Atualiza cabeçalho desktop quando Home está ativa
  if($id('sc-home')?.classList.contains('active')){
    const scT=$id('sc-hd-title');
    const scS=$id('sc-hd-sub');
    if(scT) scT.textContent=`${saudacao}, ${profile?.nome||''}`;
    if(scS) scS.textContent=`${dataCap} · ${hora}`;
  }
  // Sidebar meta: data/hora (sempre atualizado)
  const sbMetaDt=$id('sb-meta-dt');
  if(sbMetaDt) sbMetaDt.textContent=`${dataCap} · ${hora}`;
}

let _saudacaoInterval=null;
function iniciarSaudacaoTick(){
  if(_saudacaoInterval) return;
  atualizarSaudacao();
  _saudacaoInterval=setInterval(atualizarSaudacao,60000);
}

// ── HELPER: chamada autenticada ao Worker ──────────────────────────────────
// [v5.13] Helper agora recebe endpoint + body de dados estruturados.
// O Worker monta o prompt internamente — o frontend não conhece os prompts.
const WORKER_BASE = 'https://estudio-gerar.ogabrielolivato.workers.dev';
async function chamarWorker(endpoint, body) {
  const { data: { session } } = await sb.auth.getSession();
  if (!session?.access_token) {
    return { error: 'Sessão expirada. Recarregue a página e faça login novamente.' };
  }
  try {
    const r = await fetch(WORKER_BASE + endpoint, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${session.access_token}`
      },
      body: JSON.stringify(body)
    });
    return await r.json();
  } catch(e) {
    return { error: 'Erro de conexão. Tente novamente.' };
  }
}

// ── Extrai mensagem de erro de qualquer formato (Worker ou Anthropic) ──────
function extrairErro(d) {
  if (!d?.error) return null;
  if (typeof d.error === 'string') return d.error;
  return d.error.message || 'Erro desconhecido';
}

// [v5.13] callAPI removida — substituída pela lógica inline em gerar(),
// analisar(), gerarPerfilIndividual() e enviarChat() chamando chamarWorker.

// ── PRODUZIR ───────────────────────────────────────────────────────────────

// [v5.17] Retorna o perfil de aprendizado só se atualizado nos últimos 60 dias.
// Perfis mais antigos não são mais representativos e consomem tokens sem retorno.
function perfilParaEnvio(){
  if(!perfilAprendizado) return null;
  if(!_perfilAtualizadoEm) return perfilAprendizado; // sem data → envia (cautela)
  const diasDesdeUpdate=(Date.now()-new Date(_perfilAtualizadoEm).getTime())/(1000*60*60*24);
  return diasDesdeUpdate<=60 ? perfilAprendizado : null;
}

// [v5.16] Filtra o cache de personalidades para enviar ao Worker apenas
// as que foram de fato mencionadas — via @Nome no briefing ou pelo nome
// no campo de menções adicionais. Zero menções = array vazio = zero tokens.
function resolverMencionados(briefing, mencoes){
  const cache = _personalidadesCache || [];
  if(!cache.length) return [];
  const b = briefing || '';
  const m = mencoes || '';
  return cache.filter(p => {
    // Briefing: autocomplete insere @Nome — detecta prefixo @
    if(b.includes('@' + p.nome)) return true;
    // Mencoes adicionais: inserção sem @ — detecta nome literal
    if(m.includes(p.nome)) return true;
    return false;
  });
}

window.gerar = async function(){
  const brief=$id('p-brief').value.trim(); if(!brief){$id('p-brief').focus();return;}
  const fmt=$id('p-fmt').value, dept=$id('p-dept').value, linha=$id('p-linha').value;
  const tom=document.querySelector('#p-tone .pill.on')?.dataset.t||'institucional';
  const assunto=$id('p-assunto').value.trim();
  const ref=$id('ref-inp').value.trim();
  const mencoes=$id('p-mencoes')?.value.trim()||'';

  // [v5.13] Envia dados estruturados; o Worker monta o prompt.
  const btn=$id('p-btn'),wrap=$id('p-out'),outText=$id('p-out-text');
  const orig=btn.innerHTML; btn.disabled=true; btn.innerHTML=dots();
  wrap.classList.add('vis'); outText.innerHTML=dots();
  try{
    const d=await chamarWorker('/produzir',{
      formato:fmt, dept, linha, tom,
      briefing:brief,
      postReferencia:ref.slice(0,800), mencoes,
      personalidades:resolverMencionados(brief, mencoes),
      perfilAprendizado:perfilParaEnvio()
    });
    const erro=extrairErro(d);
    if(erro){outText.textContent='Erro: '+erro;return;}
    const txt=d.content?.map(b=>b.text||'').join('')||'';
    outText.textContent=txt;
    if($id('p-out-lbl')) $id('p-out-lbl').textContent=fmtMap[fmt]||'Gerado';
    if($id('p-chars')) $id('p-chars').textContent=txt.length+' car.';
  }catch(e){outText.textContent='Erro de conexão. Tente novamente.';}
  finally{btn.disabled=false;btn.innerHTML=orig;}
};

window.salvar = async function(){
  const outEl=$id('p-out-text');
  const txt=outEl?.textContent?.trim();
  if(!txt||txt.startsWith('Erro')||outEl.querySelector('.dots')) return;
  const btn=$id('p-salvar-btn');
  const orig=btn?.textContent; if(btn){btn.disabled=true;btn.innerHTML=dots();}
  const {error}=await sb.from('conteudos').insert({user_id:profile.id,formato:$id('p-fmt').value,tema:$id('p-assunto').value.trim()||$id('p-brief').value.trim().slice(0,80),departamento:$id('p-dept').value,linha:$id('p-linha').value,briefing:$id('p-brief').value.trim().slice(0,200),conteudo:txt});
  if(btn){btn.disabled=false;btn.textContent=error?'Erro ao salvar':'Salvo!';setTimeout(()=>btn.textContent=orig,1800);}
  if(!error) await verificarAtualizacaoPerfil();
};


// ── ANALISAR PAUTA ─────────────────────────────────────────────────────────
window.analisar = async function(){
  if(profile?.role!=='admin') return;
  const txt=$id('an-txt').value.trim(); if(!txt){$id('an-txt').focus();return;}
  const btn=$id('an-btn'),orig=btn.innerHTML; btn.disabled=true; btn.innerHTML=dots();
  const wrap=$id('an-out'),outText=$id('an-out-text');
  const continuarBtn=$id('an-continuar-btn');
  // [v5.15] Limpa sessão anterior e inicia nova análise
  _pautaSession=null;
  if(continuarBtn) continuarBtn.style.display='none';
  wrap.classList.add('vis'); outText.innerHTML=dots();
  try{
    const params={
      pauta: txt,
      objetivo: $id('an-obj').value,
      momento: $id('an-momento').value
    };
    const d=await chamarWorker('/pauta', params);
    const erro=extrairErro(d);
    if(erro){outText.textContent='Erro: '+erro;}
    else{
      const texto=d.content?.map(b=>b.text||'').join('')||'Erro.';
      outText.textContent=texto;
      // [v5.15] Salva sessão e avalia truncamento
      _pautaSession={params, textoAcumulado: texto};
      const stopReason=d.stop_reason;
      if(continuarBtn) continuarBtn.style.display=(stopReason==='max_tokens')?'inline-flex':'none';
    }
  }catch(e){outText.textContent='Erro de conexão.';}
  finally{btn.disabled=false;btn.innerHTML=orig;}
};

window.salvarAnalise=async function(){
  const outEl=$id('an-out-text');
  const txt=outEl?.textContent?.trim();
  if(!txt||outEl.querySelector('.dots')){alert('Nada para salvar.');return;}
  const pauta=$id('an-txt')?.value.trim().slice(0,200)||'(sem pauta)';
  const btn=$id('an-salvar-btn');
  const orig=btn?.textContent; if(btn){btn.disabled=true;btn.innerHTML=dots();}
  const {error}=await sb.from('conteudos').insert({user_id:profile.id,formato:'analise_pauta',departamento:'gabinete_prefeito',linha:'prefeitura',briefing:pauta,conteudo:txt});
  if(btn){btn.disabled=false;btn.textContent=error?'Erro ao salvar':'Salvo!';setTimeout(()=>btn.textContent=orig,1800);}
};

// [v5.15] Continua análise truncada por max_tokens ──────────────────────────
window.continuarAnalise = async function(){
  if(profile?.role!=='admin' || !_pautaSession) return;
  const btn=$id('an-continuar-btn'), orig=btn.innerHTML;
  btn.disabled=true; btn.innerHTML=dots();
  const outText=$id('an-out-text');
  try{
    const d=await chamarWorker('/pauta',{
      ..._pautaSession.params,
      continuacao: true,
      textoAnterior: _pautaSession.textoAcumulado
    });
    const erro=extrairErro(d);
    if(erro){ btn.disabled=false; btn.innerHTML=orig; alert('Erro: '+erro); return; }
    const novoTexto=d.content?.map(b=>b.text||'').join('')||'';
    if(novoTexto){
      // Appenda com separador visual
      outText.textContent += '\n\n──────────\n\n' + novoTexto;
      _pautaSession.textoAcumulado += '\n\n' + novoTexto;
    }
    // Verifica se ainda está truncado
    const stopReason=d.stop_reason;
    btn.disabled=false;
    btn.innerHTML=(stopReason==='max_tokens') ? orig : orig; // reabilita sempre
    btn.style.display=(stopReason==='max_tokens') ? 'inline-flex' : 'none';
  }catch(e){ btn.disabled=false; btn.innerHTML=orig; alert('Erro de conexão.'); }
};

// [v5.15] Limpa sessão de pauta ao editar os campos de entrada ──────────────
(function(){
  ['an-txt','an-obj','an-momento'].forEach(function(id){
    const el=$id(id);
    if(!el) return;
    el.addEventListener('change', function(){
      _pautaSession=null;
      const cb=$id('an-continuar-btn');
      if(cb) cb.style.display='none';
    });
  });
})();

// ── HOME ───────────────────────────────────────────────────────────────────
async function renderHome(){
  // hero-greeting e hero-datetime são responsabilidade do tick (atualizarSaudacao)
  $id('hero-name').textContent=profile?.nome||'';
  await verificarPendentes();
  const agora=new Date();
  const {data:conts}=await sb.from('conteudos').select('id,criado_em').eq('user_id',profile.id).in('formato',FORMATOS_PRODUCAO);
  const total=conts?.length||0, sem=(conts||[]).filter(c=>(agora-new Date(c.criado_em))<7*86400000).length;
  const hoje=(conts||[]).filter(c=>new Date(c.criado_em).toDateString()===agora.toDateString()).length;
  $id('hm-total').textContent=total; $id('hm-sem').textContent=sem; $id('hm-hoje').textContent=hoje;
  const hsgT=$id('hsg-total'),hsgS=$id('hsg-sem'),hsgH=$id('hsg-hoje'),hsgHSub=$id('hsg-hoje-sub');
  if(hsgT) hsgT.textContent=total; if(hsgS) hsgS.textContent=sem; if(hsgH) hsgH.textContent=hoje;
  if(hsgHSub) hsgHSub.textContent=agora.toLocaleDateString('pt-BR',{day:'numeric',month:'long'});
  const {data:rec}=await sb.from('conteudos').select('id,formato,departamento,briefing,criado_em').eq('user_id',profile.id).in('formato',FORMATOS_PRODUCAO).order('criado_em',{ascending:false}).limit(3);
  const recWrap=$id('home-rec-wrap'),recEl=$id('home-rec');
  if(rec?.length){
    recWrap.style.display='block';
    recEl.innerHTML=rec.map(c=>{const d=new Date(c.criado_em);const ds=d.toLocaleDateString('pt-BR',{day:'2-digit',month:'short'});return `<div class="rec-item"><div class="rec-info"><div class="rec-t">${c.tema&&c.tema!==c.formato?escapeHtml(c.tema):(c.briefing||'—')}</div><div class="rec-s">${fmtMap[c.formato]||c.formato} · ${deptMap[c.departamento]||''} · ${ds}</div></div><button class="btn btn-sm" style="font-size:12px;padding:5px 11px;white-space:nowrap" onclick="copiarConteudo('${c.id}',this)">Copiar</button></div>`;}).join('');
  } else recWrap.style.display='none';
}

window.copiarConteudo=async function(id,btn){
  const {data}=await sb.from('conteudos').select('conteudo').eq('id',id).single();
  if(!data) return;
  navigator.clipboard.writeText(data.conteudo).then(()=>{const o=btn.textContent;btn.textContent='Copiado!';setTimeout(()=>btn.textContent=o,1500);}).catch(()=>{btn.textContent='Erro ao copiar';setTimeout(()=>btn.textContent='Copiar',1500);});
};

// ── PERFIL ─────────────────────────────────────────────────────────────────
async function renderPerfil(){
  const isAdmin=profile?.role==='admin';
  $id('perfil-avatar').textContent=(profile?.nome||'?')[0].toUpperCase();
  $id('perfil-nome').textContent=profile?.nome||'—';
  $id('perfil-email').textContent=profile?.email||'—';
  const desde=profile?.criado_em?new Date(profile.criado_em).toLocaleDateString('pt-BR',{day:'2-digit',month:'long',year:'numeric'}):'—';
  $id('perfil-desde').textContent='Membro desde '+desde;
  const agora=new Date();
  const {data:conts}=await sb.from('conteudos').select('id,formato,departamento,criado_em').eq('user_id',profile.id).in('formato',FORMATOS_PRODUCAO).order('criado_em',{ascending:false});
  const total=conts?.length||0;
  const sem=(conts||[]).filter(c=>(agora-new Date(c.criado_em))<7*86400000).length;
  const hoje=(conts||[]).filter(c=>new Date(c.criado_em).toDateString()===agora.toDateString()).length;
  $id('pf-total').textContent=total; $id('pf-sem').textContent=sem; $id('pf-hoje').textContent=hoje;
  if(conts?.length){
    const byDept={},byFmt={};
    conts.forEach(c=>{byDept[c.departamento]=(byDept[c.departamento]||0)+1;byFmt[c.formato]=(byFmt[c.formato]||0)+1;});
    const topDept=Object.entries(byDept).sort((a,b)=>b[1]-a[1])[0];
    const topFmt=Object.entries(byFmt).sort((a,b)=>b[1]-a[1])[0];
    $id('pf-dept').textContent=topDept?deptMap[topDept[0]]||topDept[0]:'—';
    $id('pf-fmt').textContent=topFmt?fmtMap[topFmt[0]]||topFmt[0]:'—';
    const atv=$id('pf-atividades');
    if(atv){
      atv.innerHTML=conts.slice(0,5).map(c=>{
        const d=new Date(c.criado_em);
        const ds=d.toLocaleDateString('pt-BR',{day:'2-digit',month:'short',year:'2-digit'});
        return `<div class="rec-item"><div class="rec-info"><div class="rec-t">${fmtMap[c.formato]||c.formato}</div><div class="rec-s">${deptMap[c.departamento]||c.departamento||'—'} · ${ds}</div></div></div>`;
      }).join('');
    }
  }
  const apWrap=$id('pf-aprendizado-wrap'),apTxt=$id('pf-aprendizado-txt'),apMeta=$id('pf-aprendizado-meta');
  if(apWrap&&apTxt){
    const [{data:perfil},{data:hist}]=await Promise.all([
      sb.from('perfis_producao').select('perfil,posts_analisados,atualizado_em').eq('user_id',profile.id).eq('tipo','individual').maybeSingle(),
      sb.from('perfis_producao_historico').select('perfil,posts_analisados,criado_em').eq('user_id',profile.id).eq('tipo','individual').order('criado_em',{ascending:false}).limit(5),
    ]);
    apWrap.style.display='block';
    if(perfil?.perfil){
      apTxt.textContent=perfil.perfil;
      const atualizado=new Date(perfil.atualizado_em).toLocaleDateString('pt-BR',{day:'2-digit',month:'short'});
      apMeta.textContent=`Baseado em ${perfil.posts_analisados} posts · Atualizado em ${atualizado}`;
      const driftWrap=$id('pf-drift-wrap'),driftLabel=$id('pf-drift-label');
      if(driftWrap&&driftLabel&&hist?.length){
        const sim=jaccardSimilarity(perfil.perfil,hist[0].perfil);
        let dtxt,dcolor;
        if(sim>=0.7){dtxt='convergiu';dcolor='var(--green2)';}
        else if(sim>=0.4){dtxt='ajustou';dcolor='var(--amber)';}
        else{dtxt='mudou bastante';dcolor='var(--red)';}
        driftLabel.textContent=dtxt; driftLabel.style.color=dcolor;
        driftWrap.style.display='block';
      }
    } else {
      apTxt.textContent='O perfil de aprendizado será gerado automaticamente após o registro de engajamento nos seus primeiros posts.';
      if(apMeta) apMeta.textContent='';
    }
    const tlWrap=$id('pf-timeline-wrap'),tlList=$id('pf-timeline-list');
    if(tlWrap&&tlList&&hist?.length){
      tlWrap.style.display='block';
      tlList.innerHTML=hist.map(h=>{
        const d=new Date(h.criado_em).toLocaleDateString('pt-BR',{day:'2-digit',month:'short',year:'2-digit'});
        const preview=escapeHtml(h.perfil.slice(0,130))+(h.perfil.length>130?'…':'');
        return `<div class="card" style="margin-bottom:8px;padding:10px 12px"><div style="font-size:11px;color:var(--text3);margin-bottom:4px">${d} · ${h.posts_analisados} posts</div><div style="font-size:12px;color:var(--text2);line-height:1.5">${preview}</div></div>`;
      }).join('');
    }
  }
}

// ── HISTÓRICO ──────────────────────────────────────────────────────────────
async function renderHist(){
  const list=$id('hist-list'); list.innerHTML=dots();
  const {data}=await sb.from('conteudos').select('*').eq('user_id',profile.id).order('criado_em',{ascending:false});
  if(!data?.length){list.innerHTML='<div class="empty"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>Nenhum conteúdo salvo ainda.</div>';return;}
  const agora=new Date();
  // Métricas do topo: só produção (análise de pauta não conta)
  const producao=data.filter(c=>FORMATOS_PRODUCAO.includes(c.formato));
  const sem=producao.filter(c=>(agora-new Date(c.criado_em))<7*86400000).length;
  const {data:engs}=await sb.from('engajamento').select('conteudo_id,status_pub').eq('user_id',profile.id);
  const pubSet=new Set((engs||[]).filter(e=>e.status_pub==='publicado').map(e=>e.conteudo_id));
  const engMap={}; (engs||[]).forEach(e=>{engMap[e.conteudo_id]=e;});
  $id('hm2-total').textContent=producao.length; $id('hm2-sem').textContent=sem; $id('hm2-pub').textContent=pubSet.size;
  const limite=new Date(agora-3*24*3600*1000);
  list.innerHTML=data.map(c=>{
    const d=new Date(c.criado_em);
    const ds=d.toLocaleDateString('pt-BR',{day:'2-digit',month:'short',year:'2-digit'});
    const isAnalise=c.formato==='analise_pauta';
    const eng=engMap[c.id];
    const pubSt=eng?(pubMap[eng.status_pub]||pubMap.rascunho):pubMap.rascunho;
    const semEng=!isAnalise&&!eng&&d<limite;
    return `<div class="card hist-card">
      <div class="hc-body">
        <div class="card-hd">
          <span class="badge ${isAnalise?'b-blue':'b-green'}">${fmtMap[c.formato]||c.formato}</span>
          ${isAnalise?'':`<span class="badge b-gray">${deptMap[c.departamento]||c.departamento||'—'}</span>`}
          ${isAnalise?'':`<span class="badge ${pubSt.cls}">${pubSt.label}</span>`}
        </div>
        ${semEng?'<div style="font-size:12px;color:var(--ambertext);background:var(--amberbg);border-radius:var(--rs);padding:5px 8px;margin:6px 0">Aguardando dados de engajamento</div>':''}
        ${c.tema&&c.tema!==c.formato?`<div style="font-size:14px;font-weight:700;margin-bottom:3px">${escapeHtml(c.tema)}</div>`:''}
        <div class="card-sub">${c.briefing||''}</div>
        <div class="card-preview">${c.conteudo.slice(0,160)}${c.conteudo.length>160?'...':''}</div>
      </div>
      <div class="hc-actions">
        <span class="hc-date">${ds}</span>
        <div class="btn-row">
          <button class="btn btn-sm" onclick="copiarConteudo('${c.id}',this)">Copiar</button>
          ${isAnalise?'':`<button class="btn btn-sm" onclick="toggleEng('${c.id}')">Engajamento</button>`}
          <button class="btn btn-sm btn-danger" onclick="deletarConteudo('${c.id}',this)">Remover</button>
        </div>
      </div>
      ${isAnalise?'':`<div class="eng-form" id="eng-${c.id}">
        <div class="eng-form-t">Rastrear publicação</div>
        <div>
          <label class="fl mt0">Status</label>
          <select id="engst-${c.id}">
            <option value="rascunho" ${(!eng||eng.status_pub==='rascunho')?'selected':''}>Rascunho</option>
            <option value="aguardando" ${eng?.status_pub==='aguardando'?'selected':''}>Aguardando aprovação</option>
            <option value="publicado" ${eng?.status_pub==='publicado'?'selected':''}>Publicado</option>
            <option value="descartado" ${eng?.status_pub==='descartado'?'selected':''}>Descartado</option>
            <option value="arquivado" ${eng?.status_pub==='arquivado'?'selected':''}>Arquivado</option>
          </select>
        </div>
        <div class="eng-4" style="grid-template-columns:repeat(3,1fr);margin-top:10px">
          <div><label class="fl mt0">Alcance</label><input type="text" id="engal-${c.id}" placeholder="0" value="${eng?.alcance||''}"/></div>
          <div><label class="fl mt0">Curtidas</label><input type="text" id="engcu-${c.id}" placeholder="0" value="${eng?.curtidas||''}"/></div>
          <div><label class="fl mt0">Coment.</label><input type="text" id="engco-${c.id}" placeholder="0" value="${eng?.comentarios||''}"/></div>
        </div>
        <div style="margin-top:10px">
          <label class="fl mt0">Sentimento</label>
          <select id="engsen-${c.id}">
            <option value="" ${!eng?.sentimento?'selected':''}>—</option>
            <option value="positivo" ${eng?.sentimento==='positivo'?'selected':''}>Positivo</option>
            <option value="neutro" ${eng?.sentimento==='neutro'?'selected':''}>Neutro</option>
            <option value="misto" ${eng?.sentimento==='misto'?'selected':''}>Misto</option>
            <option value="negativo" ${eng?.sentimento==='negativo'?'selected':''}>Negativo</option>
          </select>
        </div>
        <button class="btn btn-p" style="margin-top:10px" onclick="salvarEng('${c.id}')">Salvar dados</button>
      </div>`}
    </div>`;
  }).join('');
}

window.toggleEng=function(id){$id('eng-'+id)?.classList.toggle('vis');};

window.salvarEng=async function(cid){
  const payload={conteudo_id:cid,user_id:profile.id,status_pub:$id('engst-'+cid)?.value||'rascunho',alcance:parseInt($id('engal-'+cid)?.value)||null,curtidas:parseInt($id('engcu-'+cid)?.value)||null,comentarios:parseInt($id('engco-'+cid)?.value)||null,sentimento:$id('engsen-'+cid)?.value||null,atualizado_em:new Date().toISOString()};
  const btn=document.querySelector(`#eng-${cid} .btn-p`);
  try{
    const {data:existing}=await sb.from('engajamento').select('id').eq('conteudo_id',cid).maybeSingle();
    if(existing) await sb.from('engajamento').update(payload).eq('conteudo_id',cid);
    else await sb.from('engajamento').insert(payload);
    if(btn){const o=btn.textContent;btn.textContent='Salvo!';setTimeout(()=>btn.textContent=o,1500);}
    await verificarAtualizacaoPerfil();
    await verificarNotificacoes();
  }catch(e){
    if(btn){const o=btn.textContent;btn.textContent='Erro ao salvar';setTimeout(()=>btn.textContent=o,2000);}
  }
};

window.deletarConteudo=async function(id,btn){
  if(!confirm('Remover este conteúdo?')) return;
  btn.disabled=true;
  try{
    await sb.from('engajamento').delete().eq('conteudo_id',id);
    await sb.from('conteudos').delete().eq('id',id);
    renderHist();
  }catch(e){
    btn.disabled=false;
    alert('Erro ao remover. Tente novamente.');
  }
};

// ── MÉTRICAS ───────────────────────────────────────────────────────────────
async function renderMetricas(){
  if(profile?.role!=='admin') return;
  const el=$id('metricas-content'); el.innerHTML=dots();
  const {data:conts}=await sb.from('conteudos').select('id,formato,departamento,criado_em,user_id').in('formato',FORMATOS_PRODUCAO);
  const {data:engs}=await sb.from('engajamento').select('conteudo_id,status_pub,alcance,curtidas');
  if(!conts?.length){el.innerHTML='<div class="empty">Nenhum conteúdo gerado ainda.</div>';return;}
  const engMap={}; (engs||[]).forEach(e=>{engMap[e.conteudo_id]=e;});
  const agora=new Date();
  const byDept={},byFmt={};
  const ultimos30=conts.filter(c=>(agora-new Date(c.criado_em))<30*86400000);
  conts.forEach(c=>{byDept[c.departamento]=(byDept[c.departamento]||0)+1;byFmt[c.formato]=(byFmt[c.formato]||0)+1;});
  const totalAlcance=(engs||[]).reduce((a,e)=>a+(e.alcance||0),0);
  const publicados=(engs||[]).filter(e=>e.status_pub==='publicado').length;
  const taxaPub=conts.length>0?Math.round(publicados/conts.length*100):0;
  const deptSorted=Object.entries(byDept).sort((a,b)=>b[1]-a[1]).slice(0,10);
  const fmtSorted=Object.entries(byFmt).sort((a,b)=>b[1]-a[1]);
  const maxD=deptSorted[0]?.[1]||1,maxF=fmtSorted[0]?.[1]||1;
  el.innerHTML=`<div class="mtop"><div class="mtop-card"><div class="mtop-v">${conts.length}</div><div class="mtop-l">Total gerados</div></div><div class="mtop-card"><div class="mtop-v">${publicados}</div><div class="mtop-l">Publicados</div></div><div class="mtop-card"><div class="mtop-v">${taxaPub}%</div><div class="mtop-l">Taxa publicação</div></div></div><div class="mtop"><div class="mtop-card"><div class="mtop-v">${totalAlcance.toLocaleString('pt-BR')}</div><div class="mtop-l">Alcance acumulado</div></div><div class="mtop-card"><div class="mtop-v">${ultimos30.length}</div><div class="mtop-l">Últimos 30 dias</div></div><div class="mtop-card"><div class="mtop-v">${new Set(conts.map(c=>c.user_id)).size}</div><div class="mtop-l">Usuários ativos</div></div></div><div class="mcard"><div class="mcard-t">Por departamento</div>${deptSorted.map(([k,v])=>`<div class="mbar-row"><div class="mbar-label">${deptMap[k]||k}</div><div class="mbar-track"><div class="mbar-fill" style="width:${Math.round(v/maxD*100)}%"></div></div><div class="mbar-val">${v}</div></div>`).join('')}</div><div class="mcard"><div class="mcard-t">Por formato</div>${fmtSorted.map(([k,v])=>`<div class="mbar-row"><div class="mbar-label">${fmtMap[k]||k}</div><div class="mbar-track"><div class="mbar-fill" style="width:${Math.round(v/maxF*100)}%"></div></div><div class="mbar-val">${v}</div></div>`).join('')}</div>`;
}

// ── AGENDA ─────────────────────────────────────────────────────────────────

// ── ADMIN ──────────────────────────────────────────────────────────────────
async function renderAdmin(){
  if(profile?.role!=='admin') return;
  const {data:users}=await sb.from('profiles').select('*').order('criado_em');
  if(!users) return;
  const pendentes=users.filter(u=>!u.aprovado),ativos=users.filter(u=>u.aprovado);
  const pendWrap=$id('admin-pendentes-wrap'),pendEl=$id('admin-pendentes');
  pendWrap.style.display='block';
  if(pendentes.length){
    pendEl.innerHTML=pendentes.map(u=>`<div class="user-card"><div class="user-hd"><div class="avatar">${(u.nome||'?')[0].toUpperCase()}</div><div><div class="user-name">${u.nome||'—'}</div><div class="user-email">${u.email}</div></div></div><div class="btn-row"><button class="btn btn-sm" style="background:var(--green);color:white;border-color:var(--green)" onclick="aprovarUser('${u.id}')">Aprovar acesso</button><button class="btn btn-sm btn-danger" onclick="removerUser('${u.id}')">Recusar</button></div></div>`).join('');
  } else {
    pendEl.innerHTML='<div class="empty" style="padding:14px 16px;font-size:13px">Nenhuma solicitação pendente no momento.</div>';
  }
  const usersEl=$id('admin-users');
  if(!ativos.length){usersEl.innerHTML='<div class="empty">Nenhum usuário ativo.</div>';return;}
  const {data:stats}=await sb.from('conteudos').select('user_id,criado_em').in('formato',FORMATOS_PRODUCAO).order('criado_em',{ascending:false});
  const agora=new Date(),statMap={},semMap={};
  (stats||[]).forEach(s=>{statMap[s.user_id]=(statMap[s.user_id]||0)+1;if((agora-new Date(s.criado_em))<7*86400000)semMap[s.user_id]=(semMap[s.user_id]||0)+1;});
  usersEl.innerHTML=ativos.map(u=>`<div class="user-card"><div class="user-hd"><div class="avatar">${(u.nome||'?')[0].toUpperCase()}</div><div style="flex:1"><div class="user-name">${u.nome||'—'}</div><div class="user-email">${u.email} &nbsp;<span class="badge ${u.role==='admin'?'b-green':'b-gray'}">${u.role==='admin'?'Admin':'Usuário'}</span></div></div>${u.id!==profile.id?`<button class="btn btn-sm btn-danger" onclick="removerUser('${u.id}')">Remover</button>`:''}</div><div class="user-stats"><div class="us"><div class="us-v">${statMap[u.id]||0}</div><div class="us-l">Total gerado</div></div><div class="us"><div class="us-v">${semMap[u.id]||0}</div><div class="us-l">Esta semana</div></div><div class="us" style="cursor:pointer" onclick="verHistAdmin('${u.id}','${u.nome||u.email}')"><div class="us-v" style="font-size:13px;color:var(--green2)">Ver</div><div class="us-l">Histórico</div></div></div></div>`).join('');
}

window.aprovarUser=async function(id){const{error}=await sb.from('profiles').update({aprovado:true}).eq('id',id);if(error){alert('Erro ao aprovar.');return;}await renderAdmin();await verificarPendentes();};
window.removerUser=async function(id){if(!confirm('Remover este usuário?'))return;const{error}=await sb.from('profiles').delete().eq('id',id);if(error){alert('Erro ao remover.');return;}await renderAdmin();await verificarPendentes();};
window.verHistAdmin=async function(userId,nome){
  const wrap=$id('admin-hist-wrap'),list=$id('admin-hist-list'),title=$id('admin-hist-title');
  title.textContent='Histórico de '+nome; wrap.style.display='block'; list.innerHTML=dots();
  wrap.scrollIntoView({behavior:'smooth',block:'start'});
  const {data}=await sb.from('conteudos').select('*').eq('user_id',userId).in('formato',FORMATOS_PRODUCAO).order('criado_em',{ascending:false});
  if(!data?.length){list.innerHTML='<div class="empty">Nenhum conteúdo gerado.</div>';return;}
  list.innerHTML=data.map(c=>{const d=new Date(c.criado_em);const ds=d.toLocaleDateString('pt-BR',{day:'2-digit',month:'short',year:'2-digit'});return `<div class="card"><div class="card-hd"><span class="badge b-green">${fmtMap[c.formato]||c.formato}</span><span class="badge b-gray">${deptMap[c.departamento]||c.departamento||'—'}</span><span style="font-size:12px;color:var(--text3);margin-left:auto">${ds}</span></div><div class="card-sub">${c.briefing||'—'}</div></div>`;}).join('');
};
window.fecharHistAdmin=function(){$id('admin-hist-wrap').style.display='none';};

// [v5.10] BASE DE PERSONALIDADES ─────────────────────────────────────────
// Carrega apenas ativos — alimenta o cache usado pelo SYS() de Produção.
// Leitura é liberada para todos os autenticados (policy auth_read_personalidades)
// para preparar a Entrega 3 (autocomplete para qualquer usuário).
async function carregarPersonalidades(){
  try{
    const {data,error} = await sb.from('personalidades').select('*').eq('ativo',true);
    if(error){console.error('carregarPersonalidades:',error.message);_personalidadesCache=[];return;}
    _personalidadesCache = data || [];
  }catch(e){console.error('carregarPersonalidades exc:',e);_personalidadesCache=[];}
}

// Renderiza a lista completa (ativos + inativos) na sub-aba admin.
// Agrupada por cargo, ordenada alfabeticamente dentro do grupo.
async function renderPersonalidades(){
  if(profile?.role!=='admin') return;
  const wrap = $id('pers-lista'); if(!wrap) return;
  wrap.innerHTML = dots();
  const {data,error} = await sb.from('personalidades').select('*').order('nome');
  if(error){wrap.innerHTML='<div class="empty" style="padding:14px 16px;font-size:13px">Erro ao carregar.</div>';console.error('renderPersonalidades:',error.message);return;}
  if(!data || !data.length){
    wrap.innerHTML='<div class="empty" style="padding:14px 16px;font-size:13px">Nenhuma personalidade cadastrada ainda. Use o botão "+ Adicionar" acima.</div>';
    return;
  }
  // Agrupa respeitando cargoOrder; cargos fora da lista viram "outro"
  const grupos = {};
  data.forEach(p=>{
    const k = cargoOrder.includes(p.cargo) ? p.cargo : 'outro';
    (grupos[k] = grupos[k] || []).push(p);
  });
  const html = [];
  cargoOrder.forEach(k=>{
    const arr = grupos[k]; if(!arr || !arr.length) return;
    arr.sort((a,b)=>(a.nome||'').localeCompare(b.nome||'','pt-BR'));
    html.push(`<div class="pers-group-title">${cargoMap[k]||k}</div>`);
    arr.forEach(p=>{
      const cargoTxt = p.cargo==='outro' ? (p.cargo_outro||'—') : cargoMap[p.cargo];
      const depto = p.departamento && deptMap[p.departamento] ? ` · ${deptMap[p.departamento]}` : '';
      const partido = p.partido ? ` · ${p.partido}` : '';
      const pron = p.pronome ? `${p.pronome} ` : '';
      html.push(`
        <div class="pers-card${p.ativo?'':' inactive'}">
          <div class="pers-card-top">
            <div class="pers-card-info">
              <div class="pers-name">${pron}${escapeHtml(p.nome||'—')}</div>
              <div class="pers-meta">${escapeHtml(cargoTxt)}${depto}${partido}</div>
            </div>
            <label class="pers-toggle" title="Ativar/desativar consulta pela IA">
              <input type="checkbox" ${p.ativo?'checked':''} onchange="togglePersAtivo('${p.id}',this.checked)">
              <span>${p.ativo?'Ativo':'Inativo'}</span>
            </label>
          </div>
          <div class="btn-row">
            <button class="btn btn-sm" onclick="editarPers('${p.id}')">Editar</button>
            <button class="btn btn-sm btn-danger" onclick="removerPers('${p.id}')">Remover</button>
          </div>
        </div>
      `);
    });
  });
  wrap.innerHTML = html.join('');
}

// Util: escape básico para nome/cargo-outro (texto de usuário) dentro do HTML
function escapeHtml(s){return String(s||'').replace(/[&<>"']/g,c=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[c]));}

window.switchAdminSub = function(which){
  const isUsers = which==='users';
  $id('admin-sub-users').style.display = isUsers?'block':'none';
  $id('admin-sub-personalidades').style.display = isUsers?'none':'block';
  $id('adm-sub-users-btn').classList.toggle('active', isUsers);
  $id('adm-sub-pers-btn').classList.toggle('active', !isUsers);
  if(!isUsers){
    fecharFormPers();
    renderPersonalidades();
  }
};

window.onCargoChange = function(){
  const v = $id('pers-f-cargo').value;
  $id('pers-f-cargo-outro-wrap').style.display = v==='outro' ? 'block' : 'none';
};

window.abrirFormPers = function(){
  // Modo criação: limpa tudo
  $id('pers-f-id').value = '';
  $id('pers-f-nome').value = '';
  $id('pers-f-cargo').value = 'prefeito';
  $id('pers-f-cargo-outro').value = '';
  $id('pers-f-cargo-outro-wrap').style.display = 'none';
  $id('pers-f-depto').value = '';
  $id('pers-f-pronome').value = '';
  $id('pers-f-partido').value = '';
  $id('pers-f-ativo').checked = true;
  $id('pers-f-err').style.display = 'none';
  $id('pers-form-title').textContent = 'Nova personalidade';
  $id('pers-form-wrap').style.display = 'block';
  $id('pers-f-nome').focus();
};

window.fecharFormPers = function(){
  $id('pers-form-wrap').style.display = 'none';
  $id('pers-f-err').style.display = 'none';
};

window.editarPers = async function(id){
  const {data,error} = await sb.from('personalidades').select('*').eq('id',id).maybeSingle();
  if(error || !data){alert('Erro ao carregar personalidade.');return;}
  $id('pers-f-id').value = data.id;
  $id('pers-f-nome').value = data.nome || '';
  $id('pers-f-cargo').value = cargoOrder.includes(data.cargo) ? data.cargo : 'outro';
  $id('pers-f-cargo-outro').value = data.cargo_outro || '';
  $id('pers-f-cargo-outro-wrap').style.display = ($id('pers-f-cargo').value==='outro') ? 'block' : 'none';
  $id('pers-f-depto').value = data.departamento || '';
  $id('pers-f-pronome').value = data.pronome || '';
  $id('pers-f-partido').value = data.partido || '';
  $id('pers-f-ativo').checked = !!data.ativo;
  $id('pers-f-err').style.display = 'none';
  $id('pers-form-title').textContent = 'Editar personalidade';
  $id('pers-form-wrap').style.display = 'block';
  $id('pers-form-wrap').scrollIntoView({behavior:'smooth',block:'start'});
  $id('pers-f-nome').focus();
};

window.salvarPers = async function(){
  const err = $id('pers-f-err');
  err.style.display = 'none';
  const id = $id('pers-f-id').value;
  const nome = $id('pers-f-nome').value.trim();
  const cargo = $id('pers-f-cargo').value;
  const cargoOutro = $id('pers-f-cargo-outro').value.trim();
  const depto = $id('pers-f-depto').value;
  const pronome = $id('pers-f-pronome').value.trim();
  const partido = $id('pers-f-partido').value.trim();
  const ativo = $id('pers-f-ativo').checked;

  if(!nome){err.textContent='Informe o nome completo.';err.style.display='block';$id('pers-f-nome').focus();return;}
  if(cargo==='outro' && !cargoOutro){err.textContent='Especifique o cargo no campo "Outro".';err.style.display='block';$id('pers-f-cargo-outro').focus();return;}

  const payload = {
    nome,
    cargo,
    cargo_outro: cargo==='outro' ? cargoOutro : null,
    departamento: depto || null,
    pronome: pronome || null,
    partido: partido || null,
    ativo,
    atualizado_em: new Date().toISOString()
  };

  const btn = $id('pers-f-salvar');
  const orig = btn.textContent; btn.disabled = true; btn.innerHTML = dots();
  let resp;
  if(id){
    resp = await sb.from('personalidades').update(payload).eq('id',id);
  } else {
    resp = await sb.from('personalidades').insert(payload);
  }
  btn.disabled = false; btn.textContent = orig;
  if(resp.error){err.textContent='Erro ao salvar: '+resp.error.message;err.style.display='block';return;}
  fecharFormPers();
  await carregarPersonalidades();   // invalida cache do SYS
  await renderPersonalidades();
};

window.togglePersAtivo = async function(id, ativo){
  const {error} = await sb.from('personalidades').update({ativo, atualizado_em:new Date().toISOString()}).eq('id',id);
  if(error){alert('Erro ao atualizar: '+error.message);await renderPersonalidades();return;}
  await carregarPersonalidades();   // invalida cache do SYS
  await renderPersonalidades();
};

window.removerPers = async function(id){
  if(!confirm('Remover permanentemente esta personalidade? Para apenas ocultá-la da IA, use o toggle "Ativo".')) return;
  const {error} = await sb.from('personalidades').delete().eq('id',id);
  if(error){alert('Erro ao remover: '+error.message);return;}
  await carregarPersonalidades();   // invalida cache do SYS
  await renderPersonalidades();
};

// [v5.11 / v5.14] AUTOCOMPLETE @ EM MENÇÕES OBRIGATÓRIAS ──────────────────
// Genérico: aceita qualquer par (taId, popId). Usado em Produzir e Respostas.

function normalizeStr(s){
  return String(s||'').normalize('NFD').replace(/[\u0300-\u036f]/g,'').toLowerCase();
}

function cargoParaInsercao(p){
  if(p.cargo==='outro') return (p.cargo_outro||'').trim();
  const simples = {prefeito:'Prefeito',vice:'Vice-Prefeito',vereador:'Vereador',diretor:'Diretor'};
  const base = simples[p.cargo] || cargoMap[p.cargo] || p.cargo;
  if(p.cargo==='diretor' && p.departamento && deptMap[p.departamento]){
    return `${base} de ${deptMap[p.departamento]}`;
  }
  return base;
}

// Estado compartilhado — apenas um autocomplete ativo por vez
let _mencoesState = { open:false, atStart:-1, tokenEnd:-1, taId:null, popId:null, keepAt:false };

function fecharMencoesPop(){
  const pop = _mencoesState.popId ? $id(_mencoesState.popId) : null;
  if(pop){ pop.style.display='none'; pop.innerHTML=''; }
  _mencoesState = { open:false, atStart:-1, tokenEnd:-1, taId:null, popId:null, keepAt:false };
}

function renderMencoesPop(query, taId, popId){
  const pop = $id(popId);
  if(!pop) return;
  const cache = _personalidadesCache || [];
  if(!cache.length){ fecharMencoesPop(); return; }
  const q = normalizeStr(query);
  const hits = cache.filter(p => !q || normalizeStr(p.nome).includes(q));
  if(!hits.length){
    pop.innerHTML = '<div class="mp-empty">Nenhuma personalidade encontrada para "'+escapeHtml(query)+'".</div>';
    pop.style.display = 'block';
    return;
  }
  const grupos = {};
  hits.forEach(p => {
    const k = cargoOrder.includes(p.cargo) ? p.cargo : 'outro';
    (grupos[k] = grupos[k] || []).push(p);
  });
  const html = [];
  cargoOrder.forEach(k => {
    const arr = grupos[k]; if(!arr || !arr.length) return;
    arr.sort((a,b)=>(a.nome||'').localeCompare(b.nome||'','pt-BR'));
    html.push(`<div class="mp-group">${cargoMap[k]||k}</div>`);
    arr.forEach(p => {
      const cargoTxt = cargoParaInsercao(p);
      const partido = p.partido ? ` · ${escapeHtml(p.partido)}` : '';
      html.push(`<div class="mp-item" data-id="${p.id}"><div class="mp-item-name">${escapeHtml(p.nome)}</div><div class="mp-item-meta">${escapeHtml(cargoTxt)}${partido}</div></div>`);
    });
  });
  pop.innerHTML = html.join('');
  pop.style.display = 'block';
  pop.querySelectorAll('.mp-item').forEach(el => {
    el.addEventListener('mousedown', ev => {
      ev.preventDefault();
      const id = el.getAttribute('data-id');
      const pers = cache.find(p => p.id === id);
      if(pers) inserirMencao(pers, taId, popId);
    });
  });
}

function inserirMencao(pers, taId, popId){
  const ta = $id(taId);
  if(!ta) return;
  const { atStart, tokenEnd, keepAt } = _mencoesState;
  if(atStart < 0){ fecharMencoesPop(); return; }
  const antes = ta.value.slice(0, atStart);
  const depois = ta.value.slice(tokenEnd);
  // [v5.16] keepAt:true (briefing) → insere @Nome; false (mencoes) → insere Nome — Cargo
  let inserido;
  if(keepAt){
    inserido = `@${pers.nome}`;
  } else {
    const cargoTxt = cargoParaInsercao(pers);
    inserido = `${pers.nome}${cargoTxt?' — '+cargoTxt:''}`;
  }
  const sep = depois && !/^\s/.test(depois) ? '; ' : '';
  ta.value = antes + inserido + sep + depois;
  const novoCursor = (antes + inserido + sep).length;
  ta.setSelectionRange(novoCursor, novoCursor);
  ta.focus();
  fecharMencoesPop();
}

function processarMencoesInput(taId, popId, keepAt){
  const ta = $id(taId);
  if(!ta) return;
  const pos = ta.selectionStart;
  const antes = ta.value.slice(0, pos);
  const m = antes.match(/@([^\s@]*)$/);
  if(!m){ fecharMencoesPop(); return; }
  _mencoesState = { open:true, atStart: pos - m[0].length, tokenEnd: pos, taId, popId, keepAt:!!keepAt };
  renderMencoesPop(m[1], taId, popId);
}

// [v5.16] keepAt:true → inserção no briefing preserva @Nome (sem cargo)
function bindMencoesAutocomplete(taId, popId, { keepAt = false } = {}){
  taId = taId || 'p-mencoes';
  popId = popId || 'p-mencoes-pop';
  const ta = $id(taId);
  if(!ta || ta.dataset.acBound === '1') return;
  ta.dataset.acBound = '1';
  ta.addEventListener('input', () => processarMencoesInput(taId, popId, keepAt));
  ta.addEventListener('keydown', ev => {
    if(ev.key === 'Escape' && _mencoesState.open && _mencoesState.taId === taId){
      ev.preventDefault();
      fecharMencoesPop();
    }
  });
  ta.addEventListener('blur', () => { setTimeout(fecharMencoesPop, 150); });
  document.addEventListener('mousedown', ev => {
    if(!_mencoesState.open || _mencoesState.taId !== taId) return;
    const pop = $id(popId);
    if(pop && !pop.contains(ev.target) && ev.target !== ta) fecharMencoesPop();
  });
}


// ── [v5.14] PAINEL DE NOTIFICAÇÕES ────────────────────────────────────────
window.toggleNotifPanel = function(force){
  const panel=$id('notif-panel');
  if(!panel) return;
  const show = force !== undefined ? force : panel.style.display==='none';
  panel.style.display = show ? 'block' : 'none';
  if(show){
    // Fecha ao clicar fora
    setTimeout(()=>{
      document.addEventListener('mousedown', function handler(e){
        if(!panel.contains(e.target) && e.target !== $id('notif-btn')){
          panel.style.display='none';
          document.removeEventListener('mousedown', handler);
        }
      });
    }, 10);
  }
};

// ── [v5.14] CONTEXTUAL TOGGLE — aba Respostas ─────────────────────────────
window.toggleCtx = function(){
  const tog=$id('c-ctx-tog'), inp=$id('c-ctx-inp');
  if(!tog||!inp) return;
  const visible=inp.style.display!=='none';
  inp.style.display=visible?'none':'block';
  tog.textContent=visible?'+ Adicionar contexto':'− Remover contexto';
};

// Pills: c-intent e c-tone
document.querySelectorAll('#c-intent .pill').forEach(p=>{
  p.addEventListener('click',function(){document.querySelectorAll('#c-intent .pill').forEach(x=>x.classList.remove('on'));this.classList.add('on');});
});
document.querySelectorAll('#c-tone .pill').forEach(p=>{
  p.addEventListener('click',function(){document.querySelectorAll('#c-tone .pill').forEach(x=>x.classList.remove('on'));this.classList.add('on');});
});

// ── [v5.14] GERAR RESPOSTA A COMENTÁRIO ───────────────────────────────────
window.gerarResposta = async function(){
  const comentario=$id('c-comentario').value.trim();
  if(!comentario){$id('c-comentario').focus();return;}
  const postOriginal=$id('c-post').value.trim();
  const intencao=document.querySelector('#c-intent .pill.on')?.dataset.t||'duvida';
  const tom=document.querySelector('#c-tone .pill.on')?.dataset.t||'cordial';
  const contexto=$id('c-ctx-inp').style.display!=='none'?$id('c-ctx-inp').value.trim():'';
  const mencoes=$id('c-mencoes')?.value.trim()||'';

  const btn=$id('c-btn'),wrap=$id('c-out'),outText=$id('c-out-text');
  const orig=btn.innerHTML; btn.disabled=true; btn.innerHTML=dots();
  wrap.classList.add('vis'); outText.innerHTML=dots();
  try{
    const d=await chamarWorker('/responder',{
      postOriginal, comentario, intencao, tom, contexto, mencoes,
      personalidades:resolverMencionados('', mencoes),
      perfilAprendizado:perfilParaEnvio()
    });
    const erro=extrairErro(d);
    if(erro){outText.textContent='Erro: '+erro;return;}
    const txt=d.content?.map(b=>b.text||'').join('')||'';
    outText.textContent=txt;
    if($id('c-chars')) $id('c-chars').textContent=txt.length+' car.';
  }catch(e){outText.textContent='Erro de conexão. Tente novamente.';}
  finally{btn.disabled=false;btn.innerHTML=orig;}
};

// ── [v5.14] SALVAR RESPOSTA ────────────────────────────────────────────────
window.salvarResposta = async function(){
  const outEl=$id('c-out-text');
  const txt=outEl?.textContent?.trim();
  if(!txt||txt.startsWith('Erro')||outEl.querySelector('.dots')) return;
  const btn=$id('c-salvar-btn');
  const orig=btn?.textContent; if(btn){btn.disabled=true;btn.innerHTML=dots();}
  const assunto=$id('c-assunto').value.trim()||$id('c-comentario').value.trim().slice(0,80);
  const comentario=$id('c-comentario').value.trim();
  const intencao=document.querySelector('#c-intent .pill.on')?.dataset.t||'duvida';
  const {error}=await sb.from('conteudos').insert({
    user_id:profile.id,
    formato:'resposta_comentario',
    tema:assunto,
    departamento:null,
    linha:'prefeitura',
    briefing:comentario.slice(0,200),
    conteudo:txt
  });
  if(btn){btn.disabled=false;btn.textContent=error?'Erro ao salvar':'Salvo!';}
  if(!error){
    setTimeout(()=>{if(btn)btn.textContent=orig;},1800);
    await renderHistComentarios();
    // [v5.14] Alimenta sistema de aprendizagem com dados de contexto de comentários
    await verificarAtualizacaoPerfil();
  }
};

// ── [v5.14] MINI-HISTÓRICO DE RESPOSTAS ───────────────────────────────────
async function renderHistComentarios(){
  const list=$id('c-hist-list');
  if(!list) return;
  list.innerHTML=dots();
  const {data}=await sb.from('conteudos')
    .select('id,tema,briefing,conteudo,criado_em')
    .eq('user_id',profile.id)
    .eq('formato','resposta_comentario')
    .order('criado_em',{ascending:false})
    .limit(20);
  if(!data?.length){list.innerHTML='<div class="empty"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>Nenhuma resposta salva ainda.</div>';return;}
  list.innerHTML=data.map(c=>{
    const d=new Date(c.criado_em);
    const ds=d.toLocaleDateString('pt-BR',{day:'2-digit',month:'short',year:'2-digit'});
    const titulo=c.tema||c.briefing?.slice(0,60)||'—';
    return `<div class="card hist-card">
      <div class="hc-body">
        <div class="card-hd">
          <span class="badge b-gray">Comentário</span>
        </div>
        <div style="font-size:14px;font-weight:700;margin-bottom:3px">${escapeHtml(titulo)}</div>
        <div class="card-sub" style="font-style:italic;color:var(--text3)">"${escapeHtml((c.briefing||'').slice(0,100))}${(c.briefing||'').length>100?'...':''}"</div>
        <div class="card-preview">${escapeHtml(c.conteudo.slice(0,140))}${c.conteudo.length>140?'...':''}</div>
      </div>
      <div class="hc-actions">
        <span class="hc-date">${ds}</span>
        <div class="btn-row">
          <button class="btn btn-sm" onclick="copiarConteudo('${c.id}',this)">Copiar</button>
          <button class="btn btn-sm btn-danger" onclick="deletarResposta('${c.id}',this)">Remover</button>
        </div>
      </div>
    </div>`;
  }).join('');
}

window.deletarResposta = async function(id, btn){
  if(!confirm('Remover esta resposta?')) return;
  const orig=btn?.textContent; if(btn){btn.disabled=true;btn.textContent='...';}
  await sb.from('conteudos').delete().eq('id',id).eq('user_id',profile.id);
  await renderHistComentarios();
};

// ── CHAT ──────────────────────────────────────────────────────────────────
const CHAT_MAX = 20;
const CHAT_WINDOW = 10; // [v5.17] máx. de turns enviados ao Worker por chamada
// [v5.13] CHAT_SYS foi removido — o system prompt do chat vive no Worker.

let chatHistory = [];
let chatCount = 0;

function chatUpdateCounter() {
  const restantes = CHAT_MAX - chatCount;
  const el = $id('chat-counter');
  if (!el) return;
  el.textContent = restantes + (restantes === 1 ? ' mensagem' : ' mensagens');
  el.className = 'chat-counter' + (restantes <= 5 ? ' low' : '');
}

function chatAddMsg(role, text) {
  const msgs = $id('chat-msgs');
  if (!msgs) return;
  const div = document.createElement('div');
  div.className = 'chat-msg ' + role;
  div.textContent = text;
  msgs.appendChild(div);
  msgs.scrollTop = msgs.scrollHeight;
  return div;
}

window.novaConversa = function() {
  chatHistory = [];
  chatCount = 0;
  const msgs = $id('chat-msgs');
  if (msgs) msgs.innerHTML = '';
  chatUpdateCounter();
  $id('chat-inp')?.focus();
};

window.chatKeydown = function(e) {
  if (e.key === 'Enter' && !e.shiftKey) {
    e.preventDefault();
    enviarChat();
  }
};

window.enviarChat = async function() {
  const inp = $id('chat-inp');
  const txt = inp?.value.trim();
  if (!txt) return;
  if (chatCount >= CHAT_MAX) {
    chatAddMsg('agent', 'Limite de ' + CHAT_MAX + ' mensagens atingido. Clique em "Nova conversa" para continuar.');
    return;
  }

  inp.value = '';
  inp.style.height = 'auto';
  chatCount++;
  chatUpdateCounter();

  chatAddMsg('user', txt);
  chatHistory.push({ role: 'user', content: txt });

  const btn = $id('chat-send-btn');
  if (btn) btn.disabled = true;
  const loadingEl = chatAddMsg('agent loading', '...');

  try {
    // [v5.13] Envia apenas o histórico; o Worker usa seu CHAT_SYS interno.
    // [v5.17] Janela deslizante: envia só os últimos CHAT_WINDOW turns.
    const d = await chamarWorker('/chat', { messages: chatHistory.slice(-CHAT_WINDOW) });
    const erro = extrairErro(d);
    const resposta = erro
      ? 'Erro: ' + erro
      : (d.content?.map(b => b.text || '').join('') || 'Não consegui gerar uma resposta.');
    loadingEl.textContent = resposta;
    loadingEl.className = 'chat-msg agent';
    if (!erro) chatHistory.push({ role: 'assistant', content: resposta });

    // [v5.7] Chat não persiste mais em 'conteudos' — conversas são efêmeras
  } catch(e) {
    loadingEl.textContent = 'Erro de conexão. Tente novamente.';
    loadingEl.className = 'chat-msg agent';
    chatCount--;
    chatUpdateCounter();
  } finally {
    if (btn) btn.disabled = false;
  }
};

// Auto-resize do textarea do chat
document.addEventListener('DOMContentLoaded', () => {
  const inp = $id('chat-inp');
  if (inp) {
    inp.addEventListener('input', function() {
      this.style.height = 'auto';
      this.style.height = Math.min(this.scrollHeight, 120) + 'px';
    });
  }
});

// ── INIT ───────────────────────────────────────────────────────────────────
async function init(){
  // Aguarda o INITIAL_SESSION resolver antes de esconder o splash
  const LOGO='/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAQ4BDgDASIAAhEBAxEB/8QAHAABAAIDAQEBAAAAAAAAAAAAAAUGAwQHAgEI/8QAVBABAAIBAwEEBQcFDAULAwUAAAECAwQFEQYSITFBEyJRYXEHFDKBkaGxFSNCwdEWNlJUYnJzkpOy4fAzNDVDVSQlJjdTdIKzwsPxJ5SiY2Rlg4T/xAAbAQEAAgMBAQAAAAAAAAAAAAAAAwUCBAYBB//EADkRAQACAQIEBAIIBAYDAQAAAAABAgMEEQUSITETQVFhcYEUIjKRocHR8AZSseEVIyQzQlNicvGC/9oADAMBAAIRAxEAPwD8ZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH/9k=';
  ['splash-logo','login-logo','signup-logo','footer-logo-login','footer-logo-signup','footer-logo-pending','footer-logo-app'].forEach(id=>{
    const el=document.getElementById(id); if(el) el.src='data:image/png;base64,'+LOGO;
  });
  // [v5.7] Versão exibida em Configurações vem da constante APP_VERSION
  const verEl=document.getElementById('cfg-version');
  if(verEl) verEl.textContent='Meu Secom v'+APP_VERSION;
  // Fallback: esconde splash após 3s caso INITIAL_SESSION não dispare
  setTimeout(()=>{if(!_initialSessionHandled){document.getElementById('splash').classList.add('hide');$id('auth-root').style.display='flex';showView('view-login');}},3000);
}

init();
</script>
</body>
</html>