[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_230":231,"_232":233},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",85,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/app.js","latestPath","fileId","bdceaa72-9bea-11f1-9b55-1607ee4eb77e","name","app.js","fileType","script","content","// Central TC — lógica do hub (página inicial)\n// Dois eixos de navegação: ÁREA (de qual matéria) e CATEGORIA (que tipo de coisa).\n// Busca /api/data. Se a API não responder (ex.: preview estático), entra em\n// \"modo demo\" com dados de exemplo, para visualizar a interface.\n\nconst KIND_LABELS = {\n system: \"Sistema\",\n link: \"Link\",\n tip: \"Dica\",\n doc: \"Documento\",\n};\n\nconst SAMPLE = {\n me: { name: \"Equipe TC\", email: \"\", picture: \"\", isAdmin: true },\n areas: [\n {\n id: 1,\n name: \"Empresarial\",\n color: \"#002D2D\",\n description: \"Societário, contratos empresariais e reestruturações.\",\n position: 0,\n },\n {\n id: 2,\n name: \"Tributário\",\n color: \"#004746\",\n description:\n \"Contencioso e consultivo fiscal, transações e planejamento.\",\n position: 1,\n },\n {\n id: 3,\n name: \"Trabalhista\",\n color: \"#006B6B\",\n description:\n \"Contencioso trabalhista, compliance e relações de trabalho.\",\n position: 2,\n },\n {\n id: 4,\n name: \"Administrativo\",\n color: \"#007979\",\n description: \"Licitações, contratos públicos e defesas administrativas.\",\n position: 3,\n },\n {\n id: 5,\n name: \"Família e Sucessões\",\n color: \"#00908C\",\n description: \"Divórcio, inventários, holdings familiares e pactos.\",\n position: 4,\n },\n {\n id: 6,\n name: \"Contratos e Estruturação de Negócios\",\n color: \"#747277\",\n description: \"Modelagem contratual e estruturação de operações.\",\n position: 5,\n },\n {\n id: 7,\n name: \"Saúde e Médico\",\n color: \"#005F5F\",\n description: \"Planos de saúde, alto custo e direito médico.\",\n position: 6,\n },\n {\n id: 8,\n name: \"Imobiliário\",\n color: \"#00A39D\",\n description:\n \"Compra e venda, incorporação, locação e vícios construtivos.\",\n position: 7,\n },\n ],\n products: [\n { id: 101, area_id: 3, name: \"Consultoria Preventiva\", position: 0 },\n {\n id: 102,\n area_id: 3,\n name: \"Contencioso administrativo e judicial\",\n position: 1,\n },\n { id: 103, area_id: 3, name: \"Compliance\", position: 2 },\n { id: 104, area_id: 3, name: \"Gestão de Riscos e Passivos\", position: 3 },\n { id: 105, area_id: 8, name: \"Due Diligence Imobiliária\", position: 0 },\n { id: 106, area_id: 8, name: \"Vícios Construtivos\", position: 1 },\n { id: 107, area_id: 8, name: \"Regularização Imobiliária\", position: 2 },\n ],\n categories: [\n {\n id: 1,\n name: \"Tribunais\",\n emoji: \"\",\n color: \"#52525B\",\n position: 3,\n grupo: \"ferramentas\",\n },\n {\n id: 2,\n name: \"IA\",\n emoji: \"\",\n color: \"#71717A\",\n position: 2,\n grupo: \"ferramentas\",\n },\n {\n id: 3,\n name: \"Modelos & Documentos\",\n emoji: \"\",\n color: \"#A1A1AA\",\n position: 2,\n },\n {\n id: 4,\n name: \"Links Úteis\",\n emoji: \"\",\n color: \"#3F3F46\",\n position: 0,\n grupo: \"outros\",\n },\n {\n id: 5,\n name: \"Dicas Internas\",\n emoji: \"\",\n color: \"#B42318\",\n position: 2,\n grupo: \"outros\",\n },\n ],\n resources: [\n {\n id: 1,\n category_id: 1,\n area_id: null,\n uf: \"PE\",\n kind: \"system\",\n title: \"PJe — Processo Judicial Eletrônico\",\n description:\n \"Peticionamento e consulta processual na Justiça Federal e Trabalhista.\",\n url: \"https://www.pje.jus.br\",\n tags: \"processo, tribunal\",\n },\n {\n id: 2,\n category_id: 1,\n area_id: 3,\n uf: \"SP\",\n kind: \"system\",\n title: \"e-SAJ (TJSP)\",\n description:\n \"Sistema do tribunal estadual para acompanhamento de processos.\",\n url: \"https://esaj.tjsp.jus.br\",\n tags: \"processo, estadual\",\n },\n {\n id: 3,\n category_id: 2,\n area_id: null,\n kind: \"system\",\n title: \"Claude (Cowork)\",\n description:\n \"Assistente de IA do escritório para redação, análise e pesquisa.\",\n url: \"https://claude.ai\",\n tags: \"ia, redação\",\n },\n {\n id: 4,\n category_id: 2,\n area_id: null,\n kind: \"tip\",\n title: \"Como pedir uma peça para a IA\",\n description:\n \"Sempre forneça: fatos, documentos, tese e pedido. Quanto mais contexto, melhor a minuta.\",\n url: \"\",\n tags: \"ia, boas-práticas\",\n },\n {\n id: 5,\n category_id: 3,\n area_id: 8,\n kind: \"doc\",\n title: \"Modelos de Petição (Drive)\",\n description:\n \"Pasta compartilhada com os modelos padronizados do escritório.\",\n url: \"\",\n tags: \"modelos, petição\",\n },\n {\n id: 6,\n category_id: 4,\n area_id: 2,\n kind: \"link\",\n title: \"Diário Oficial / DJe\",\n description: \"Consulta de publicações e intimações.\",\n url: \"https://www.jusbrasil.com.br\",\n tags: \"publicações\",\n },\n {\n id: 7,\n category_id: 5,\n area_id: null,\n kind: \"tip\",\n title: \"Padrão de nomeação de arquivos\",\n description:\n \"Use: AAAA-MM-DD_Cliente_TipoDoc. Facilita a busca e evita retrabalho.\",\n url: \"\",\n tags: \"organização\",\n },\n {\n id: 8,\n category_id: 3,\n area_id: 3,\n product_id: 102,\n visibility: \"equipe\",\n kind: \"doc\",\n title: \"Modelo de contestação trabalhista\",\n description: \"Peça-base da área, com as teses que costumam prevalecer.\",\n url: \"\",\n tags: \"modelos\",\n },\n {\n id: 9,\n category_id: 5,\n area_id: 3,\n product_id: 103,\n visibility: \"lideranca\",\n kind: \"tip\",\n title: \"Leitura estratégica — Trabalhista\",\n description:\n \"Onde estamos ganhando, onde perdemos e o que não se fala com o cliente.\",\n url: \"\",\n tags: \"estratégia\",\n },\n {\n id: 10,\n category_id: 5,\n area_id: null,\n visibility: \"confidencial\",\n kind: \"tip\",\n title: \"Política de honorários\",\n description: \"Faixas, descontos autorizados e quem aprova exceção.\",\n url: \"\",\n tags: \"gestão\",\n },\n ],\n};\n\nlet DATA = { me: null, areas: [], products: [], categories: [], resources: [] };\n// vista.tipo: \"home\" | \"area\" | \"produto\" | \"cat\"\nlet vista = { tipo: \"home\", id: null };\nlet query = \"\";\n// Pernambuco abre por padrão: é onde está o escritório. \"\" = todos os estados.\nlet ufAtiva = \"PE\";\n\nfunction esc(s) {\n return String(s == null ? \"\" : s).replace(\n /[&<>\"']/g,\n (\n m,\n ) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]),\n );\n}\nfunction initials(name) {\n return (name || \"?\").trim().split(/\\s+/).slice(0, 2).map((w) => w[0]).join(\"\")\n .toUpperCase();\n}\nfunction areaDe(id) {\n return DATA.areas.find((a) => a.id == id);\n}\n// Ícones da lateral. Traço simples, 1.6px, no mesmo desenho do ícone da Home —\n// o ponto colorido continua sendo a marca das ÁREAS; as categorias ganham\n// desenho porque \"que tipo de coisa é\" se reconhece mais rápido por forma.\nconst SVG = {\n assinadas:\n '',\n gratuitas:\n '',\n ia:\n '',\n tribunais:\n '',\n documentos:\n '',\n links:\n '',\n formularios:\n '',\n dicas:\n '',\n institucionais:\n '',\n padrao: '',\n};\n\n// A categoria escolhe o ícone pelo nome; renomear cai no padrão, não quebra.\nfunction iconeCat(nome) {\n const n = (nome || \"\").toLowerCase();\n if (n.includes(\"assinad\")) return SVG.assinadas;\n if (n.includes(\"gratuit\")) return SVG.gratuitas;\n if (n === \"ia\" || n.includes(\"ia \") || n.includes(\"intelig\")) return SVG.ia;\n if (n.includes(\"tribun\")) return SVG.tribunais;\n if (n.includes(\"modelo\") || n.includes(\"document\")) return SVG.documentos;\n if (n.includes(\"link\")) return SVG.links;\n if (n.includes(\"formul\")) return SVG.formularios;\n if (n.includes(\"dica\")) return SVG.dicas;\n if (\n n.includes(\"institu\") || n.includes(\"material\") || n.includes(\"materia\")\n ) return SVG.institucionais;\n return SVG.padrao;\n}\n\nfunction svgCat(nome) {\n return ``;\n}\n\nfunction prodDe(id) {\n return (DATA.products || []).find((p) => p.id == id);\n}\nfunction produtosDa(areaId) {\n return (DATA.products || []).filter((p) => p.area_id == areaId);\n}\nfunction contaProduto(id) {\n return DATA.resources.filter((r) => r.product_id == id).length;\n}\nfunction catDe(id) {\n return DATA.categories.find((c) => c.id == id);\n}\nfunction corArea(id) {\n const a = areaDe(id);\n return a ? (a.color || \"#9A9AA2\") : \"#9A9AA2\";\n}\n\nasync function load() {\n try {\n const res = await fetch(\"/api/data\", {\n headers: { accept: \"application/json\" },\n });\n if (!res.ok) throw new Error(\"api\");\n DATA = await res.json();\n DATA.areas = DATA.areas || [];\n DATA.products = DATA.products || [];\n } catch {\n DATA = SAMPLE;\n document.getElementById(\"demo-banner\").innerHTML =\n '';\n }\n renderUser();\n renderNav();\n render();\n}\n\nfunction renderUser() {\n const me = DATA.me || {};\n const avatar = document.getElementById(\"user-avatar\");\n avatar.innerHTML = me.picture\n ? ` $\"\"$ `\n : esc(initials(me.name));\n document.getElementById(\"user-nome\").textContent = me.name || me.email || \"\";\n if (me.isAdmin) document.getElementById(\"admin-link\").style.display = \"\";\n}\n\nfunction contaArea(id) {\n return DATA.resources.filter((r) => r.area_id == id).length;\n}\nfunction contaCat(id) {\n return DATA.resources.filter((r) => r.category_id == id).length;\n}\n\nfunction renderNav() {\n document.getElementById(\"conta-tudo\").textContent = DATA.resources.length ||\n \"\";\n\n // ÁREAS: marcador na cor canônica da área\n const areaAtiva = vista.tipo === \"area\"\n ? vista.id\n : (vista.tipo === \"produto\" ? (prodDe(vista.id) || {}).area_id : null);\n document.getElementById(\"nav-areas\").innerHTML = DATA.areas.map((a) => `\n `).join(\"\");\n\n // FERRAMENTAS e OUTROS: marcador cinza, para o olho separar dos eixos de área\n const itemCat = (c) => `\n `;\n const ferramentas = DATA.categories.filter((c) =>\n (c.grupo || \"ferramentas\") !== \"outros\"\n );\n const outros = DATA.categories.filter((c) => c.grupo === \"outros\");\n document.getElementById(\"nav-cats\").innerHTML = ferramentas.map(itemCat).join(\n \"\",\n );\n document.getElementById(\"nav-outros\").innerHTML = outros.map(itemCat).join(\n \"\",\n );\n // bloco vazio não aparece: rótulo sem item embaixo confunde\n document.getElementById(\"grupo-outros\").style.display = outros.length\n ? \"\"\n : \"none\";\n\n document.querySelector(\"#nav-inicio .lat-item\").classList.toggle(\n \"ativo\",\n vista.tipo === \"home\",\n );\n\n document.querySelectorAll(\n \".lat-item[data-ir], .lat-item[data-area], .lat-item[data-cat]\",\n ).forEach((b) => {\n b.onclick = () => {\n if (b.dataset.ir === \"home\") vista = { tipo: \"home\", id: null };\n else if (b.dataset.area) {\n vista = { tipo: \"area\", id: Number(b.dataset.area) };\n } else vista = { tipo: \"cat\", id: Number(b.dataset.cat) };\n renderNav();\n render();\n document.querySelector(\".conteudo\").scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n };\n });\n}\n\nfunction matches(r) {\n if (!query) return true;\n const hay = (r.title + \" \" + r.description + \" \" + r.tags).toLowerCase();\n return query.toLowerCase().split(/\\s+/).every((t) => hay.includes(t));\n}\n\nfunction tileHTML(r) {\n // ícone escolhido à mão tem prioridade: o favicon erra quando vários produtos\n // dividem o mesmo domínio (todo *.google.com devolve o mesmo \"G\")\n if (r.icon_url) {\n return ` $\"\"$ ${\n esc((r.title || \"?\")[0].toUpperCase())\n }'\" />`;\n }\n // sem ícone próprio: favicon do site; sem URL, a inicial do título\n if (r.url) {\n try {\n const host = new URL(r.url).hostname;\n return ` $\"\"$ ${\n esc((r.title || \"?\")[0].toUpperCase())\n }'\" />`;\n } catch { /* URL inválida cai no tile de letra */ }\n }\n return `${\n esc((r.title || \"?\")[0].toUpperCase())\n }`;\n}\n\nfunction cardHTML(r, rotulo) {\n const kind = r.kind || \"link\";\n const clickable = r.url ? \"linkable\" : \"\";\n const novo = r.created_at && (Date.now() - r.created_at) < 7 * 864e5\n ? `novo`\n : \"\";\n const area = areaDe(r.area_id);\n // selo da área no cartão: só aparece fora do espaço da própria área\n // quem enxerga um item restrito precisa saber que ele é restrito, para não\n // repassar por e-mail o que a Central estava guardando\n const VIS = {\n equipe: \"equipe\",\n lideranca: \"liderança\",\n confidencial: \"confidencial\",\n };\n const seloRestrito = VIS[r.visibility]\n ? `${\n VIS[r.visibility]\n }`\n : \"\";\n const prod = prodDe(r.product_id);\n const seloProduto = prod && vista.tipo !== \"produto\"\n ? `${esc(prod.name)}`\n : \"\";\n const seloArea = area && vista.tipo !== \"area\"\n ? `${esc(area.name)}`\n : \"\";\n const tags = (r.tags || \"\").split(\",\").map((t) => t.trim()).filter(Boolean)\n .slice(0, seloArea ? 1 : 2)\n .map((t) => `${esc(t)}`).join(\"\");\n const go = r.url\n ? ``\n : \"\";\n const attr = r.url ? `data-url=\"${esc(r.url)}\"` : \"\";\n return `

\n ${tileHTML(r)}\n

${esc(r.title)}

${esc(rotulo || KIND_LABELS[kind] || kind)}

\n ${r.description ? `

${esc(r.description)}

` : \"\"}\n

${novo}${seloRestrito}${seloProduto}${seloArea}${\n esc(KIND_LABELS[kind] || kind)\n }${tags}${go}

`;\n}\n\nfunction secaoHTML(titulo, cor, itens, rotulo) {\n if (!itens.length) return \"\";\n return `

${esc(titulo)} · ${itens.length}

${\n itens.map((r) => cardHTML(r, rotulo || titulo)).join(\"\")\n }

`;\n}\n\n// ── cabeçalho: muda conforme onde estamos ─────────────────────────────\nfunction renderCab() {\n const cab = document.getElementById(\"pagina-cab\");\n if (vista.tipo === \"produto\") {\n const p = prodDe(vista.id) || {};\n const a = areaDe(p.area_id) || {};\n cab.className = \"pagina-cab area-cab\";\n cab.style.setProperty(\"--cor-area\", a.color || \"#9A9AA2\");\n cab.innerHTML = `\n

${esc(p.name || \"\")}

\n ${p.description ? `

${esc(p.description)}

` : \"\"}`;\n const volta = cab.querySelector(\"[data-volta]\");\n if (volta) {\n volta.onclick = () =>\n irPara({ tipo: \"area\", id: Number(volta.dataset.volta) });\n }\n return;\n }\n if (vista.tipo === \"area\") {\n const a = areaDe(vista.id) || {};\n cab.className = \"pagina-cab area-cab\";\n cab.style.setProperty(\"--cor-area\", a.color || \"#9A9AA2\");\n cab.innerHTML = `\n

Área do escritório

${esc(a.name || \"\")}

\n ${a.description ? `

${esc(a.description)}

` : \"\"}`;\n return;\n }\n if (vista.tipo === \"cat\") {\n const c = catDe(vista.id) || {};\n cab.className = \"pagina-cab\";\n cab.innerHTML = `\n

${\n c.grupo === \"outros\" ? \"Outros\" : \"Ferramentas\"\n }

${esc(c.name || \"\")}

Todo o material deste tipo, de todas as áreas.

`;\n return;\n }\n cab.className = \"pagina-cab\";\n cab.innerHTML = `\n

Central TC

Ferramentas do escritório

Sistemas, links, modelos e dicas da equipe, num só lugar. Use a busca ou navegue por área.

`;\n}\n\n// ── faixa das áreas: o mapa do escritório, só na home ─────────────────\n// toda troca de vista passa por aqui: um lugar só para lembrar de re-renderizar\n// a lateral e voltar o scroll ao topo\nfunction irPara(nova) {\n vista = nova;\n renderNav();\n render();\n document.querySelector(\".conteudo\").scrollTo({ top: 0, behavior: \"smooth\" });\n}\n\n// O campo uf aceita lista (\"PE,AL,CE,PB,RN,SE\") porque um TRF ou TRT atende\n// vários estados. Vazio = nacional.\nfunction ufsDoItem(r) {\n return (r.uf || \"\").split(\",\").map((u) => u.trim().toUpperCase()).filter(\n Boolean,\n );\n}\nfunction ufsDe(itens) {\n return [...new Set(itens.flatMap(ufsDoItem))].sort();\n}\n\n// Filtro de estado: só aparece quando a lista tem itens marcados com UF.\n// Itens sem UF são nacionais e ficam visíveis em qualquer seleção.\nfunction renderFiltroUF(itens) {\n const ufs = ufsDe(itens);\n if (ufs.length < 2) return \"\";\n const temSup = itens.some((r) => r.ramo === \"Tribunais Superiores\");\n const temNac = itens.some((r) => r.ramo === \"Nacional\");\n const validos = [\"\", \"SUP\", \"NAC\", ...ufs];\n if (!validos.includes(ufAtiva)) ufAtiva = \"\";\n const btn = (v, r, cls) =>\n ``;\n // Superiores e nacionais vêm antes dos estados e NÃO se misturam a eles:\n // STF e STJ não são \"de Pernambuco\".\n const especiais = (temSup ? btn(\"SUP\", \"Superiores\", \"uf-esp\") : \"\") +\n (temNac ? btn(\"NAC\", \"Nacionais\", \"uf-esp\") : \"\");\n return `

\n Estado\n

${btn(\"\", \"Todos\")}${especiais}${\n ufs.map((u) => btn(u, u)).join(\"\")\n }

`;\n}\n\nfunction ligarFiltroUF() {\n document.querySelectorAll(\".uf-btn\").forEach((b) => {\n b.onclick = () => {\n ufAtiva = b.dataset.uf;\n render();\n };\n });\n}\n\nfunction passaUF(r) {\n if (!ufAtiva) return true;\n if (ufAtiva === \"SUP\") return r.ramo === \"Tribunais Superiores\";\n if (ufAtiva === \"NAC\") return r.ramo === \"Nacional\";\n // num estado, superiores e nacionais ficam de fora — têm seção própria\n if (r.ramo === \"Tribunais Superiores\" || r.ramo === \"Nacional\") return false;\n return ufsDoItem(r).includes(ufAtiva);\n}\n\nfunction renderFaixa() {\n const faixa = document.getElementById(\"areas-faixa\");\n faixa.innerHTML = \"\";\n if (query) return;\n\n // dentro de uma área: os serviços que o escritório presta ali\n if (vista.tipo === \"area\") {\n const a = areaDe(vista.id) || {};\n const prods = produtosDa(vista.id);\n if (!prods.length) return;\n faixa.innerHTML = `\n

O que fazemos em ${esc(a.name)}

\n ${\n prods.map((p) => {\n const n = contaProduto(p.id);\n return `\n `;\n }).join(\"\")\n }\n

`;\n faixa.querySelectorAll(\".produto-tile\").forEach((b) => {\n b.onclick = () =>\n irPara({ tipo: \"produto\", id: Number(b.dataset.produto) });\n });\n return;\n }\n\n if (vista.tipo !== \"home\" || !DATA.areas.length) return;\n faixa.innerHTML = `\n

Áreas do escritório

\n ${\n DATA.areas.map((a) => `\n `).join(\"\")\n }\n

`;\n faixa.querySelectorAll(\".area-tile\").forEach((b) => {\n b.onclick = () => irPara({ tipo: \"area\", id: Number(b.dataset.area) });\n });\n}\n\nfunction render() {\n renderCab();\n renderFaixa();\n const content = document.getElementById(\"content\");\n let html = \"\";\n let total = 0;\n\n if (vista.tipo === \"produto\") {\n const p = prodDe(vista.id) || {};\n const doProd = DATA.resources.filter((r) =>\n r.product_id == vista.id && matches(r)\n );\n total = doProd.length;\n for (const c of DATA.categories) {\n html += secaoHTML(\n c.name,\n c.color || \"#9A9AA2\",\n doProd.filter((r) => r.category_id == c.id),\n );\n }\n html += secaoHTML(\n \"Outros\",\n \"#9A9AA2\",\n doProd.filter((r) => !DATA.categories.some((c) => c.id == r.category_id)),\n );\n if (!total) {\n html = `

Nada cadastrado em ${\n esc(p.name || \"\")\n } ainda.
\n Em Gerenciar conteúdo, escolha a área e depois este serviço ao cadastrar um recurso.

`;\n }\n } else if (vista.tipo === \"area\") {\n // espaço da área: só o que é dela, agrupado por tipo de material\n const daArea = DATA.resources.filter((r) =>\n r.area_id == vista.id && matches(r)\n );\n total = daArea.length;\n for (const c of DATA.categories) {\n html += secaoHTML(\n c.name,\n c.color || \"#9A9AA2\",\n daArea.filter((r) => r.category_id == c.id),\n );\n }\n const semCat = daArea.filter((r) =>\n !DATA.categories.some((c) => c.id == r.category_id)\n );\n html += secaoHTML(\"Outros\", \"#9A9AA2\", semCat);\n if (!total) {\n const a = areaDe(vista.id) || {};\n const temProd = produtosDa(vista.id).length;\n html = `

Nada cadastrado em ${\n esc(a.name || \"\")\n } ainda.
\n ${\n temProd\n ? \"Os serviços acima já estão prontos para receber conteúdo.\"\n : \"Em Gerenciar conteúdo, escolha esta área ao cadastrar ou editar um recurso.\"\n }

`;\n }\n } else if (vista.tipo === \"cat\") {\n const daCat = DATA.resources.filter((r) =>\n r.category_id == vista.id && matches(r)\n );\n const barra = query ? \"\" : renderFiltroUF(daCat);\n const visiveis = query ? daCat : daCat.filter(passaUF);\n total = visiveis.length;\n const nome = catDe(vista.id) ? catDe(vista.id).name : \"\";\n let corpo = \"\";\n // dentro do estado, separa por ramo da Justiça — a ordem é a de uso\n const ramos = [\n \"Justiça Estadual\",\n \"Justiça Federal\",\n \"Justiça do Trabalho\",\n \"Justiça Eleitoral\",\n \"Tribunais Superiores\",\n \"Nacional\",\n ];\n const temRamo = visiveis.some((r) => r.ramo);\n if (temRamo && !query) {\n for (const ramo of ramos) {\n const itens = visiveis.filter((r) => r.ramo === ramo);\n if (itens.length) corpo += secaoHTML(ramo, \"#9A9AA2\", itens);\n }\n const semRamo = visiveis.filter((r) => !ramos.includes(r.ramo));\n if (semRamo.length) corpo += secaoHTML(\"Outros\", \"#9A9AA2\", semRamo);\n } else {\n corpo = `

${\n visiveis.map((r) => cardHTML(r, nome)).join(\"\")\n }

`;\n }\n html = barra +\n (total\n ? corpo\n : `

Nada cadastrado${\n ufAtiva ? \" em \" + esc(ufAtiva) + \"\" : \"\"\n } ainda.

`);\n } else {\n for (const c of DATA.categories) {\n const itens = DATA.resources.filter((r) =>\n r.category_id == c.id && matches(r)\n );\n total += itens.length;\n html += secaoHTML(c.name, c.color || \"#9A9AA2\", itens);\n }\n const orfaos = DATA.resources.filter((r) =>\n !DATA.categories.some((c) => c.id == r.category_id) && matches(r)\n );\n total += orfaos.length;\n html += secaoHTML(\"Outros\", \"#9A9AA2\", orfaos);\n }\n\n if (!total && !html) {\n html = `

Nada encontrado${\n query ? ` para \"${esc(query)}\"` : \"\"\n }.

\n ${tileHTML(r)}\n

${esc(r.title)}

${esc(rotulo || KIND_LABELS[kind] || kind)}

\n ${r.description ? `

${esc(r.description)}

` : \"\"}\n

${novo}${seloRestrito}${seloProduto}${seloArea}${\n esc(KIND_LABELS[kind] || kind)\n }${tags}${go}

`;\n}\n\nfunction secaoHTML(titulo, cor, itens, rotulo) {\n if (!itens.length) return \"\";\n return `

${esc(titulo)} · ${itens.length}

${\n itens.map((r) => cardHTML(r, rotulo || titulo)).join(\"\")\n }

${esc(p.name || \"\")}

\n ${p.description ? `

${esc(p.description)}

Área do escritório

${esc(a.name || \"\")}

\n ${a.description ? `

${esc(a.description)}

` : \"\"}`;\n return;\n }\n if (vista.tipo === \"cat\") {\n const c = catDe(vista.id) || {};\n cab.className = \"pagina-cab\";\n cab.innerHTML = `\n

${\n c.grupo === \"outros\" ? \"Outros\" : \"Ferramentas\"\n }

${esc(c.name || \"\")}

Todo o material deste tipo, de todas as áreas.

`;\n return;\n }\n cab.className = \"pagina-cab\";\n cab.innerHTML = `\n

Central TC

Ferramentas do escritório

Sistemas, links, modelos e dicas da equipe, num só lugar. Use a busca ou navegue por área.

\n Estado\n

${btn(\"\", \"Todos\")}${especiais}${\n ufs.map((u) => btn(u, u)).join(\"\")\n }

O que fazemos em ${esc(a.name)}

\n ${\n prods.map((p) => {\n const n = contaProduto(p.id);\n return `\n `;\n }).join(\"\")\n }\n

Áreas do escritório

\n ${\n DATA.areas.map((a) => `\n `).join(\"\")\n }\n

Nada cadastrado em ${\n esc(p.name || \"\")\n } ainda.
\n Em Gerenciar conteúdo, escolha a área e depois este serviço ao cadastrar um recurso.

${\n visiveis.map((r) => cardHTML(r, nome)).join(\"\")\n }

`;\n }\n html = barra +\n (total\n ? corpo\n : `

Nada cadastrado${\n ufAtiva ? \" em \" + esc(ufAtiva) + \"\" : \"\"\n } ainda.

Nada encontrado${\n query ? ` para \"${esc(query)}\"` : \"\"\n }.

`;\n }\n content.innerHTML = html;\n\n ligarFiltroUF();\n content.querySelectorAll(\".card.linkable\").forEach((el) => {\n el.addEventListener(\n \"click\",\n () => window.open(el.dataset.url, \"_blank\", \"noopener\"),\n );\n });\n // entrada em cascata: cada cartão surge 45ms depois do anterior\n content.querySelectorAll(\".card\").forEach((el, i) =>\n el.style.setProperty(\"--i\", i)\n );\n}\n\ndocument.getElementById(\"q\").addEventListener(\"input\", (e) => {\n query = e.target.value.trim();\n render();\n});\n\n// atalho \"/\" foca a busca, como o ⌘K da referência\ndocument.addEventListener(\"keydown\", (e) => {\n if (\n e.key === \"/\" &&\n !/INPUT|TEXTAREA|SELECT/.test(document.activeElement.tagName)\n ) {\n e.preventDefault();\n document.getElementById(\"q\").focus();\n }\n});\n\nload();","createdAt",["D",1788308070599],"branchVersion","branchId","009a213a-5d13-4852-b42f-8e801dff5e7d","id","9ab084f2-bc0d-4157-8309-5ffdce2fc176","central-tc",["D",1787155811387],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Hub interno da equipe - Tiburcio Cavalcanti Advogados","imageUrl","958c1536-145c-4a08-bd54-1d0012b1c50b","pinnedFileId","747cc3ce-9be8-11f1-880b-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a01ac2-1aeb-74af-851f-8c20bc82d00f","tursoName","9ab084f2bc0d415783095ffdce2fc176","tursoHostname","9ab084f2bc0d415783095ffdce2fc176-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501878689],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",186,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","brunotiburcio","handle","displayName","Bruno Tiburcio","avatar","https://lh3.googleusercontent.com/a/ACg8ocIU3oVPHph0ljs_B1i19GaloM5eTa0UsGleNTsPnsusIfzPjg=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":225,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":226,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":227,"_85":228,"_87":229,"_89":25},"tree",[163,170],"files",[163,164,165,166,167,168,169,170],"counts",{"_153":64,"_154":150,"_155":64,"_156":157,"_158":159},"contents",[132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":145,"_32":146,"_30":147,"_136":-5,"_42":43,"_41":148,"_138":60,"_39":149,"_13":150,"_34":151,"_36":-5,"_24":25,"_143":-5,"_27":152},{"_44":134,"_32":135,"_30":58,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":139,"_13":140,"_34":141,"_36":142,"_24":25,"_143":-5,"_27":144},"c5c774f5-245a-404d-a4fd-13b393a7989b","main.ts","parentId",76,"latest",["D",1788305588093],9,"http","// Central TC — Hub interno da equipe (Tiburcio Cavalcanti Advogados)\n// Val Town HTTP val. Login com Google (restrito ao domínio do escritório),\n// banco SQLite para os conteúdos e painel de admin.\n//\n// Variáveis de ambiente necessárias (Settings > Environment Variables):\n// GOOGLE_CLIENT_ID — Client ID do OAuth (Google Cloud Console)\n// GOOGLE_CLIENT_SECRET — Client Secret do OAuth\n// SESSION_SECRET — string aleatória longa (assina o cookie de sessão)\n// ALLOWED_DOMAINS — domínios liberados, separados por vírgula (padrão: tcadvs.com.br)\n// ADMIN_EMAILS — e-mails que podem editar, separados por vírgula (padrão: bruno@tcadvs.com.br)\n//\n// Fonte: /source\n\nimport { Hono } from \"npm:hono\";\nimport { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";\nimport * as arctic from \"npm:arctic\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// ---------------------------------------------------------------------------\n// Config\n// ---------------------------------------------------------------------------\nconst THIRTY_DAYS = 30 * 24 * 60 * 60; // segundos\nconst SESSION_SECRET = Deno.env.get(\"SESSION_SECRET\") ||\n \"troque-este-segredo-inseguro\";\n\nfunction allowedDomains(): string[] {\n return (Deno.env.get(\"ALLOWED_DOMAINS\") || \"tcadvs.com.br\")\n .split(\",\").map((s) => s.trim().toLowerCase()).filter(Boolean);\n}\nfunction adminEmails(): string[] {\n return (Deno.env.get(\"ADMIN_EMAILS\") || \"bruno@tcadvs.com.br\")\n .split(\",\").map((s) => s.trim().toLowerCase()).filter(Boolean);\n}\n\n// ---------------------------------------------------------------------------\n// Banco de dados\n// ---------------------------------------------------------------------------\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS categories (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n emoji TEXT DEFAULT '',\n color TEXT DEFAULT '#17362E',\n position INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS resources (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n category_id INTEGER,\n kind TEXT DEFAULT 'link',\n title TEXT NOT NULL,\n description TEXT DEFAULT '',\n url TEXT DEFAULT '',\n tags TEXT DEFAULT '',\n position INTEGER DEFAULT 0,\n created_at INTEGER,\n updated_at INTEGER,\n created_by TEXT DEFAULT ''\n)`);\n\n// Áreas do escritório — a segunda dimensão: categoria diz O QUE é o recurso,\n// área diz DE QUAL MATÉRIA ele é. Cores canônicas do site institucional.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS areas (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n color TEXT DEFAULT '#004746',\n description TEXT DEFAULT '',\n position INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\n// migração: bancos criados antes das áreas não têm a coluna. SQLite não tem\n// \"ADD COLUMN IF NOT EXISTS\", então tentamos e ignoramos o erro de duplicata.\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN area_id INTEGER\");\n} catch {\n // coluna já existe\n}\n\n// Quem vê o quê. Dois eixos: a ÁREA diz de qual matéria o conteúdo é; o NÍVEL\n// diz que profundidade ele tem. O nível é por área — quem lidera Saúde não\n// enxerga o estratégico do Tributário só porque também atua lá.\n// aberto todo mundo do escritório\n// equipe quem tem a área (nível 1 ou 2)\n// lideranca quem tem a área em nível de liderança (nível 2)\n// confidencial quem tem a marca de confidencial do escritório (gestão)\ntry {\n await sqlite.execute(\n \"ALTER TABLE resources ADD COLUMN visibility TEXT DEFAULT 'aberto'\",\n );\n} catch {\n // coluna já existe\n}\n\n// Produtos = os serviços que o escritório presta dentro de cada área. Terceira\n// camada de navegação: Área > Produto > conteúdo. A lista veio da página\n// \"O Que Fazemos\" do site, revisada pelo Bruno.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS products (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n area_id INTEGER NOT NULL,\n name TEXT NOT NULL,\n description TEXT DEFAULT '',\n position INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN product_id INTEGER\");\n} catch {\n // coluna já existe\n}\n\n// Ícone próprio do recurso. O favicon automático resolve a maioria, mas erra\n// quando vários produtos moram no mesmo domínio (Drive, Docs, Agenda e Meet\n// servem todos o mesmo \"G\" do google.com).\ntry {\n await sqlite.execute(\n \"ALTER TABLE resources ADD COLUMN icon_url TEXT DEFAULT ''\",\n );\n} catch {\n // coluna já existe\n}\n\n// Em que bloco da lateral a categoria aparece: \"ferramentas\" (o que a equipe\n// usa para trabalhar) ou \"outros\" (apoio, formulários, material institucional).\ntry {\n await sqlite.execute(\n \"ALTER TABLE categories ADD COLUMN grupo TEXT DEFAULT 'ferramentas'\",\n );\n} catch {\n // coluna já existe\n}\n\n// Estado (UF) do recurso. Serve aos tribunais: a Central mostra um seletor de\n// estado quando a categoria tem itens marcados. Vazio = nacional, sempre visível.\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN uf TEXT DEFAULT ''\");\n} catch {\n // coluna já existe\n}\n\n// Ramo da Justiça, para agrupar dentro do estado (Estadual, Federal, Trabalho...).\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN ramo TEXT DEFAULT ''\");\n} catch {\n // coluna já existe\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS people (\n email TEXT PRIMARY KEY,\n name TEXT DEFAULT '',\n confidencial INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\n// nivel: 1 = equipe, 2 = liderança. Ausência da linha = sem acesso à área.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS people_areas (\n email TEXT NOT NULL,\n area_id INTEGER NOT NULL,\n nivel INTEGER DEFAULT 1,\n PRIMARY KEY (email, area_id)\n)`);\n\n// Seed inicial (só roda se ainda não houver categorias)\nasync function seedIfEmpty() {\n const count = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM categories\"))\n .rows[0].n as number;\n if (count > 0) return;\n const now = Date.now();\n const cats: [string, string, string][] = [\n [\"Sistemas Jurídicos\", \"🏛️\", \"#17362E\"],\n [\"IA & Produtividade\", \"🤖\", \"#2F7D6D\"],\n [\"Modelos & Documentos\", \"📄\", \"#B08C4D\"],\n [\"Links Úteis\", \"🔗\", \"#2E6E5E\"],\n [\"Dicas Internas\", \"💡\", \"#A23B3B\"],\n ];\n for (let i = 0; i < cats.length; i++) {\n await sqlite.execute({\n sql:\n \"INSERT INTO categories (name, emoji, color, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [cats[i][0], cats[i][1], cats[i][2], i, now],\n });\n }\n const seedRes: [number, string, string, string, string, string][] = [\n // category_id, kind, title, description, url, tags\n [\n 1,\n \"system\",\n \"PJe — Processo Judicial Eletrônico\",\n \"Peticionamento e consulta processual na Justiça Federal e Trabalhista.\",\n \"https://www.pje.jus.br\",\n \"processo, tribunal\",\n ],\n [\n 1,\n \"system\",\n \"Projudi / e-SAJ\",\n \"Sistemas dos tribunais estaduais para acompanhamento de processos.\",\n \"https://esaj.tjsp.jus.br\",\n \"processo, estadual\",\n ],\n [\n 2,\n \"system\",\n \"Claude (Cowork)\",\n \"Assistente de IA do escritório para redação, análise e pesquisa.\",\n \"https://claude.ai\",\n \"ia, redação\",\n ],\n [\n 2,\n \"tip\",\n \"Como pedir uma peça para a IA\",\n \"Sempre forneça: fatos, documentos, tese e pedido. Quanto mais contexto, melhor a minuta.\",\n \"\",\n \"ia, boas-práticas\",\n ],\n [\n 3,\n \"doc\",\n \"Modelos de Petição (Drive)\",\n \"Pasta compartilhada com os modelos padronizados do escritório.\",\n \"\",\n \"modelos, petição\",\n ],\n [\n 4,\n \"link\",\n \"Diário Oficial / DJe\",\n \"Consulta de publicações e intimações.\",\n \"https://www.jusbrasil.com.br\",\n \"publicações\",\n ],\n [\n 5,\n \"tip\",\n \"Padrão de nomeação de arquivos\",\n \"Use: AAAA-MM-DD_Cliente_TipoDoc. Facilita busca e evita retrabalho.\",\n \"\",\n \"organização\",\n ],\n ];\n for (let i = 0; i < seedRes.length; i++) {\n const r = seedRes[i];\n await sqlite.execute({\n sql:\n `INSERT INTO resources (category_id, kind, title, description, url, tags, position, created_at, updated_at, created_by)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [r[0], r[1], r[2], r[3], r[4], r[5], i, now, now, \"seed\"],\n });\n }\n}\n// Seed das áreas (só roda se ainda não houver nenhuma). Ordem e cores vêm do\n// site institucional; o Imobiliário foi clareado para não repetir o Trabalhista.\nasync function seedAreasIfEmpty() {\n const count = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM areas\"))\n .rows[0].n as number;\n if (count > 0) return;\n const now = Date.now();\n const areas: [string, string, string][] = [\n [\n \"Empresarial\",\n \"#002D2D\",\n \"Societário, contratos empresariais e reestruturações.\",\n ],\n [\n \"Tributário\",\n \"#004746\",\n \"Contencioso e consultivo fiscal, transações e planejamento.\",\n ],\n [\n \"Trabalhista\",\n \"#006B6B\",\n \"Contencioso trabalhista, compliance e relações de trabalho.\",\n ],\n [\n \"Administrativo\",\n \"#007979\",\n \"Licitações, contratos públicos e defesas administrativas.\",\n ],\n [\n \"Família e Sucessões\",\n \"#00908C\",\n \"Divórcio, inventários, holdings familiares e pactos.\",\n ],\n [\n \"Contratos e Estruturação de Negócios\",\n \"#747277\",\n \"Modelagem contratual e estruturação de operações.\",\n ],\n [\n \"Saúde e Médico\",\n \"#005F5F\",\n \"Planos de saúde, alto custo e direito médico.\",\n ],\n [\n \"Imobiliário\",\n \"#00A39D\",\n \"Compra e venda, incorporação, locação e vícios construtivos.\",\n ],\n ];\n for (let i = 0; i < areas.length; i++) {\n await sqlite.execute({\n sql:\n \"INSERT INTO areas (name, color, description, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [areas[i][0], areas[i][1], areas[i][2], i, now],\n });\n }\n}\n\n// Seed dos produtos (só roda com a tabela vazia). A área é buscada pelo nome,\n// não por id fixo, para o seed não errar de área se a ordem mudar.\nasync function seedProductsIfEmpty() {\n const count = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM products\"))\n .rows[0].n as number;\n if (count > 0) return;\n const now = Date.now();\n const porArea: [string, string[]][] = [\n [\"Empresarial\", [\n \"Contencioso\",\n \"Propriedade Intelectual\",\n \"Societário\",\n \"Relações de Consumo\",\n \"Responsabilidade Civil\",\n ]],\n [\"Tributário\", [\n \"Consultoria e Parecer Técnico\",\n \"Contencioso administrativo e judicial\",\n \"Recuperação de Créditos\",\n \"Planejamento Tributário\",\n \"Revisão Fiscal\",\n \"Transação Tributária\",\n ]],\n [\"Trabalhista\", [\n \"Consultoria Preventiva\",\n \"Contencioso administrativo e judicial\",\n \"Direito Coletivo do Trabalho\",\n \"Acordos e Convenções Coletivas\",\n \"Compliance\",\n \"Gestão de Riscos e Passivos\",\n ]],\n [\"Administrativo\", [\n \"Licitações e Contratos Administrativos\",\n ]],\n [\"Família e Sucessões\", [\n \"Pacto Antenupcial\",\n \"Divórcio\",\n \"Inventário\",\n \"União Estável\",\n \"Partilha de Bens\",\n \"Curatela\",\n \"Planejamento Sucessório\",\n \"Holding\",\n \"Instrumento de Doação\",\n \"Alimentos\",\n \"Guarda\",\n \"Protetiva\",\n ]],\n [\"Contratos e Estruturação de Negócios\", [\n \"Due Diligence Empresarial\",\n \"Avaliação de Risco\",\n \"Fusões e Aquisições\",\n \"Mediação e Negociação\",\n \"Contratos e Negócios Imobiliários\",\n \"Parecer Consultivo\",\n ]],\n [\"Imobiliário\", [\n \"Due Diligence Imobiliária\",\n \"Assessoria Notarial e Registral\",\n \"Negócios Imobiliários\",\n \"Regularização Imobiliária\",\n \"Vícios Construtivos\",\n \"Créditos Propter Rem\",\n ]],\n ];\n for (const [nomeArea, produtos] of porArea) {\n const area = (await sqlite.execute({\n sql: \"SELECT id FROM areas WHERE name = ?\",\n args: [nomeArea],\n })).rows[0];\n if (!area) continue; // área renomeada ou removida: pula sem quebrar o boot\n for (let i = 0; i < produtos.length; i++) {\n await sqlite.execute({\n sql:\n \"INSERT INTO products (area_id, name, position, created_at) VALUES (?, ?, ?, ?)\",\n args: [area.id, produtos[i], i, now],\n });\n }\n }\n}\n\nawait seedIfEmpty();\nawait seedAreasIfEmpty();\nawait seedProductsIfEmpty();\n\n// ---------------------------------------------------------------------------\n// Cripto de sessão (cookie assinado com HMAC-SHA256)\n// ---------------------------------------------------------------------------\nconst encoder = new TextEncoder();\n\nfunction b64urlEncode(bytes: Uint8Array): string {\n let bin = \"\";\n for (const b of bytes) bin += String.fromCharCode(b);\n return btoa(bin).replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/, \"\");\n}\nfunction b64urlDecode(str: string): Uint8Array {\n str = str.replace(/-/g, \"+\").replace(/_/g, \"/\");\n while (str.length % 4) str += \"=\";\n const bin = atob(str);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);\n return bytes;\n}\nasync function hmacKey() {\n return crypto.subtle.importKey(\n \"raw\",\n encoder.encode(SESSION_SECRET),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\", \"verify\"],\n );\n}\nasync function signSession(payload: Record): Promise {\n const key = await hmacKey();\n const data = b64urlEncode(encoder.encode(JSON.stringify(payload)));\n const sig = new Uint8Array(\n await crypto.subtle.sign(\"HMAC\", key, encoder.encode(data)),\n );\n return data + \".\" + b64urlEncode(sig);\n}\nasync function verifySession(\n token: string,\n): Promise | null> {\n const dot = token.indexOf(\".\");\n if (dot < 0) return null;\n const data = token.slice(0, dot);\n const sig = token.slice(dot + 1);\n const key = await hmacKey();\n let ok = false;\n try {\n ok = await crypto.subtle.verify(\n \"HMAC\",\n key,\n b64urlDecode(sig),\n encoder.encode(data),\n );\n } catch {\n return null;\n }\n if (!ok) return null;\n try {\n const payload = JSON.parse(new TextDecoder().decode(b64urlDecode(data)));\n if (payload.exp && Date.now() > payload.exp) return null;\n return payload;\n } catch {\n return null;\n }\n}\nfunction decodeIdToken(jwt: string): Record {\n const parts = jwt.split(\".\");\n return JSON.parse(new TextDecoder().decode(b64urlDecode(parts[1])));\n}\n\ntype User = { email: string; name: string; picture: string; isAdmin: boolean };\n\nasync function getUser(c: any): Promise {\n const token = getCookie(c, \"session\");\n if (!token) return null;\n const p = await verifySession(token);\n if (!p) return null;\n return {\n email: p.email,\n name: p.name || p.email,\n picture: p.picture || \"\",\n isAdmin: adminEmails().includes((p.email || \"\").toLowerCase()),\n };\n}\n\n// ---------------------------------------------------------------------------\n// App\n// ---------------------------------------------------------------------------\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nfunction getGoogle(c: any): arctic.Google {\n const origin = new URL(c.req.url).origin;\n return new arctic.Google(\n Deno.env.get(\"GOOGLE_CLIENT_ID\") || \"\",\n Deno.env.get(\"GOOGLE_CLIENT_SECRET\") || \"\",\n origin + \"/auth/callback\",\n );\n}\n\n// ---- Auth ----\napp.get(\"/auth/google\", (c) => {\n const google = getGoogle(c);\n const state = arctic.generateState();\n const codeVerifier = arctic.generateCodeVerifier();\n const url = google.createAuthorizationURL(state, codeVerifier, [\n \"openid\",\n \"profile\",\n \"email\",\n ]);\n // Sugere a tela de contas do Workspace do escritório\n const dom = allowedDomains()[0];\n if (dom) url.searchParams.set(\"hd\", dom);\n const opts = {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\" as const,\n path: \"/\",\n maxAge: 600,\n };\n setCookie(c, \"g_state\", state, opts);\n setCookie(c, \"g_verifier\", codeVerifier, opts);\n return c.redirect(url.toString());\n});\n\napp.get(\"/auth/callback\", async (c) => {\n const code = c.req.query(\"code\");\n const state = c.req.query(\"state\");\n const storedState = getCookie(c, \"g_state\");\n const verifier = getCookie(c, \"g_verifier\");\n if (!code || !state || !storedState || state !== storedState || !verifier) {\n return c.redirect(\"/login?error=state\");\n }\n let tokens: arctic.OAuth2Tokens;\n try {\n tokens = await getGoogle(c).validateAuthorizationCode(code, verifier);\n } catch {\n return c.redirect(\"/login?error=oauth\");\n }\n let claims: Record;\n try {\n claims = decodeIdToken(tokens.idToken());\n } catch {\n return c.redirect(\"/login?error=token\");\n }\n const email = String(claims.email || \"\").toLowerCase();\n const domain = email.split(\"@\")[1] || \"\";\n if (\n !email || claims.email_verified === false ||\n !allowedDomains().includes(domain)\n ) {\n return c.redirect(\"/login?error=domain\");\n }\n const session = {\n email,\n name: claims.name || email,\n picture: claims.picture || \"\",\n exp: Date.now() + THIRTY_DAYS * 1000,\n };\n deleteCookie(c, \"g_state\", { path: \"/\" });\n deleteCookie(c, \"g_verifier\", { path: \"/\" });\n setCookie(c, \"session\", await signSession(session), {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n path: \"/\",\n maxAge: THIRTY_DAYS,\n });\n return c.redirect(\"/\");\n});\n\napp.post(\"/logout\", (c) => {\n deleteCookie(c, \"session\", { path: \"/\" });\n return c.redirect(\"/login\");\n});\napp.get(\"/logout\", (c) => {\n deleteCookie(c, \"session\", { path: \"/\" });\n return c.redirect(\"/login\");\n});\n\n// ---- Páginas ----\napp.get(\"/login\", async (c) => {\n const user = await getUser(c);\n if (user) return c.redirect(\"/\");\n return serveFile(\"/frontend/login.html\");\n});\n\napp.get(\"/\", async (c) => {\n const user = await getUser(c);\n if (!user) return c.redirect(\"/login\");\n return serveFile(\"/frontend/index.html\");\n});\n\napp.get(\"/admin\", async (c) => {\n const user = await getUser(c);\n if (!user) return c.redirect(\"/login\");\n if (!user.isAdmin) return c.redirect(\"/?error=forbidden\");\n return serveFile(\"/frontend/admin.html\");\n});\n\n// Estáticos do frontend (css/js/imagens)\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---- API ----\nasync function requireUser(c: any): Promise {\n const user = await getUser(c);\n if (!user) {\n c.status(401);\n return null;\n }\n return user;\n}\nasync function requireAdmin(c: any): Promise {\n const user = await getUser(c);\n if (!user) {\n c.status(401);\n return null;\n }\n if (!user.isAdmin) {\n c.status(403);\n return null;\n }\n return user;\n}\n\n// ---------------------------------------------------------------------------\n// Permissões de leitura\n// ---------------------------------------------------------------------------\ntype Permissoes = { confidencial: boolean; areas: Record };\n\nasync function permissoesDe(email: string): Promise {\n const chave = (email || \"\").toLowerCase();\n const pes = (await sqlite.execute({\n sql: \"SELECT confidencial FROM people WHERE email = ?\",\n args: [chave],\n })).rows[0];\n const linhas = (await sqlite.execute({\n sql: \"SELECT area_id, nivel FROM people_areas WHERE email = ?\",\n args: [chave],\n })).rows;\n const areas: Record = {};\n for (const l of linhas) areas[Number(l.area_id)] = Number(l.nivel) || 1;\n return { confidencial: !!(pes && Number(pes.confidencial) === 1), areas };\n}\n\n// O admin enxerga tudo: é quem cadastra e precisa conferir o que publicou.\nfunction podeVer(r: any, user: User, p: Permissoes): boolean {\n if (user.isAdmin) return true;\n const v = r.visibility || \"aberto\";\n if (v === \"aberto\") return true;\n if (v === \"confidencial\") return p.confidencial;\n const nivel = p.areas[Number(r.area_id)] || 0;\n if (v === \"equipe\") return nivel >= 1;\n if (v === \"lideranca\") return nivel >= 2;\n return false;\n}\n\napp.get(\"/api/data\", async (c) => {\n const user = await requireUser(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const categories =\n (await sqlite.execute(\"SELECT * FROM categories ORDER BY position, id\"))\n .rows;\n const todasAreas =\n (await sqlite.execute(\"SELECT * FROM areas ORDER BY position, id\")).rows;\n const todos =\n (await sqlite.execute(\"SELECT * FROM resources ORDER BY position, id\"))\n .rows;\n\n // O filtro é aqui, no servidor: o que a pessoa não pode ver não sai daqui.\n // Esconder só na tela deixaria o conteúdo a um /api/data de distância.\n const perm = await permissoesDe(user.email);\n const resources = todos.filter((r) => podeVer(r, user, perm));\n\n // A lateral não mostra área vazia: fica a área que a pessoa tem no cadastro\n // ou a que sobrou com algum conteúdo visível para ela.\n const comConteudo = new Set(\n resources.map((r) => Number(r.area_id)).filter(Boolean),\n );\n const areas = user.isAdmin\n ? todasAreas\n : todasAreas.filter((a) =>\n perm.areas[Number(a.id)] || comConteudo.has(Number(a.id))\n );\n\n // produto só faz sentido junto com a área dele: some quando a área some\n const idsArea = new Set(areas.map((a) => Number(a.id)));\n const products =\n (await sqlite.execute(\n \"SELECT * FROM products ORDER BY area_id, position, id\",\n ))\n .rows.filter((p) => idsArea.has(Number(p.area_id)));\n\n return c.json({\n me: { ...user, confidencial: perm.confidencial },\n categories,\n areas,\n products,\n resources,\n });\n});\n\nfunction grupoDe(b: any): string {\n return b.grupo === \"outros\" ? \"outros\" : \"ferramentas\";\n}\n\n// ---- Categorias (admin) ----\napp.post(\"/api/categories\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.name) return c.json({ error: \"nome obrigatório\" }, 400);\n const posRow =\n (await sqlite.execute(\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM categories\",\n )).rows[0];\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO categories (name, emoji, color, grupo, position, created_at) VALUES (?, ?, ?, ?, ?, ?)\",\n args: [\n b.name,\n b.emoji || \"\",\n b.color || \"#17362E\",\n grupoDe(b),\n b.position ?? posRow.p,\n Date.now(),\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/categories/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE categories SET name = ?, emoji = ?, color = ?, grupo = ?, position = ? WHERE id = ?\",\n args: [\n b.name,\n b.emoji || \"\",\n b.color || \"#17362E\",\n grupoDe(b),\n b.position ?? 0,\n id,\n ],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/categories/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n await sqlite.batch([\n { sql: \"DELETE FROM resources WHERE category_id = ?\", args: [id] },\n { sql: \"DELETE FROM categories WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// Visibilidade só aceita os quatro valores previstos. E \"equipe\"/\"lideranca\"\n// dependem de uma área: sem área ninguém teria a chave, e o conteúdo existiria\n// sem que pessoa nenhuma pudesse vê-lo.\nfunction visibilidade(b: any): string {\n const v = String(b.visibility || \"aberto\");\n if (![\"aberto\", \"equipe\", \"lideranca\", \"confidencial\"].includes(v)) {\n return \"aberto\";\n }\n if ((v === \"equipe\" || v === \"lideranca\") && !b.area_id) return \"aberto\";\n return v;\n}\n\n// O produto tem que pertencer à área escolhida. Se não pertencer (troquei a área\n// e esqueci o produto), o vínculo cai em vez de ficar apontando para outra área.\nfunction produtoDe(b: any): number | null {\n if (!b.product_id || !b.area_id) return null;\n return Number(b.product_id);\n}\n\n// ---- Produtos (admin) ----\napp.post(\"/api/products\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.name) return c.json({ error: \"nome obrigatório\" }, 400);\n if (!b.area_id) return c.json({ error: \"escolha a área\" }, 400);\n const posRow = (await sqlite.execute({\n sql:\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM products WHERE area_id = ?\",\n args: [Number(b.area_id)],\n })).rows[0];\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO products (area_id, name, description, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\n Number(b.area_id),\n b.name,\n b.description || \"\",\n b.position ?? posRow.p,\n Date.now(),\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/products/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE products SET area_id = ?, name = ?, description = ?, position = ? WHERE id = ?\",\n args: [Number(b.area_id), b.name, b.description || \"\", b.position ?? 0, id],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/products/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n // apagar o produto NÃO apaga o conteúdo: ele volta para a raiz da área\n await sqlite.batch([\n {\n sql: \"UPDATE resources SET product_id = NULL WHERE product_id = ?\",\n args: [id],\n },\n { sql: \"DELETE FROM products WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// ---- Áreas (admin) ----\napp.post(\"/api/areas\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.name) return c.json({ error: \"nome obrigatório\" }, 400);\n const posRow =\n (await sqlite.execute(\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM areas\",\n )).rows[0];\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO areas (name, color, description, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\n b.name,\n b.color || \"#004746\",\n b.description || \"\",\n b.position ?? posRow.p,\n Date.now(),\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/areas/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE areas SET name = ?, color = ?, description = ?, position = ? WHERE id = ?\",\n args: [\n b.name,\n b.color || \"#004746\",\n b.description || \"\",\n b.position ?? 0,\n id,\n ],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/areas/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n // apagar a área NÃO apaga os recursos: eles voltam a ser transversais\n await sqlite.batch([\n {\n sql:\n \"UPDATE resources SET area_id = NULL, product_id = NULL WHERE area_id = ?\",\n args: [id],\n },\n { sql: \"DELETE FROM products WHERE area_id = ?\", args: [id] },\n { sql: \"DELETE FROM areas WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// ---- Recursos (admin) ----\napp.post(\"/api/resources\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.title) return c.json({ error: \"título obrigatório\" }, 400);\n const now = Date.now();\n const posRow = (await sqlite.execute({\n sql:\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM resources WHERE category_id = ?\",\n args: [b.category_id ?? null],\n })).rows[0];\n const r = await sqlite.execute({\n sql:\n `INSERT INTO resources (category_id, area_id, product_id, visibility, kind, title, description, url, icon_url, uf, ramo, tags, position, created_at, updated_at, created_by)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n b.category_id ?? null,\n b.area_id ?? null,\n produtoDe(b),\n visibilidade(b),\n b.kind || \"link\",\n b.title,\n b.description || \"\",\n b.url || \"\",\n (b.icon_url || \"\").trim(),\n (b.uf || \"\").trim().toUpperCase(),\n (b.ramo || \"\").trim(),\n b.tags || \"\",\n b.position ?? posRow.p,\n now,\n now,\n user.email,\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/resources/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n `UPDATE resources SET category_id = ?, area_id = ?, product_id = ?, visibility = ?, kind = ?, title = ?, description = ?, url = ?, icon_url = ?, uf = ?, ramo = ?, tags = ?, position = ?, updated_at = ?\n WHERE id = ?`,\n args: [\n b.category_id ?? null,\n b.area_id ?? null,\n produtoDe(b),\n visibilidade(b),\n b.kind || \"link\",\n b.title,\n b.description || \"\",\n b.url || \"\",\n (b.icon_url || \"\").trim(),\n (b.uf || \"\").trim().toUpperCase(),\n (b.ramo || \"\").trim(),\n b.tags || \"\",\n b.position ?? 0,\n Date.now(),\n id,\n ],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/resources/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n await sqlite.execute({\n sql: \"DELETE FROM resources WHERE id = ?\",\n args: [id],\n });\n return c.json({ ok: true });\n});\n\n// ---- Pessoas e acessos (admin) ----\n// A lista de pessoas vive à parte do /api/data porque só o admin precisa dela\n// e ela carrega quem-vê-o-quê do escritório inteiro.\napp.get(\"/api/people\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const people =\n (await sqlite.execute(\"SELECT * FROM people ORDER BY name, email\")).rows;\n const acessos = (await sqlite.execute(\"SELECT * FROM people_areas\")).rows;\n return c.json({ people, acessos });\n});\n\n// Um POST só: grava a pessoa e o conjunto de acessos dela de uma vez, para não\n// existir estado pela metade (pessoa salva com os acessos antigos).\napp.post(\"/api/people\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n const email = String(b.email || \"\").trim().toLowerCase();\n if (!email.includes(\"@\")) {\n return c.json({ error: \"informe um e-mail válido\" }, 400);\n }\n\n const cmds: any[] = [\n {\n sql:\n `INSERT INTO people (email, name, confidencial, created_at) VALUES (?, ?, ?, ?)\n ON CONFLICT(email) DO UPDATE SET name = excluded.name, confidencial = excluded.confidencial`,\n args: [\n email,\n String(b.name || \"\").trim(),\n b.confidencial ? 1 : 0,\n Date.now(),\n ],\n },\n { sql: \"DELETE FROM people_areas WHERE email = ?\", args: [email] },\n ];\n for (const a of (b.areas || [])) {\n const nivel = Number(a.nivel);\n if (nivel !== 1 && nivel !== 2) continue; // 0 = sem acesso: não vira linha\n cmds.push({\n sql: \"INSERT INTO people_areas (email, area_id, nivel) VALUES (?, ?, ?)\",\n args: [email, Number(a.area_id), nivel],\n });\n }\n await sqlite.batch(cmds);\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/people/:email\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const email = decodeURIComponent(c.req.param(\"email\")).toLowerCase();\n await sqlite.batch([\n { sql: \"DELETE FROM people_areas WHERE email = ?\", args: [email] },\n { sql: \"DELETE FROM people WHERE email = ?\", args: [email] },\n ]);\n return c.json({ ok: true });\n});\n\nexport default app.fetch;","label",[135],"15b6cd7c-1b0d-47dd-8863-d3560cfb4f09","frontend","a7603784-9be9-11f1-b2eb-1607ee4eb77e",6,["D",1787156352547],1,"directory",[146],"pulls","branches","forks","envVars",{"_160":148,"_162":64},"connections",{"_160":64,"_161":64},"count","unfilledCount","emptyCount",{"_44":145,"_32":146,"_30":147,"_136":-5,"_42":43,"_41":148,"_138":60,"_39":222,"_13":150,"_34":151,"_36":-5,"_24":25,"_143":-5,"_172":223,"_27":224},{"_44":214,"_32":215,"_30":216,"_136":147,"_42":43,"_41":217,"_138":25,"_39":218,"_13":210,"_34":20,"_36":219,"_24":25,"_143":-5,"_172":220,"_27":221},{"_44":205,"_32":206,"_30":207,"_136":147,"_42":43,"_41":208,"_138":25,"_39":209,"_13":210,"_34":35,"_36":211,"_24":25,"_143":-5,"_172":212,"_27":213},{"_44":200,"_32":33,"_30":31,"_136":147,"_42":43,"_41":14,"_138":25,"_39":201,"_13":202,"_34":35,"_36":38,"_24":25,"_143":-5,"_172":203,"_27":204},{"_44":192,"_32":193,"_30":194,"_136":147,"_42":43,"_41":195,"_138":25,"_39":196,"_13":140,"_34":20,"_36":197,"_24":25,"_143":-5,"_172":198,"_27":199},{"_44":184,"_32":185,"_30":186,"_136":147,"_42":43,"_41":187,"_138":60,"_39":188,"_13":148,"_34":20,"_36":189,"_24":25,"_143":-5,"_172":190,"_27":191},{"_44":175,"_32":176,"_30":177,"_136":147,"_42":43,"_41":178,"_138":25,"_39":179,"_13":180,"_34":20,"_36":181,"_24":25,"_143":-5,"_172":182,"_27":183},{"_44":134,"_32":135,"_30":58,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":171,"_13":140,"_34":141,"_36":142,"_24":25,"_143":-5,"_172":173,"_27":174},["D",1788305588093],"children",[],[135],"0a71a10b-f220-4961-a15d-f7d4b81f5afe","styles.css","320cc3fc-9bea-11f1-953d-1607ee4eb77e",84,["D",1788306612563],16,"/* ═══════════════════════════════════════════════════════════════════\n CENTRAL TC — pele neutra da família Julia (decisão de 19/08/2026).\n\n A interface dos apps internos do escritório é cinza, preto e branco;\n a cor sobrevive apenas onde carrega significado (o dot de categoria).\n A identidade verde/dourada do TC vive nos documentos e no site — a\n ferramenta é instrumento de trabalho.\n\n Tokens portados de lexflow/app/src/estilos.css (Julia v2).\n ═══════════════════════════════════════════════════════════════════ */\n\n:root {\n --fundo: #FAFAFA;\n --superficie: #FFFFFF;\n --superficie-2: #F4F4F5;\n --linha: #E4E4E7;\n --linha-forte: #D4D4D8;\n --tinta: #0F0F10;\n --tinta-2: #52525B;\n --tinta-3: #9A9AA2;\n\n --acento: #18181B;\n --acento-hover: #27272A;\n --acento-suave: #F4F4F5;\n --acento-tinta: #FFFFFF; /* cor que sempre contrasta com --acento */\n\n --ok: #15803D;\n --alerta: #A16207;\n --perigo: #B42318;\n\n --sans: 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;\n --mono: ui-monospace, 'SF Mono', 'Geist Mono', Menlo, monospace;\n\n --t-rotulo: 10.5px;\n --t-nav: 13.5px;\n --t-acao: 15px;\n --t-corpo: 16px;\n --t-barra: 18px;\n --ls-rotulo: .13em;\n --alt-acao: 41px;\n --raio-pill: 21px;\n\n --elev-1: 0 1px 2px rgba(9, 9, 11, .05), 0 1px 1px rgba(9, 9, 11, .03);\n --elev-2: 0 2px 4px rgba(9, 9, 11, .05), 0 8px 20px -6px rgba(9, 9, 11, .10);\n --transicao: 180ms cubic-bezier(.2, .7, .3, 1);\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --fundo: #0A0A0B;\n --superficie: #121214;\n --superficie-2: #1A1A1D;\n --linha: #26262A;\n --linha-forte: #35353A;\n --tinta: #F4F4F5;\n --tinta-2: #A1A1AA;\n --tinta-3: #6B6B73;\n --acento: #FAFAFA;\n --acento-hover: #FFFFFF;\n --acento-suave: #1F1F23;\n --acento-tinta: #0F0F10;\n --ok: #4ADE80;\n --alerta: #FBBF24;\n --perigo: #F87171;\n }\n}\n:root[data-theme=\"dark\"] {\n --fundo: #0A0A0B;\n --superficie: #121214;\n --superficie-2: #1A1A1D;\n --linha: #26262A;\n --linha-forte: #35353A;\n --tinta: #F4F4F5;\n --tinta-2: #A1A1AA;\n --tinta-3: #6B6B73;\n --acento: #FAFAFA;\n --acento-hover: #FFFFFF;\n --acento-suave: #1F1F23;\n --acento-tinta: #0F0F10;\n --ok: #4ADE80;\n --alerta: #FBBF24;\n --perigo: #F87171;\n}\n\n* { box-sizing: border-box; }\nhtml, body { height: 100%; margin: 0; padding: 0; }\nbody {\n background: var(--fundo); color: var(--tinta);\n font: 13.5px/1.5 var(--sans);\n -webkit-font-smoothing: antialiased;\n}\na { color: inherit; text-decoration: none; }\nbutton { font-family: inherit; cursor: pointer; }\n\n.app { display: flex; height: 100vh; }\n\n/* ═══ LATERAL — clara, texto-primeiro, hairline ═════════════════════ */\n.lateral {\n width: 232px; flex: none; display: flex; flex-direction: column;\n background: var(--superficie); border-right: 1px solid var(--linha);\n}\n.lat-marca {\n display: flex; align-items: center; gap: 11px; height: 68px; flex: none;\n padding: 0 16px 0 20px; border-bottom: 1px solid var(--linha);\n}\n.logo-chip {\n width: 44px; height: 44px; border-radius: 11px; flex: none;\n display: grid; place-items: center;\n font: 600 13px Georgia, serif; color: var(--acento-tinta); background: var(--acento);\n}\n.lat-marca > div { min-width: 0; }\n.lat-marca b {\n display: block; font: 600 15px/1.25 var(--sans); letter-spacing: .01em;\n text-transform: uppercase; white-space: nowrap;\n}\n.lat-marca span {\n display: block; font-size: 10px; line-height: 1.35; color: var(--tinta-3); letter-spacing: .01em;\n white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n}\n\n.lat-rolagem {\n flex: 1; overflow-y: auto; padding: 16px 12px 18px;\n scrollbar-width: thin; scrollbar-color: var(--linha-forte) transparent;\n}\n.lat-grupo + .lat-grupo { margin-top: 22px; }\n.lat-grupo-rotulo {\n font: 500 var(--t-rotulo) var(--sans); letter-spacing: var(--ls-rotulo);\n text-transform: uppercase; color: var(--tinta-3); margin: 6px 0 8px 6px;\n}\n.lat-item {\n display: flex; align-items: center; gap: 12px; width: 100%; height: 38px;\n padding: 0 10px; margin: 0; border: none; border-radius: 9px;\n background: none; color: var(--tinta-2);\n font: 500 var(--t-nav)/1.65 var(--sans); letter-spacing: -.006em; text-align: left;\n}\n.lat-item:hover { background: var(--superficie-2); color: var(--tinta); }\n.lat-item.ativo { background: var(--acento); color: var(--acento-tinta); font-weight: 600; }\n.lat-item-nome { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.lat-conta {\n flex: none; padding: 0 8px; border-radius: 20px; background: var(--superficie-2);\n color: var(--tinta-3); font: 500 var(--t-rotulo)/20px var(--sans);\n}\n.lat-item.ativo .lat-conta { background: color-mix(in srgb, var(--acento-tinta) 18%, transparent); color: var(--acento-tinta); }\n.dot { width: 7px; height: 7px; border-radius: 50%; flex: none; }\n.dot-inicio { background: var(--tinta-3); }\n\n/* o ícone da Home ocupa a mesma calha dos marcadores (7px) para o texto de\n todos os itens da lateral continuar alinhado na mesma coluna */\n.lat-ico { display: flex; flex: none; width: 16px; justify-content: center; color: var(--tinta-3); }\n.lat-ico svg { width: 16px; height: 16px; }\n/* o marcador das áreas continua sendo o ponto colorido: é a identidade delas.\n Para o texto alinhar na mesma coluna, o ponto ocupa a largura do ícone. */\n#nav-areas .dot, #nav-inicio .dot { margin: 0 5px; }\n.lat-item:hover .lat-ico { color: var(--tinta-2); }\n.lat-item.ativo .lat-ico { color: #fff; }\n\n.lat-rodape {\n border-top: 1px solid var(--linha); padding: 12px 16px 14px;\n display: flex; flex-direction: column; gap: 2px;\n}\n.lat-rodape-link {\n display: flex; align-items: center; gap: 9px; width: 100%;\n padding: 7px 9px; border: none; border-radius: 8px;\n background: none; text-align: left; color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.lat-rodape-link:hover { background: var(--superficie-2); color: var(--tinta); }\n.lat-user-btn {\n display: flex; align-items: center; gap: 9px; width: 100%;\n padding: 7px 9px; margin-top: 3px; border: none; border-radius: 8px;\n background: none; text-align: left;\n}\n.lat-avatar {\n width: 22px; height: 22px; border-radius: 50%; flex: none;\n display: grid; place-items: center; font: 600 var(--t-rotulo) var(--sans);\n color: var(--acento-tinta); background: var(--acento); overflow: hidden;\n}\n.lat-avatar img { width: 100%; height: 100%; object-fit: cover; }\n.lat-user-nome {\n font-size: var(--t-nav); color: var(--tinta-2);\n overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n/* ═══ PRINCIPAL ═════════════════════════════════════════════════════ */\n.principal { flex: 1; display: flex; flex-direction: column; min-width: 0; }\n\n.topo {\n display: flex; align-items: center; gap: 16px; flex: none; height: 68px;\n padding: 0 22px; border-bottom: 1px solid var(--linha); background: var(--superficie);\n}\n.topo-busca { position: relative; width: min(540px, 46vw); }\n.topo-busca input {\n width: 100%; height: 40px; padding: 0 14px 0 38px; border-radius: 11px;\n border: 1px solid var(--linha); background: var(--fundo);\n color: var(--tinta); font: 13.5px var(--sans);\n}\n.topo-busca input::placeholder { color: var(--tinta-3); }\n.topo-busca input:focus { outline: none; border-color: var(--linha-forte); background: var(--superficie); }\n.topo-busca-ico {\n position: absolute; left: 13px; top: 50%; transform: translateY(-50%);\n color: var(--tinta-3); pointer-events: none; display: grid;\n}\n.topo-atalho {\n position: absolute; right: 10px; top: 50%; transform: translateY(-50%);\n padding: 2px 7px; border: 1px solid var(--linha); border-radius: 6px;\n background: var(--superficie); color: var(--tinta-3);\n font: 400 var(--t-rotulo) var(--mono); pointer-events: none;\n}\n.topo-dir { display: flex; align-items: center; gap: 10px; margin-left: auto; }\n\n.pill-acao {\n display: inline-flex; align-items: center; gap: 7px;\n height: 36px; padding: 0 16px; border: 1px solid var(--linha); border-radius: var(--raio-pill);\n background: var(--superficie); color: var(--tinta-2); font: 500 var(--t-nav) var(--sans);\n}\n.pill-acao:hover { border-color: var(--linha-forte); color: var(--tinta); }\n.pill-acao-forte {\n background: var(--acento); border-color: var(--acento); color: var(--acento-tinta); font-weight: 600;\n}\n.pill-acao-forte:hover { background: var(--acento-hover); border-color: var(--acento-hover); color: var(--acento-tinta); }\n\n/* ═══ CONTEÚDO — hub ════════════════════════════════════════════════ */\n.conteudo { flex: 1; min-height: 0; overflow-y: auto; padding: 30px 28px 60px; }\n\n/* hero no molde do app.viverdeia.ai/tools: kicker mono + título 46px com\n a palavra de destaque em itálico */\n.pagina-cab { margin: 6px 0 30px; }\n.pagina-kicker {\n font: 400 var(--t-rotulo) var(--mono); letter-spacing: .08em;\n text-transform: uppercase; color: var(--tinta-3); margin-bottom: 10px;\n}\n.pagina-cab h1 {\n margin: 0; font: 600 clamp(28px, 3.2vw, 46px)/1.05 var(--sans);\n letter-spacing: -.03em; color: var(--tinta);\n}\n.pagina-cab h1 em { font-style: italic; }\n.pagina-cab p { margin: 12px 0 0; color: var(--tinta-2); font-size: var(--t-nav); max-width: 60ch; }\n\n.cat-section { margin-bottom: 34px; }\n.cat-title {\n display: flex; align-items: center; gap: 9px; margin: 0 0 12px;\n font: 500 var(--t-rotulo) var(--sans); letter-spacing: var(--ls-rotulo);\n text-transform: uppercase; color: var(--tinta-3);\n}\n.cat-title .count { color: var(--tinta-3); font-weight: 500; }\n\n/* cartão no molde do /tools: tile de ícone 46px, rótulo de categoria em\n mono, descrição com clamp de 2 linhas e chips mono no rodapé */\n.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }\n.card {\n position: relative; border: 1px solid var(--linha); border-radius: 12px;\n background: linear-gradient(180deg, var(--superficie) 0%, color-mix(in srgb, var(--superficie) 72%, var(--fundo)) 100%);\n padding: 15px 16px 13px; box-shadow: var(--elev-1);\n transition: border-color var(--transicao), box-shadow var(--transicao), transform var(--transicao);\n display: flex; flex-direction: column; gap: 10px; min-height: 148px;\n}\n.card.linkable { cursor: pointer; }\n.card.linkable:hover { border-color: var(--linha-forte); box-shadow: var(--elev-2); transform: translateY(-1px); }\n.card-cab { display: flex; align-items: center; gap: 12px; min-width: 0; }\n.tile {\n width: 46px; height: 46px; border-radius: 12px; flex: none;\n border: 1px solid var(--linha); background: var(--superficie);\n display: grid; place-items: center; overflow: hidden;\n}\n.tile img { width: 28px; height: 28px; object-fit: contain; }\n.tile-letra {\n font: 600 18px var(--sans); color: var(--tinta-2);\n background: var(--superficie-2); width: 100%; height: 100%;\n display: grid; place-items: center;\n}\n.card h3 {\n margin: 0; font: 600 15px/1.3 var(--sans); letter-spacing: -.012em; color: var(--tinta);\n overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.card-cat {\n margin-top: 3px; font: 400 var(--t-rotulo) var(--mono); letter-spacing: .08em;\n text-transform: uppercase; color: var(--tinta-3);\n overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.card p {\n margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--tinta-2);\n display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\n}\n.card .foot { margin-top: auto; display: flex; align-items: center; gap: 6px; min-width: 0; }\n.tag {\n flex: none; font: 400 10.5px var(--mono); color: var(--tinta-2);\n border: 1px solid var(--linha); background: var(--superficie);\n padding: 2px 8px; border-radius: 6px; white-space: nowrap;\n}\n.card .go { margin-left: auto; flex: none; color: var(--tinta-3); display: grid; }\n.card.linkable:hover .go { color: var(--tinta); }\n\n.empty { text-align: center; color: var(--tinta-3); padding: 70px 20px; font-size: var(--t-corpo); }\n\n.demo-banner {\n background: var(--superficie-2); color: var(--tinta-2); text-align: center;\n font: 500 var(--t-rotulo) var(--sans); letter-spacing: .06em; text-transform: uppercase;\n padding: 7px; border-bottom: 1px solid var(--linha);\n}\n\n/* ═══ LOGIN ═════════════════════════════════════════════════════════ */\n.login-fundo { min-height: 100vh; display: grid; place-items: center; background: var(--fundo); padding: 24px; }\n.login-caixa {\n width: min(380px, 100%); display: flex; flex-direction: column; gap: 10px;\n background: var(--superficie); border: 1px solid var(--linha); border-radius: 16px;\n box-shadow: var(--elev-2); padding: 36px 32px 30px; text-align: center;\n}\n.login-marca { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 4px; }\n.login-marca .logo-chip { width: 44px; height: 44px; border-radius: 13px; font-size: 20px; }\n.login-caixa h1 { margin: 0; font: 600 22px var(--sans); letter-spacing: -.022em; }\n.login-kicker {\n font: 600 var(--t-rotulo) var(--sans); letter-spacing: .22em;\n text-transform: uppercase; color: var(--tinta-3);\n}\n.login-lead { margin: 6px 0 16px; color: var(--tinta-2); font: var(--t-nav)/1.6 var(--sans); }\n.google-btn {\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n width: 100%; height: var(--alt-acao); border: 1px solid var(--linha); border-radius: var(--raio-pill);\n background: var(--superficie); color: var(--tinta); font: 500 var(--t-acao) var(--sans);\n transition: border-color var(--transicao);\n}\n.google-btn:hover { border-color: var(--linha-forte); text-decoration: none; }\n.login-note { margin-top: 14px; font-size: var(--t-rotulo); color: var(--tinta-3); letter-spacing: .02em; }\n.login-error {\n background: color-mix(in srgb, var(--perigo) 8%, transparent); color: var(--perigo);\n border: 1px solid color-mix(in srgb, var(--perigo) 25%, transparent);\n border-radius: 9px; padding: 9px 12px; font-size: var(--t-nav); margin-bottom: 6px; text-align: left;\n}\n\n/* ═══ ADMIN ═════════════════════════════════════════════════════════ */\n.section-tabs { display: flex; gap: 6px; margin: 0 0 20px; }\n.tab {\n border: 1px solid var(--linha); background: var(--superficie);\n height: 36px; padding: 0 16px; border-radius: var(--raio-pill);\n font: 500 var(--t-nav) var(--sans); color: var(--tinta-2);\n}\n.tab:hover { border-color: var(--linha-forte); color: var(--tinta); }\n.tab.active { background: var(--acento); color: var(--acento-tinta); border-color: var(--acento); font-weight: 600; }\n\n.admin-grid { display: grid; grid-template-columns: 320px 1fr; gap: 16px; align-items: start; }\n#tab-people.admin-grid { grid-template-columns: 430px 1fr; }\n.panel {\n background: var(--superficie); border: 1px solid var(--linha);\n border-radius: 14px; box-shadow: var(--elev-1); overflow: hidden;\n}\n.panel h2 {\n font: 600 var(--t-nav) var(--sans); color: var(--tinta); margin: 0;\n padding: 13px 16px; border-bottom: 1px solid var(--linha);\n}\n.panel-body { padding: 14px 16px 16px; }\n.field { margin-bottom: 12px; }\n.field label {\n display: block; font: 600 var(--t-rotulo) var(--sans); text-transform: uppercase;\n letter-spacing: .1em; color: var(--tinta-3); margin-bottom: 5px;\n}\n.field input, .field select, .field textarea {\n width: 100%; font: var(--t-nav) var(--sans); color: var(--tinta);\n border: 1px solid var(--linha); border-radius: 9px; padding: 8px 11px;\n background: var(--fundo);\n}\n.field textarea { resize: vertical; min-height: 64px; }\n.field input:focus, .field select:focus, .field textarea:focus {\n outline: none; border-color: var(--linha-forte); background: var(--superficie);\n}\n.field-row { display: flex; gap: 10px; }\n.field-row .field { flex: 1; }\n\n.btn {\n display: inline-flex; align-items: center; justify-content: center; gap: 7px;\n height: 36px; padding: 0 16px; border: 1px solid var(--linha); border-radius: var(--raio-pill);\n background: var(--superficie); color: var(--tinta-2); font: 500 var(--t-nav) var(--sans);\n}\n.btn:hover { border-color: var(--linha-forte); color: var(--tinta); }\n.btn-solid { background: var(--acento); border-color: var(--acento); color: var(--acento-tinta); font-weight: 600; }\n.btn-solid:hover { background: var(--acento-hover); border-color: var(--acento-hover); color: var(--acento-tinta); }\n\n.admin-list { list-style: none; margin: 0; padding: 0; }\n.admin-item {\n display: flex; align-items: center; gap: 12px; padding: 11px 16px;\n border-bottom: 1px solid var(--linha);\n}\n.admin-item:last-child { border-bottom: none; }\n.admin-item .meta { flex: 1; min-width: 0; }\n.admin-item .meta strong { color: var(--tinta); font: 600 var(--t-nav) var(--sans); display: block; }\n.admin-item .meta span {\n color: var(--tinta-3); font-size: 12px; display: block;\n overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.admin-item .actions { display: flex; gap: 6px; flex: none; }\n.icon-btn {\n border: 1px solid var(--linha); background: var(--superficie); border-radius: 8px;\n padding: 5px 10px; font: 500 12px var(--sans); color: var(--tinta-2);\n}\n.icon-btn:hover { border-color: var(--linha-forte); color: var(--tinta); }\n.icon-btn.danger:hover { border-color: var(--perigo); color: var(--perigo); }\n\n.cat-pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--tinta-3); }\n\n/* toast */\n.toast {\n position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);\n background: var(--acento); color: var(--acento-tinta); padding: 10px 18px; border-radius: 10px;\n font: 500 var(--t-nav) var(--sans); box-shadow: var(--elev-2); z-index: 50;\n opacity: 0; pointer-events: none;\n transition: opacity .2s ease, transform .2s ease;\n}\n.toast.show { opacity: 1; transform: translateX(-50%) translateY(-4px); }\n\n/* ═══ RESPONSIVO ════════════════════════════════════════════════════ */\n@media (max-width: 820px) {\n .app { flex-direction: column; height: auto; min-height: 100vh; }\n .lateral { width: 100%; border-right: none; border-bottom: 1px solid var(--linha); }\n .lat-marca { height: 56px; }\n .lat-rolagem {\n display: flex; gap: 4px; overflow-x: auto; padding: 8px 12px;\n }\n .lat-grupo { display: flex; gap: 4px; }\n .lat-grupo + .lat-grupo { margin: 0; }\n .lat-grupo-rotulo { display: none; }\n .lat-item { width: auto; white-space: nowrap; height: 34px; }\n .lat-conta { display: none; }\n .lat-rodape { flex-direction: row; align-items: center; padding: 8px 12px; }\n .lat-user-btn { width: auto; margin: 0; }\n .topo { height: 56px; padding: 0 14px; }\n .topo-busca { width: 100%; }\n .conteudo { padding: 18px 14px 50px; }\n .admin-grid { grid-template-columns: 1fr; }\n}\n\n/* ═══ CAMADA PREMIUM — texturas, relevo e degradês auditados no\n app.viverdeia.ai (a mesma receita da Julia, lexflow estilos.css).\n Fica no fim do arquivo de propósito: o cascade sobrescreve a base. ═══ */\n\n:root {\n --dur: .22s;\n --dur-cartao: .26s;\n --dur-brilho: .28s;\n --ease: cubic-bezier(.32, .08, .24, 1);\n --ease-snap: cubic-bezier(.2, .7, .2, 1);\n\n /* sombra tingida da marca em vez de cinza */\n --marca-40: rgba(9, 9, 11, .34);\n --marca-30: rgba(9, 9, 11, .24);\n --marca-18: rgba(9, 9, 11, .16);\n --marca-14: rgba(9, 9, 11, .12);\n --marca-12: rgba(9, 9, 11, .10);\n --marca-10: rgba(9, 9, 11, .09);\n --marca-08: rgba(9, 9, 11, .075);\n --marca-05: rgba(9, 9, 11, .05);\n --marca-04: rgba(9, 9, 11, .035);\n\n /* fio de luz: a aresta de cima acende, simulando iluminação */\n --fio-luz: rgba(255, 255, 255, .95);\n --fio-luz-2: rgba(255, 255, 255, .7);\n\n --elev-campo:\n inset 0 1px 0 var(--fio-luz-2),\n 0 0 0 .5px var(--marca-08),\n 0 1px 2px -1px var(--marca-08);\n --elev-campo-foco:\n inset 0 1px 0 var(--fio-luz-2),\n 0 0 0 1px var(--marca-18),\n 0 4px 12px -6px var(--marca-12);\n --elev-controle:\n inset 0 1px 0 var(--fio-luz),\n 0 0 0 .5px var(--marca-10),\n 0 4px 10px -4px var(--marca-12);\n --elev-controle-hover:\n inset 0 1px 0 #fff,\n 0 0 0 .5px var(--marca-18),\n 0 12px 24px -8px var(--marca-18);\n --elev-controle-ativo:\n inset 0 1px 3px var(--marca-12),\n 0 0 0 .5px var(--marca-14);\n --elev-cartao:\n inset 0 1px 0 var(--fio-luz-2),\n 0 4px 16px -6px var(--marca-10),\n 0 16px 40px -12px var(--marca-08);\n --elev-cartao-hover:\n inset 0 1px 0 #fff,\n 0 8px 22px -8px var(--marca-14),\n 0 24px 56px -14px var(--marca-12);\n\n /* superfície de cartão não é branco chapado: degradê de 3 paradas */\n --vidro-cartao: linear-gradient(180deg,\n rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .84) 10%, rgba(247, 248, 250, .58) 100%);\n --grad-marca: linear-gradient(180deg, #43434d 0%, #24242a 48%, #0c0c0f 100%);\n --grad-marca-hover: linear-gradient(180deg, #4e4e5a 0%, #2c2c34 48%, #131317 100%);\n --pill-clara: linear-gradient(180deg, #fff 0%, #eaedf3 100%);\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --fio-luz: rgba(255, 255, 255, .07);\n --fio-luz-2: rgba(255, 255, 255, .05);\n --vidro-cartao: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .015) 100%);\n --marca-08: rgba(0, 0, 0, .5);\n --marca-10: rgba(0, 0, 0, .55);\n --marca-12: rgba(0, 0, 0, .6);\n --marca-18: rgba(0, 0, 0, .7);\n --pill-clara: var(--superficie);\n }\n}\n:root[data-theme=\"dark\"] {\n --fio-luz: rgba(255, 255, 255, .07);\n --fio-luz-2: rgba(255, 255, 255, .05);\n --vidro-cartao: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .015) 100%);\n --marca-08: rgba(0, 0, 0, .5);\n --marca-10: rgba(0, 0, 0, .55);\n --marca-12: rgba(0, 0, 0, .6);\n --marca-18: rgba(0, 0, 0, .7);\n --pill-clara: var(--superficie);\n}\n\n/* cartão: vidro + fio de luz + sombras presas + brilho radial no hover */\n.card {\n isolation: isolate; overflow: hidden;\n border-color: var(--marca-05);\n background: var(--vidro-cartao);\n box-shadow: var(--elev-cartao);\n transition: transform var(--dur-cartao) var(--ease-snap),\n box-shadow var(--dur-cartao) ease, border-color var(--dur-cartao) ease;\n}\n.card::before {\n content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;\n background: radial-gradient(540px 240px at 0% 0%, var(--marca-04), transparent 60%);\n opacity: .6; transition: opacity var(--dur-cartao) ease;\n}\n.card.linkable:hover {\n transform: translateY(-2px);\n border-color: var(--marca-10);\n box-shadow: var(--elev-cartao-hover);\n}\n.card.linkable:hover::before { opacity: 1; }\n\n/* entrada dos cartões: surgem em cascata, como na referência */\n@keyframes surgir {\n from { opacity: 0; transform: translateY(10px); }\n}\n.card { animation: surgir .5s var(--ease) backwards; animation-delay: calc(var(--i, 0) * 45ms); }\n@media (prefers-reduced-motion: reduce) { .card { animation: none; } }\n\n/* tile de ícone com o mesmo relevo dos controles */\n.tile { box-shadow: inset 0 1px 0 var(--fio-luz-2), 0 1px 2px -1px var(--marca-08); }\n\n/* campo de busca: anel de foco medido no VIA */\n.topo-busca input { box-shadow: var(--elev-campo); transition: box-shadow var(--dur) ease, border-color var(--dur) ease; }\n.topo-busca input:focus { box-shadow: var(--elev-campo-foco); }\n\n/* pílulas claras: degradê sutil, sobem 1px no hover, afundam no clique */\n.pill-acao:not(.pill-acao-forte), .btn:not(.btn-solid), .tab:not(.active), .icon-btn, .google-btn {\n background: var(--pill-clara);\n box-shadow: var(--elev-controle);\n transition: border-color var(--dur) ease, box-shadow var(--dur) ease,\n transform .2s var(--ease-snap), color var(--dur) ease;\n}\n.pill-acao:not(.pill-acao-forte):hover, .btn:not(.btn-solid):hover,\n.tab:not(.active):hover, .icon-btn:hover, .google-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--elev-controle-hover);\n}\n.pill-acao:not(.pill-acao-forte):active, .btn:not(.btn-solid):active,\n.tab:not(.active):active, .icon-btn:active, .google-btn:active {\n transform: translateY(0); box-shadow: var(--elev-controle-ativo);\n}\n\n/* botão forte: degradê da marca, espessura por sombras internas e reflexo\n que atravessa no hover */\n.btn-solid, .pill-acao-forte, .tab.active {\n position: relative; overflow: hidden; isolation: isolate;\n background: var(--grad-marca); border-color: transparent; color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, .18),\n inset 0 -1px rgba(0, 0, 0, .10),\n 0 8px 18px -6px var(--marca-40);\n transition: box-shadow var(--dur) ease, transform .2s var(--ease-snap), filter .2s ease;\n}\n.btn-solid:hover, .pill-acao-forte:hover {\n transform: translateY(-1px); filter: brightness(1.06);\n background: var(--grad-marca-hover); color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, .22),\n inset 0 -1px rgba(0, 0, 0, .10),\n 0 14px 28px -8px rgba(9, 9, 11, .48),\n 0 4px 12px -4px var(--marca-30);\n}\n.btn-solid:active, .pill-acao-forte:active {\n transform: translateY(0); filter: none;\n box-shadow: inset 0 2px 6px -2px var(--marca-40), 0 4px 10px -6px var(--marca-40);\n}\n.btn-solid::after, .pill-acao-forte::after {\n content: ''; position: absolute; inset: 0 auto 0 0; width: 65%;\n background: linear-gradient(100deg, transparent 0%,\n rgba(255, 255, 255, .22) 45%, rgba(255, 255, 255, .06) 60%, transparent 100%);\n transform: translateX(-185%); pointer-events: none;\n transition: transform var(--dur-brilho) var(--ease-snap);\n}\n.btn-solid:hover::after, .pill-acao-forte:hover::after { transform: translateX(185%); }\n@media (prefers-reduced-motion: reduce) {\n .btn-solid::after, .pill-acao-forte::after { display: none; }\n}\n\n/* item ativo da lateral: mesma receita do botão forte, sem o reflexo */\n.lat-item { transition: background var(--dur) ease, color var(--dur) ease; }\n.lat-item.ativo {\n background: var(--grad-marca); color: #fff;\n box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 6px 14px -8px var(--marca-40);\n}\n.lat-item.ativo .lat-conta { background: rgba(255, 255, 255, .18); color: #fff; }\n.logo-chip, .lat-avatar {\n background: var(--grad-marca); color: #fff;\n box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 2px 6px -2px var(--marca-30);\n}\n\n/* selo \"novo\": conteúdo cadastrado nos últimos 7 dias, como o da lateral do VIA */\n.tag-novo {\n background: var(--acento-suave); border-color: transparent;\n color: var(--tinta); font-weight: 500; text-transform: lowercase;\n}\n\n/* ═══ ÁREAS DO ESCRITÓRIO ═════════════════════════════════════════════\n A segunda dimensão da Central. A cor da área é a canônica do site\n institucional e entra como FILETE (3px), nunca como bloco chapado: é o\n que dá identidade sem quebrar o clean da família. */\n\n.faixa-rotulo {\n font: 500 var(--t-rotulo) var(--sans); letter-spacing: var(--ls-rotulo);\n text-transform: uppercase; color: var(--tinta-3); margin: 0 0 12px;\n}\n.areas-faixa {\n display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));\n gap: 10px; margin-bottom: 38px;\n}\n.area-tile {\n position: relative; isolation: isolate; overflow: hidden; text-align: left;\n display: flex; flex-direction: column; gap: 3px;\n padding: 15px 16px 13px; border: 1px solid var(--marca-05); border-radius: 12px;\n background: var(--vidro-cartao); box-shadow: var(--elev-cartao);\n transition: transform var(--dur-cartao) var(--ease-snap),\n box-shadow var(--dur-cartao) ease, border-color var(--dur-cartao) ease;\n}\n/* o filete: a assinatura da área */\n.area-tile::before {\n content: ''; position: absolute; inset: 0 0 auto 0; height: 3px;\n background: var(--cor-area); z-index: 1;\n}\n.area-tile:hover {\n transform: translateY(-2px);\n border-color: var(--marca-10); box-shadow: var(--elev-cartao-hover);\n}\n.area-tile b {\n font: 600 14px/1.35 var(--sans); letter-spacing: -.012em; color: var(--tinta);\n display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.area-tile span { font: 400 10.5px var(--mono); color: var(--tinta-3); letter-spacing: .04em; }\n\n/* cabeçalho do espaço da área: mesmo filete, na vertical */\n.area-cab { position: relative; padding-left: 17px; }\n.area-cab::before {\n content: ''; position: absolute; left: 0; top: 3px; bottom: 3px; width: 3px;\n border-radius: 2px; background: var(--cor-area);\n}\n\n/* selo da área dentro do cartão (fora do espaço da própria área) */\n.tag-area { display: inline-flex; align-items: center; gap: 5px; max-width: 46%; overflow: hidden; }\n.tag-area .dot { width: 6px; height: 6px; }\n\n/* No tema escuro o petróleo do site (#002D2D) desaparece sobre o fundo\n preto — clareamos o marcador sem tocar no dado guardado no banco. */\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) .dot-area,\n :root:not([data-theme=\"light\"]) .area-tile::before,\n :root:not([data-theme=\"light\"]) .area-cab::before { filter: brightness(2.4) saturate(.85); }\n}\n:root[data-theme=\"dark\"] .dot-area,\n:root[data-theme=\"dark\"] .area-tile::before,\n:root[data-theme=\"dark\"] .area-cab::before { filter: brightness(2.4) saturate(.85); }\n\n@media (max-width: 820px) {\n .areas-faixa { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }\n}\n\n/* dica curta abaixo de um campo do formulário */\n.field .dica {\n display: block; margin-top: 5px; font: 400 var(--t-rotulo)/1.5 var(--sans);\n color: var(--tinta-3); letter-spacing: .01em;\n}\n\n/* A regra genérica `.admin-item .meta span` (usada para truncar a linha de\n metadados) vencia o display do pill por especificidade e empilhava marcador\n e nome em linhas separadas. Devolvemos o inline-flex explicitamente. */\n.admin-item .meta .cat-pill { display: inline-flex; align-items: center; gap: 5px; }\n.admin-item .meta .cat-pill .dot { display: block; flex: none; }\n\n/* ═══ ACESSO: QUEM VÊ O QUÊ ═══════════════════════════════════════════\n A matriz pessoa × área, apresentada uma pessoa por vez. Três estados no\n lugar da caixinha, porque \"sem acesso / equipe / liderança\" não é sim-ou-não. */\n\n.acesso-lista {\n display: flex; flex-direction: column; gap: 2px;\n border: 1px solid var(--linha); border-radius: 10px; padding: 6px;\n background: var(--superficie-2); max-height: 300px; overflow-y: auto;\n}\n.acesso-linha {\n display: flex; align-items: center; justify-content: space-between; gap: 12px;\n padding: 5px 7px; border-radius: 7px;\n}\n.acesso-linha:hover { background: var(--superficie); }\n.acesso-nome {\n display: flex; align-items: center; gap: 7px; min-width: 0;\n font: 400 12.5px var(--sans); color: var(--tinta-2); line-height: 1.3;\n}\n/* o nome da área tem que caber inteiro: \"Contratos e Estruturação de Negócios\"\n truncado vira adivinhação na hora de conceder acesso */\n.acesso-nome b { font-weight: 400; }\n.acesso-nome .dot { flex: none; }\n.acesso-niveis { display: flex; flex: none; gap: 2px; padding: 2px; border-radius: 7px; background: var(--superficie-2); }\n.niv {\n border: 1px solid transparent; background: transparent; cursor: pointer;\n padding: 3px 7px; border-radius: 5px; color: var(--tinta-3); white-space: nowrap;\n font: 400 10.5px var(--mono); letter-spacing: .03em;\n transition: background .12s ease, color .12s ease;\n}\n.niv:hover { color: var(--tinta-2); }\n.niv.ativo {\n background: var(--superficie); border-color: var(--linha); color: var(--tinta);\n box-shadow: 0 1px 2px rgba(0,0,0,.05);\n}\n\n.field label.caixa-linha {\n display: flex; align-items: flex-start; gap: 9px; cursor: pointer; margin: 0;\n text-transform: none; letter-spacing: normal;\n}\n.caixa-linha input[type=\"checkbox\"] {\n width: 15px; height: 15px; flex: none; margin: 1px 0 0; accent-color: var(--acento);\n}\n.caixa-linha span { font: 400 13px/1.5 var(--sans); color: var(--tinta-2); text-transform: none; }\n.caixa-linha small { color: var(--tinta-3); font-size: 12px; }\n\n.vazio-dica { display: block; padding: 8px; font: 400 12.5px var(--sans); color: var(--tinta-3); }\n\n/* marca do que é restrito — discreta na lista do admin, discreta no cartão */\n.admin-item .meta .restrito { color: var(--tinta-2); font-weight: 500; }\n.tag-restrito {\n border-color: var(--linha-forte); color: var(--tinta-2);\n font-variant: small-caps; letter-spacing: .04em;\n}\n\n@media (max-width: 1100px) {\n #tab-people.admin-grid { grid-template-columns: 1fr; }\n}\n\n/* ═══ PRODUTOS (o que fazemos em cada área) ═══════════════════════════\n Mesma família do tile de área, um degrau abaixo na hierarquia: o filete\n vira um traço curto no canto, não a barra inteira — o olho lê \"isto está\n dentro daquilo\", não \"isto é outro daqueles\". */\n\n.produtos-faixa { grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)); }\n.produto-tile { padding: 13px 14px 11px; border-radius: 10px; }\n.produto-tile::before { inset: 0 auto auto 0; width: 22px; height: 2px; border-radius: 0 0 2px 0; }\n.produto-tile b { font-size: 13px; white-space: normal; line-height: 1.3; }\n.produto-tile span { font-size: 10px; }\n\n/* o kicker da página de produto é o caminho de volta para a área */\n.volta-area {\n border: none; background: none; padding: 0; cursor: pointer;\n font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit;\n}\n.volta-area::before { content: '← '; opacity: .7; }\n.volta-area:hover { color: var(--tinta-2); }\n\n.tag-produto { max-width: 44%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n/* rótulo de área dentro da lista de serviços do admin */\n.admin-grupo-rotulo {\n display: flex; align-items: center; gap: 7px;\n padding: 14px 16px 6px; border: none; background: none;\n font: 500 var(--t-rotulo) var(--sans); letter-spacing: var(--ls-rotulo);\n text-transform: uppercase; color: var(--tinta-3);\n}\n.admin-grupo-rotulo:first-child { padding-top: 10px; }\n.admin-grupo-rotulo .dot { width: 6px; height: 6px; }\n\n/* ═══ MARCA ══════════════════════════════════════════════════════════\n O selo TC (sem a palavra \"advogados\", que não cabe em 30px). Vai embutido\n como imagem para não depender de arquivo hospedado. */\n.lat-marca .logo-chip, .logo-chip {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAOzklEQVR4nNU6a3Bc1Xn3nPvae/f9kFZPFwtjxxbGKOA4CdQzhFBmoB1MSGKnEBpCUiedNu1M6zRNnJS04BADJUMbsB0mIMcOr9gUG5HpTJL+SyzsWES2BI4NloQeZrWr3fVqtXvvueeczjl3d7WPu6sV8ZD6k2Z1dfec73zfd773OaC1tVO4nAEKlzlA4TIHKFzmIFFKa986vKoPgI2n/K89FZS9LyErvKz8qgCguXXLEBaXAECqnFNORwEzI44KgD0CTmhpveK3RbyFBUoSYXNK8qGVDDJU9njAnhcJKGN3cTrgy9MiMYUZnCqphsnFBwAYPsB/im8rBFl6Uzmt4nu+tMMKVROLUDW8eno5MfZDIxtg3Nes8P8KKF3SiJdlDe9rgjOAZmTH1OPSeqFLtmWgCVHYxgeXIzPKbcr+dUZ4qYA2gQxwg4FLyczGxIguIK2LuhwP/cA0TVp637knqnUQFSOKzg84eX17TM37qje0zsSGlFFQ5UYrgLvRCs9ZcKygapeLbpp9XeKkfJ3FKATYxgMASjtPS2OYgjajOmVoWRzgf5w3AWNc4dk59SWCHBYriy9c5woME0IAEGRJBhBalmUYedM0KSUFW2WIqCRKqqq6XC4AAF+3WZDq7BkFALrdboQsSolNa0n2pTBXLowytV6MPgAwPnVNBxDMzsYNw/D5fOvXX31177qenpWhUEhRlfnMfGx29sxbZ06PjI6PTyCEvF6vJElLs8FXYalEdawEwDCMK6644oF/3dnd3e1yuQSBEsLY4BvNHksMsNf8fwCZdoiiCBkACCHGeGFhQVGUd9+dfPCh74kQbt36mVv/7JaVPStVVbUQsiyLECzLisvlkiQ5lU4NDb1x+PB/v/bz/0mlUn6/v6FSFfIvBxuw9x1CEAj41679UD6XJwQzlSAEc0AWWxtb7JkRwcYz9kQRihCIIpRlybKwqigtLZHnn39x7759d27Z8qUv3e/3+eLx+LlzZ+cz86ZpEoIhhKqqai7N5/eHw+FP3vyJP7/9tpNDQ4899oNXjryquVySLBNC6sif8VbfiKlgmmYqmcxkMhhjSikXGLGwRTDjhImQf1jYshCyDUbkAADQdV3TtN2PPHpy6I0nf/hfH920aXx8/NSpU/l8nrAtI/ZeiaIoyzIURcMw4ol4JpPR3e7edesOHux/5pn+b3/nu/PzWV3XLAvXJFUFkOw000G5ABO5y+UyTAOZiBsisHmwwzflYoeQUPYlZXoDoMRADIXCLk3btWtX+mLm1SOvaLprZHTUyOUghLIs5/M50zABAKqqKoqiqookyZIkAQAppcg0J6emvB7P/fd/cc2aNffd9+XpmRmPx+OwD7YN1FEvRpCJECako6Mzn8vZqsiViOTyuUQ8blmWzYauuyORiKqqXPuhoigY46f27DUMtP/ZZzAh42PjEABZVayFBUpJKBTSNJ3tgAglUdJ0ze32CIKQyVw0DVOSJAghQujCzMyNN3z88OEX7/n8F8bGJlRVqbIHW+q2G60kn5sHhGLm4sWnn3464PcT7vK442MTN236SDgUnp/P2JmFpmlvnXkrOZeUFRkAoCjq3Fzyjd/9bu9TTwIA5uYSqqqaHEKhMIDg9KnTg4OD75w/n0gkCCHhcLinp2fz5j+96aabfF5fPJGgtpOAcG5uLpVOSpLoFLnZ4sxvhFvaa7N8QWA74PW6c7mFfD5PCfsRBGAhFI1Gd+785o033DAzM4MQIpSYhtn/kwOvHj2q627MnZXP5+t/9sd9fX2xWEwURdM0TMMMBoMnTpz4wRNPvP76CSNviFzbBAEwb4AsSRavv67v6zt23LFlSzabtRCSFWVgYOAf/+nriUTK5/eRYlAq54BVZI6ZBBAAIXQ2PgeYIESWtfIIiokARam9vV13uyWRvTcNs729LRAIGibxeBUo0mQy9dWvfOWjmzbNzMy4VJUJSlGDweCep/bsfvQ/EMJ+fyAQqFZdTPBvh4Y/d/fnv/HPO3bs2KHr+osvvfSNf/lWOj0fCPgRsmqMuLAnzl7ITiBUVS0bWYhKAIBAIKAqiqzIEIsCFXx+vywzK5RlKZfLr7qy595777mYyYiiqCgKISQQDD7++OPf/beHgqGI36/aDrhaZEAIh8KGaT606/uEkK7Ozm/t/E7esDwej2XVUr90JObBtSaIMM9DiMfjkWRZVhQRM9ekuTTBzhcEsLCQvfXWv+zq6orFYm6dWWowGHzlyJGHH34kHGmRRMk2fcflLAvLkuz1+p7as48QalnY7XZjbNXJ8IpxwDkNqp9TUUo9bo+qKLqms7BgMSEByHBg7nZvvvkTRj4vUKooikvT4onEI48+JkqKLMnWUtkBIUSWZczkIrhcSn3qq+PAMoBSysQvyx6vl+0HJpquUx4HDMNYsaJ7zZrVqVSK2ags67r+3HPPDQ+PBIPBauqrWitFsEOKzUwz2TVcbHssQqOcllIKAZAk2eN2ez1er8+nKAqlTJcQQj09PbqmZTIZQRDsgPCLX/yKazBY1iZT5xSoRCutsoEqPapuUZUDo4bTo/LUtyxRZWnwlT0rCcbpdNrHGUsmk6OjbyqKWowhzQCtL/jie1roUNXagP2f/VlVPZVSDmBHdUmUeIVgd55s3oRoNJrlkOOJQyqVmo3HZZaQ0UvYFgB2a4wvbXclyntFjiuBRfTALnQKZRdLostqykDAb1pWOp1OJpMIoXzeMAzT1unmqG8GSn7dIQ5U9R4dZgKB6bogCIZhEJ4baS4XJ5EpriTLAqWpZBIAcPbMGVYWQZaiNXDkZdCkPykpEq8HKjHzHWi0GCMlt5BDCL134YJpmgihYCjEGWDJkpE3QqEQsqzp6SnDMDZce63X602lUpLEkq6mgTbRKykMaFTUlw0taIjdbJzPzmez2ampqVwuNzc3h/Fisj45OdnV3b1mzZqJiYlYLAYEYUV3dywWk2V5OQU7aMxJ+ds66XRVB7UCN4jFYp2dnQMDA1NTU8Onhvuu7Yu0tBGCJUk6PzZGCNmwYUN7e/vc3Fw0Gr3mmvW//s0xrwcSYRmlehEcHElV06M2nW4QtwuFDneOI3v37bUsnMlkNl6/0S4pVVUdGRmNx+PhcFgUxWhbm8fjueuuO/v3H6hTFjqDXdOWP9ivHQfDqrhQHxbPFBLx+ODgYD7PWgx+v09364ZpClRQVdfY2PjJk0OKqoYjkdbWVk3Tbrzxhjvu+ItUOi3LzocpVQAAS4S5RyB2eBEaAmPAqR6wwaGMkGV5fGLi+PHjK7q729vbOjs6W1paWEQTBFEUc7n8wMBrLBcSBMQLZVEUH/z3B/5kRXcmMy/LcmNfCVldCjKZiw8++MDff+1vU6kU5FlWA8Ia50LV3zFHKcmTk5PjY+Mf+/jHXKpLksS1a9dOTf2vHYndbv3Vgde2bf3sqlVX2rFMAKCjo6O//8ef3Xp3IpEIBPyWxVoE1SsB1hAwDGNhIfvtnd/cvv2vEUJTU9PPPLs/GAzWZHVlNtCAfEfORQjn5+c7Ojpuv+120zQghN1d3cWEgqqqa2bmwk8OHtz6mU9rmsZjMJmNxXp71x762fN/97V/OHnyDU3TXIXQwQAAlsCZyEylUi0tLY/s3nXfF/7q3Nmzbrd79/d3pdPpQ4deDoVDGDtbkXNFVg/sSCbL8nXXfXjlyitSqTTGOBwOs1DFBxBCvF7foZ+9vKqnZ/XqVdFo1Bb16MhIV1f30SMv9+8/8MILL509ey6Xy7MEieu4LMvt7W13f27b9u1f7ursOHbs2EI2K4pi7/r1//nE45iQgYGfOzcm6tYDdcB2C36/r3ddL2uI8L6IpuuWhW1fxnRMFLMLRv/+A1+8716P29MajfKel5hMJjVd+5uvbr/3nrtPj4yMjr4Zm53FluX3+6+6atXVV/eGQ8ELFy4cGzyGefNGVV2JRGJiYjwej9vhvLx7WfpYpgoJAGPL6/F2dXUpiqK72Q8PUouywYS43e633zn/wkuHKKWbN29ua2tHFrKzpunpaUWWN1yzfuP1H6aUlcIY43wuH4/Pjo+NIWQKAivNJEmKtESGhk4+vPvRt948GwqxcqLobGxO7Kx4GQwUtgpjEgyFotEoa+CIotfjESGsMkmMWeU+fGokn8vl88aWO7d0dXUh07QwVim1EEql06ZpsK4eQshC2MKEsF4dwSImJBKJuDRtcPD1J5/c88758VAohLFVeTpZOmsBzVdkdkea7UBra2s4HLE7vh6vN5lMEl4cV/Pg8597+/yefT+amJjYtm3bxo9sdLlcOcZSHoqiJIqWbJkISabJOq0YsxI0EnGpyruTkwd/+tzhl1/JZhd8Pj93QQ7EFM8HlmMDVGDaLEmShS1d1xCyZmZmfnvihGOQwhh7vd6LF7MHfvr868eP33LLJ2+/7bbe3t5gIAgga4AbhoE56fbMhYXs+Pj4L3/5qyNHjv7+929rutvj9pTOKOrKNRxpby7XZeJHCLW0hO/61B3pVIpQihCanp7u7u5KX8wePTLg8/vserycFwggFWg2O08JbmuPrlv7ob6+vtWrr2qLtulunVIhk8nE3nvv3Nvnhk+dHh4+NTPzniTJutvNG5xLFLfsrKd5Boo+mzC9tVhJwBpjksibsoIsKw0mcjdC8vm8aRqUNSxkFgtcKo8AKJfLmSYSBMDPaFilSkgp8wPNMFCodSvOWerzUDo7svHwuU4nTk5sFJtLzPkwvw7YwQjrskMRQpau8+OTypM5J+JLhfiiFyqQtRQRhWOyco6ao77YKeGnOQzEMnJY7sZjrV15L6kRiweEFW50OUVT+azl3s4pnanR2ssxy8RUKMr/WAD4Z20TpDngXMM/ZPIlAvC+sBfG1N6VqHcV4oME0PxAWEPt+9qQZcClkg7gF8IE+IFfaaq6HGHDEvdIGvDQ+LZK6XINXZ5rrYOrASmCfSBRuNHTLCZKi7cWi9c1Shf3miWgGNGa5oE7+aqWOGCRpGyYIw8VXc/F7qJU7kcXL+I1p1cF/7d8JaydAprB4jREaj4Rag7hBw1QuMwBCpc5wD82AX8o/B/PPep2sSKkywAAAABJRU5ErkJggg==\");\n background-size: cover; background-position: center;\n color: transparent; font-size: 0;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10), 0 2px 6px -2px rgba(0, 0, 0, .25);\n}\n\n/* ═══ FILTRO DE ESTADO ════════════════════════════════════════════════\n Aparece só quando a lista tem itens marcados por UF (hoje, os tribunais).\n Itens sem UF são nacionais e ficam visíveis em qualquer seleção. */\n\n.uf-barra {\n display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\n margin: 0 0 22px; padding-bottom: 14px; border-bottom: 1px solid var(--linha);\n}\n.uf-lista { display: flex; flex-wrap: wrap; gap: 4px; }\n.uf-btn {\n border: 1px solid var(--linha); background: var(--superficie); cursor: pointer;\n padding: 4px 9px; border-radius: 7px; color: var(--tinta-2);\n font: 500 11px var(--mono); letter-spacing: .04em;\n transition: background var(--dur) ease, color var(--dur) ease, border-color var(--dur) ease;\n}\n.uf-btn:hover { border-color: var(--linha-forte); color: var(--tinta); }\n.uf-btn.ativo {\n background: var(--grad-marca); border-color: transparent; color: #fff;\n box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 4px 10px -6px var(--marca-40);\n}\n\n/* Superiores e Nacionais vêm antes dos estados e não se misturam a eles */\n.uf-btn.uf-esp { font-family: var(--sans); font-size: 11.5px; letter-spacing: -.005em; }\n.uf-lista .uf-btn.uf-esp + .uf-btn:not(.uf-esp) { margin-left: 10px; }",[],[146,176],"c63d05d8-7803-4078-a0f3-867490cd4856","login.html","bdfcb1e8-9be9-11f1-a933-1607ee4eb77e",80,["D",1788305873181],"\n\n\n \n \n Central TC — Entrar\n \n \n \n\n\n \n \n\n",[],[146,185],"6e730d50-d10f-4b1e-ac90-1da0a67e319f","index.html","057094cc-9bea-11f1-a46b-1607ee4eb77e",79,["D",1788305783657],"\n\n \n \n \n Central TC — Hub da Equipe\n \n \n \n \n \n \n

\n \n\n

\n \n \n \n \n \n \n \n /\n

\n\n

\n\n \n \n",[],[146,193],"4e24e255-f3cf-48b1-ae6c-c453c91f2a61",["D",1788308070599],14,[],[146,33],"f31fa872-d0df-4d72-8732-c2d1747ad4e8","admin.js","7f817da2-9beb-11f1-bc1c-1607ee4eb77e",82,["D",1788306010021],10,"// Central TC — painel de administração\n// Em modo demo (sem API), as alterações ficam só na memória do navegador,\n// para você experimentar a interface. No ar, tudo é salvo no banco.\n\nconst KIND_LABELS = {\n system: \"Sistema\",\n link: \"Link\",\n tip: \"Dica\",\n doc: \"Documento\",\n};\nlet DATA = { me: null, areas: [], products: [], categories: [], resources: [] };\nlet DEMO = false;\nlet PESSOAS = { people: [], acessos: [] };\nconst VIS_LABEL = {\n aberto: \"Todo o escritório\",\n equipe: \"Equipe da área\",\n lideranca: \"Liderança da área\",\n confidencial: \"Confidencial\",\n};\nconst VIS_DICA = {\n aberto: \"Visível para qualquer pessoa que entrar na Central.\",\n equipe: \"Só quem tem essa área no cadastro. Escolha uma área acima.\",\n lideranca: \"Só quem tem essa área em nível de liderança.\",\n confidencial: \"Só quem tem a marca de confidencial do escritório.\",\n};\nlet demoSeq = 1000;\n\nfunction esc(s) {\n return String(s == null ? \"\" : s).replace(\n /[&<>\"']/g,\n (\n m,\n ) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]),\n );\n}\nfunction initials(name) {\n return (name || \"?\").trim().split(/\\s+/).slice(0, 2).map((w) => w[0]).join(\"\")\n .toUpperCase();\n}\nfunction toast(msg) {\n const t = document.getElementById(\"toast\");\n t.textContent = msg;\n t.classList.add(\"show\");\n setTimeout(() => t.classList.remove(\"show\"), 2200);\n}\n\nconst SAMPLE = {\n me: { name: \"Equipe TC\", email: \"\", picture: \"\", isAdmin: true },\n areas: [\n {\n id: 1,\n name: \"Empresarial\",\n color: \"#002D2D\",\n description: \"Societário e reestruturações.\",\n position: 0,\n },\n {\n id: 2,\n name: \"Tributário\",\n color: \"#004746\",\n description: \"Contencioso e consultivo fiscal.\",\n position: 1,\n },\n {\n id: 3,\n name: \"Trabalhista\",\n color: \"#006B6B\",\n description: \"Contencioso e compliance trabalhista.\",\n position: 2,\n },\n {\n id: 8,\n name: \"Imobiliário\",\n color: \"#00A39D\",\n description: \"Compra e venda, locação e vícios construtivos.\",\n position: 3,\n },\n ],\n products: [\n { id: 101, area_id: 3, name: \"Compliance\", description: \"\", position: 0 },\n {\n id: 102,\n area_id: 3,\n name: \"Contencioso administrativo e judicial\",\n description: \"\",\n position: 1,\n },\n {\n id: 103,\n area_id: 8,\n name: \"Vícios Construtivos\",\n description: \"\",\n position: 0,\n },\n {\n id: 104,\n area_id: 8,\n name: \"Regularização Imobiliária\",\n description: \"\",\n position: 1,\n },\n ],\n categories: [\n {\n id: 1,\n name: \"Tribunais\",\n emoji: \"\",\n color: \"#52525B\",\n position: 3,\n grupo: \"ferramentas\",\n },\n {\n id: 2,\n name: \"IA\",\n emoji: \"\",\n color: \"#71717A\",\n position: 2,\n grupo: \"ferramentas\",\n },\n {\n id: 3,\n name: \"Modelos & Documentos\",\n emoji: \"\",\n color: \"#A1A1AA\",\n position: 2,\n },\n {\n id: 4,\n name: \"Links Úteis\",\n emoji: \"\",\n color: \"#3F3F46\",\n position: 0,\n grupo: \"outros\",\n },\n {\n id: 5,\n name: \"Dicas Internas\",\n emoji: \"\",\n color: \"#B42318\",\n position: 2,\n grupo: \"outros\",\n },\n ],\n resources: [\n {\n id: 1,\n category_id: 1,\n area_id: null,\n kind: \"system\",\n title: \"PJe — Processo Judicial Eletrônico\",\n description: \"Peticionamento e consulta processual.\",\n url: \"https://www.pje.jus.br\",\n tags: \"processo, tribunal\",\n },\n {\n id: 2,\n category_id: 2,\n area_id: 3,\n visibility: \"equipe\",\n kind: \"system\",\n title: \"Claude (Cowork)\",\n description: \"Assistente de IA do escritório.\",\n url: \"https://claude.ai\",\n tags: \"ia\",\n },\n {\n id: 3,\n category_id: 5,\n area_id: null,\n kind: \"tip\",\n title: \"Padrão de nomeação de arquivos\",\n description: \"AAAA-MM-DD_Cliente_TipoDoc.\",\n url: \"\",\n tags: \"organização\",\n },\n {\n id: 4,\n category_id: 3,\n area_id: 3,\n visibility: \"lideranca\",\n kind: \"doc\",\n title: \"Leitura estratégica — Trabalhista\",\n description: \"Onde estamos ganhando e o que não se fala com o cliente.\",\n url: \"\",\n tags: \"estratégia\",\n },\n {\n id: 5,\n category_id: 5,\n area_id: null,\n visibility: \"confidencial\",\n kind: \"tip\",\n title: \"Política de honorários\",\n description: \"Faixas, descontos autorizados e quem aprova exceção.\",\n url: \"\",\n tags: \"gestão\",\n },\n ],\n};\n\nasync function api(method, path, body) {\n if (DEMO) return demoApi(method, path, body);\n const res = await fetch(path, {\n method,\n headers: { \"content-type\": \"application/json\" },\n body: body ? JSON.stringify(body) : undefined,\n });\n if (!res.ok) {\n const e = await res.json().catch(() => ({}));\n throw new Error(e.error || \"Erro ao salvar\");\n }\n return res.json();\n}\n\nfunction demoApi(method, path, body) {\n const mProd = path.match(/^\\/api\\/products\\/(\\d+)$/);\n if (path === \"/api/products\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.products.push({ id, position: DATA.products.length, ...body });\n return { ok: true, id };\n }\n if (mProd && method === \"PUT\") {\n Object.assign(DATA.products.find((p) => p.id == mProd[1]), body);\n return { ok: true };\n }\n if (mProd && method === \"DELETE\") {\n DATA.products = DATA.products.filter((p) => p.id != mProd[1]);\n DATA.resources.forEach((r) => {\n if (r.product_id == mProd[1]) r.product_id = null;\n });\n return { ok: true };\n }\n if (path === \"/api/people\" && method === \"POST\") {\n const i = PESSOAS.people.findIndex((p) => p.email === body.email);\n const pes = {\n email: body.email,\n name: body.name,\n confidencial: body.confidencial ? 1 : 0,\n };\n if (i >= 0) PESSOAS.people[i] = pes;\n else PESSOAS.people.push(pes);\n PESSOAS.acessos = PESSOAS.acessos.filter((a) => a.email !== body.email)\n .concat(\n (body.areas || []).map((a) => ({\n email: body.email,\n area_id: a.area_id,\n nivel: a.nivel,\n })),\n );\n return { ok: true };\n }\n const mPes = path.match(/^\\/api\\/people\\/(.+)$/);\n if (mPes && method === \"DELETE\") {\n const email = decodeURIComponent(mPes[1]);\n PESSOAS.people = PESSOAS.people.filter((p) => p.email !== email);\n PESSOAS.acessos = PESSOAS.acessos.filter((a) => a.email !== email);\n return { ok: true };\n }\n const mArea = path.match(/^\\/api\\/areas\\/(\\d+)$/);\n if (path === \"/api/areas\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.areas.push({ id, position: DATA.areas.length, ...body });\n return { ok: true, id };\n }\n if (mArea && method === \"PUT\") {\n Object.assign(DATA.areas.find((a) => a.id == mArea[1]), body);\n return { ok: true };\n }\n if (mArea && method === \"DELETE\") {\n DATA.areas = DATA.areas.filter((a) => a.id != mArea[1]);\n DATA.resources.forEach((r) => {\n if (r.area_id == mArea[1]) r.area_id = null;\n });\n PESSOAS.acessos = PESSOAS.acessos.filter((a) => a.area_id != mArea[1]);\n DATA.products = DATA.products.filter((p) => p.area_id != mArea[1]);\n return { ok: true };\n }\n const mCat = path.match(/^\\/api\\/categories\\/(\\d+)$/);\n const mRes = path.match(/^\\/api\\/resources\\/(\\d+)$/);\n if (path === \"/api/categories\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.categories.push({ id, position: DATA.categories.length, ...body });\n return { ok: true, id };\n }\n if (mCat && method === \"PUT\") {\n Object.assign(DATA.categories.find((c) => c.id == mCat[1]), body);\n return { ok: true };\n }\n if (mCat && method === \"DELETE\") {\n DATA.categories = DATA.categories.filter((c) => c.id != mCat[1]);\n DATA.resources = DATA.resources.filter((r) => r.category_id != mCat[1]);\n return { ok: true };\n }\n if (path === \"/api/resources\" && method === \"POST\") {\n const id = ++demoSeq;\n DATA.resources.push({ id, ...body });\n return { ok: true, id };\n }\n if (mRes && method === \"PUT\") {\n Object.assign(DATA.resources.find((r) => r.id == mRes[1]), body);\n return { ok: true };\n }\n if (mRes && method === \"DELETE\") {\n DATA.resources = DATA.resources.filter((r) => r.id != mRes[1]);\n return { ok: true };\n }\n return { ok: true };\n}\n\nasync function load() {\n try {\n const res = await fetch(\"/api/data\", {\n headers: { accept: \"application/json\" },\n });\n if (!res.ok) throw new Error(\"api\");\n DATA = await res.json();\n } catch {\n DEMO = true;\n DATA = JSON.parse(JSON.stringify(SAMPLE));\n DATA.areas = DATA.areas || [];\n DATA.products = DATA.products || [];\n document.getElementById(\"demo-banner\").innerHTML =\n '';\n }\n renderUser();\n await carregarPessoas();\n renderAll();\n}\n\nfunction renderUser() {\n const me = DATA.me || {};\n const avatar = document.getElementById(\"user-avatar\");\n avatar.innerHTML = me.picture\n ? ` $\"\"$ `\n : esc(initials(me.name));\n document.getElementById(\"user-nome\").textContent = me.name || me.email || \"\";\n}\n\nfunction catName(id) {\n const c = DATA.categories.find((x) => x.id == id);\n return c ? c.name : \"Sem categoria\";\n}\nfunction catColor(id) {\n const c = DATA.categories.find((x) => x.id == id);\n return c ? (c.color || \"#9A9AA2\") : \"#9A9AA2\";\n}\n\nfunction areaNome(id) {\n const a = (DATA.areas || []).find((x) => x.id == id);\n return a ? a.name : \"Todas as áreas\";\n}\nfunction areaCor(id) {\n const a = (DATA.areas || []).find((x) => x.id == id);\n return a ? (a.color || \"#9A9AA2\") : \"#D4D4D8\";\n}\n\nasync function carregarPessoas() {\n if (DEMO) return;\n try {\n const res = await fetch(\"/api/people\", {\n headers: { accept: \"application/json\" },\n });\n if (res.ok) PESSOAS = await res.json();\n } catch { /* sem API: o painel de pessoas fica vazio */ }\n}\n\nfunction renderAll() {\n renderCatSelect();\n renderAreaSelect();\n renderProdSelect();\n renderProdAreaSelect();\n renderResList();\n renderAreaList();\n renderProdList();\n renderCatList();\n renderPesAreas();\n renderPesList();\n}\n// Após qualquer gravação: no ar recarrega do servidor; em demo re-renderiza local.\nasync function refresh() {\n if (DEMO) renderAll();\n else await load();\n}\n\nfunction renderCatSelect() {\n const sel = document.getElementById(\"res-cat\");\n sel.innerHTML = DATA.categories.map((c) =>\n ``\n ).join(\"\");\n}\n\nfunction renderAreaSelect() {\n const sel = document.getElementById(\"res-area\");\n const atual = sel.value;\n sel.innerHTML = `` +\n (DATA.areas || []).map((a) =>\n ``\n ).join(\"\");\n sel.value = atual;\n}\n\nfunction renderAreaList() {\n const list = document.getElementById(\"area-list\");\n if (!(DATA.areas || []).length) {\n list.innerHTML =\n `

Nenhuma área cadastrada.

`;\n return;\n }\n list.innerHTML = DATA.areas.map((a) => {\n const n = DATA.resources.filter((r) => r.area_id == a.id).length;\n return `

\n ${esc(a.name)}\n ${n} recurso(s)${\n a.description ? \" · \" + esc(a.description) : \"\"\n }\n

\n \n \n

`;\n }).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editArea(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delArea(Number(b.dataset.del)))\n );\n}\n\nfunction renderResList() {\n const list = document.getElementById(\"res-list\");\n if (!DATA.resources.length) {\n list.innerHTML =\n `

Nenhum recurso ainda.

`;\n return;\n }\n list.innerHTML = DATA.resources.map((r) => `\n

\n ${esc(r.title)}\n ${\n esc(catName(r.category_id))\n } · ${esc(areaNome(r.area_id))} · ${\n esc(KIND_LABELS[r.kind] || r.kind)\n }${\n (r.visibility && r.visibility !== \"aberto\")\n ? ` · ${\n esc(VIS_LABEL[r.visibility] || r.visibility)\n }`\n : \"\"\n }${r.url ? \" · \" + esc(r.url) : \"\"}\n

\n \n \n

`).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editRes(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delRes(Number(b.dataset.del)))\n );\n}\n\nfunction renderCatList() {\n const list = document.getElementById(\"cat-list\");\n if (!DATA.categories.length) {\n list.innerHTML =\n `

Nenhuma categoria.

`;\n return;\n }\n list.innerHTML = DATA.categories.map((c) => {\n const n = DATA.resources.filter((r) => r.category_id == c.id).length;\n return `

\n ${esc(c.emoji ? c.emoji + \" \" : \"\")}${esc(c.name)}\n ${n} recurso(s)\n

\n \n \n

`;\n }).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editCat(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delCat(Number(b.dataset.del)))\n );\n}\n\n// ---- Formulário de recurso ----\nconst resForm = document.getElementById(\"res-form\");\nfunction resetResForm() {\n resForm.reset();\n document.getElementById(\"res-id\").value = \"\";\n document.getElementById(\"res-area\").value = \"\";\n renderProdSelect();\n document.getElementById(\"res-prod\").value = \"\";\n document.getElementById(\"res-uf\").value = \"\";\n document.getElementById(\"res-ramo\").value = \"\";\n document.getElementById(\"res-icon\").value = \"\";\n document.getElementById(\"res-vis\").value = \"aberto\";\n document.getElementById(\"res-vis-dica\").textContent = VIS_DICA.aberto;\n document.getElementById(\"res-form-title\").textContent = \"Novo recurso\";\n document.getElementById(\"res-submit\").textContent = \"Adicionar\";\n document.getElementById(\"res-cancel\").style.display = \"none\";\n}\nfunction editRes(id) {\n const r = DATA.resources.find((x) => x.id == id);\n if (!r) return;\n document.getElementById(\"res-id\").value = r.id;\n document.getElementById(\"res-title\").value = r.title || \"\";\n document.getElementById(\"res-kind\").value = r.kind || \"link\";\n document.getElementById(\"res-cat\").value = r.category_id || \"\";\n document.getElementById(\"res-area\").value = r.area_id || \"\";\n renderProdSelect();\n document.getElementById(\"res-prod\").value = r.product_id || \"\";\n document.getElementById(\"res-vis\").value = r.visibility || \"aberto\";\n document.getElementById(\"res-vis-dica\").textContent =\n VIS_DICA[r.visibility || \"aberto\"];\n document.getElementById(\"res-url\").value = r.url || \"\";\n document.getElementById(\"res-uf\").value = r.uf || \"\";\n document.getElementById(\"res-ramo\").value = r.ramo || \"\";\n document.getElementById(\"res-icon\").value = r.icon_url || \"\";\n document.getElementById(\"res-desc\").value = r.description || \"\";\n document.getElementById(\"res-tags\").value = r.tags || \"\";\n document.getElementById(\"res-form-title\").textContent = \"Editar recurso\";\n document.getElementById(\"res-submit\").textContent = \"Salvar\";\n document.getElementById(\"res-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delRes(id) {\n const r = DATA.resources.find((x) => x.id == id);\n if (!confirm(`Excluir \"${r ? r.title : \"recurso\"}\"?`)) return;\n try {\n await api(\"DELETE\", `/api/resources/${id}`);\n await refresh();\n toast(\"Recurso excluído\");\n } catch (e) {\n toast(e.message);\n }\n}\nresForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"res-id\").value;\n const body = {\n title: document.getElementById(\"res-title\").value.trim(),\n kind: document.getElementById(\"res-kind\").value,\n category_id: Number(document.getElementById(\"res-cat\").value) || null,\n area_id: Number(document.getElementById(\"res-area\").value) || null,\n product_id: Number(document.getElementById(\"res-prod\").value) || null,\n visibility: document.getElementById(\"res-vis\").value,\n url: document.getElementById(\"res-url\").value.trim(),\n icon_url: document.getElementById(\"res-icon\").value.trim(),\n uf: document.getElementById(\"res-uf\").value.trim().toUpperCase(),\n ramo: document.getElementById(\"res-ramo\").value,\n description: document.getElementById(\"res-desc\").value.trim(),\n tags: document.getElementById(\"res-tags\").value.trim(),\n };\n if (!body.title) return toast(\"Informe um título\");\n try {\n if (id) {\n await api(\"PUT\", `/api/resources/${id}`, body);\n toast(\"Recurso atualizado\");\n } else {\n await api(\"POST\", \"/api/resources\", body);\n toast(\"Recurso adicionado\");\n }\n await refresh();\n resetResForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"res-cancel\").addEventListener(\"click\", resetResForm);\n\n// ---- Formulário de área ----\nconst areaForm = document.getElementById(\"area-form\");\nfunction resetAreaForm() {\n areaForm.reset();\n document.getElementById(\"area-id\").value = \"\";\n document.getElementById(\"area-color\").value = \"#004746\";\n document.getElementById(\"area-form-title\").textContent = \"Nova área\";\n document.getElementById(\"area-submit\").textContent = \"Adicionar\";\n document.getElementById(\"area-cancel\").style.display = \"none\";\n}\nfunction editArea(id) {\n const a = DATA.areas.find((x) => x.id == id);\n if (!a) return;\n document.getElementById(\"area-id\").value = a.id;\n document.getElementById(\"area-name\").value = a.name || \"\";\n document.getElementById(\"area-desc\").value = a.description || \"\";\n document.getElementById(\"area-color\").value = a.color || \"#004746\";\n document.getElementById(\"area-form-title\").textContent = \"Editar área\";\n document.getElementById(\"area-submit\").textContent = \"Salvar\";\n document.getElementById(\"area-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delArea(id) {\n const a = DATA.areas.find((x) => x.id == id);\n const n = DATA.resources.filter((r) => r.area_id == id).length;\n if (\n !confirm(\n `Excluir a área \"${a ? a.name : \"\"}\"?${\n n ? ` ${n} recurso(s) voltam a ser transversais (nada é apagado).` : \"\"\n }`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/areas/${id}`);\n await refresh();\n toast(\"Área excluída\");\n } catch (e) {\n toast(e.message);\n }\n}\nareaForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"area-id\").value;\n const body = {\n name: document.getElementById(\"area-name\").value.trim(),\n description: document.getElementById(\"area-desc\").value.trim(),\n color: document.getElementById(\"area-color\").value,\n };\n if (!body.name) return toast(\"Informe um nome\");\n try {\n if (id) {\n await api(\"PUT\", `/api/areas/${id}`, body);\n toast(\"Área atualizada\");\n } else {\n await api(\"POST\", \"/api/areas\", body);\n toast(\"Área adicionada\");\n }\n await refresh();\n resetAreaForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"area-cancel\").addEventListener(\"click\", resetAreaForm);\n\n// ---- Formulário de categoria ----\nconst catForm = document.getElementById(\"cat-form\");\nfunction resetCatForm() {\n catForm.reset();\n document.getElementById(\"cat-id\").value = \"\";\n document.getElementById(\"cat-color\").value = \"#52525B\";\n document.getElementById(\"cat-grupo\").value = \"ferramentas\";\n document.getElementById(\"cat-form-title\").textContent = \"Nova categoria\";\n document.getElementById(\"cat-submit\").textContent = \"Adicionar\";\n document.getElementById(\"cat-cancel\").style.display = \"none\";\n}\nfunction editCat(id) {\n const c = DATA.categories.find((x) => x.id == id);\n if (!c) return;\n document.getElementById(\"cat-id\").value = c.id;\n document.getElementById(\"cat-name\").value = c.name || \"\";\n document.getElementById(\"cat-emoji\").value = c.emoji || \"\";\n document.getElementById(\"cat-color\").value = c.color || \"#52525B\";\n document.getElementById(\"cat-grupo\").value = c.grupo || \"ferramentas\";\n document.getElementById(\"cat-form-title\").textContent = \"Editar categoria\";\n document.getElementById(\"cat-submit\").textContent = \"Salvar\";\n document.getElementById(\"cat-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delCat(id) {\n const c = DATA.categories.find((x) => x.id == id);\n const n = DATA.resources.filter((r) => r.category_id == id).length;\n if (\n !confirm(\n `Excluir a categoria \"${c ? c.name : \"\"}\"?${\n n ? ` Isso também remove ${n} recurso(s).` : \"\"\n }`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/categories/${id}`);\n await refresh();\n toast(\"Categoria excluída\");\n } catch (e) {\n toast(e.message);\n }\n}\ncatForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"cat-id\").value;\n const body = {\n name: document.getElementById(\"cat-name\").value.trim(),\n emoji: document.getElementById(\"cat-emoji\").value.trim(),\n color: document.getElementById(\"cat-color\").value,\n grupo: document.getElementById(\"cat-grupo\").value,\n };\n if (!body.name) return toast(\"Informe um nome\");\n try {\n if (id) {\n await api(\"PUT\", `/api/categories/${id}`, body);\n toast(\"Categoria atualizada\");\n } else {\n await api(\"POST\", \"/api/categories\", body);\n toast(\"Categoria adicionada\");\n }\n await refresh();\n resetCatForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"cat-cancel\").addEventListener(\"click\", resetCatForm);\n\n// ---- Serviços (produtos por área) ----\nfunction produtosDa(areaId) {\n return (DATA.products || []).filter((p) => p.area_id == areaId);\n}\nfunction areaDe(id) {\n return (DATA.areas || []).find((a) => a.id == id);\n}\n\n// O seletor de serviço acompanha a área escolhida no formulário de recurso:\n// oferecer serviço de outra área seria oferecer um vínculo que o servidor recusa.\nfunction renderProdSelect() {\n const sel = document.getElementById(\"res-prod\");\n const dica = document.getElementById(\"res-prod-dica\");\n if (!sel) return;\n const areaId = Number(document.getElementById(\"res-area\").value) || null;\n const atual = sel.value;\n if (!areaId) {\n sel.innerHTML = ``;\n sel.disabled = true;\n dica.textContent = \"Escolha uma área para ver os serviços.\";\n return;\n }\n const prods = produtosDa(areaId);\n sel.disabled = !prods.length;\n sel.innerHTML =\n `` +\n prods.map((p) => ``).join(\n \"\",\n );\n sel.value = atual;\n dica.textContent = prods.length\n ? 'Deixe em \"Toda a área\" para material que serve a vários serviços.'\n : \"Esta área ainda não tem serviços cadastrados.\";\n}\n\nfunction renderProdAreaSelect() {\n const sel = document.getElementById(\"prod-area\");\n if (!sel) return;\n const atual = sel.value;\n sel.innerHTML = `` +\n (DATA.areas || []).map((a) =>\n ``\n ).join(\"\");\n // só devolve a seleção anterior se ela ainda existir; senão fica no placeholder\n sel.value = [...sel.options].some((o) => o.value === atual) ? atual : \"\";\n}\n\nfunction renderProdList() {\n const list = document.getElementById(\"prod-list\");\n if (!list) return;\n const areas = DATA.areas || [];\n const comProdutos = areas.filter((a) => produtosDa(a.id).length);\n if (!comProdutos.length) {\n list.innerHTML =\n `

Nenhum serviço cadastrado.

`;\n return;\n }\n list.innerHTML = comProdutos.map((a) =>\n `\n

\n ${esc(a.name)}\n

` + produtosDa(a.id).map((p) => {\n const n = DATA.resources.filter((r) => r.product_id == p.id).length;\n return `\n

\n ${esc(p.name)}\n ${n} recurso(s)${\n p.description ? \" · \" + esc(p.description) : \"\"\n }\n

\n \n \n

`;\n }).join(\"\")\n ).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editProd(Number(b.dataset.edit)))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delProd(Number(b.dataset.del)))\n );\n}\n\nconst prodForm = document.getElementById(\"prod-form\");\nfunction resetProdForm() {\n prodForm.reset();\n document.getElementById(\"prod-id\").value = \"\";\n document.getElementById(\"prod-form-title\").textContent = \"Novo serviço\";\n document.getElementById(\"prod-submit\").textContent = \"Adicionar\";\n document.getElementById(\"prod-cancel\").style.display = \"none\";\n}\nfunction editProd(id) {\n const p = (DATA.products || []).find((x) => x.id == id);\n if (!p) return;\n document.getElementById(\"prod-id\").value = p.id;\n document.getElementById(\"prod-area\").value = p.area_id;\n document.getElementById(\"prod-name\").value = p.name || \"\";\n document.getElementById(\"prod-desc\").value = p.description || \"\";\n document.getElementById(\"prod-form-title\").textContent = \"Editar serviço\";\n document.getElementById(\"prod-submit\").textContent = \"Salvar\";\n document.getElementById(\"prod-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delProd(id) {\n const p = (DATA.products || []).find((x) => x.id == id);\n const n = DATA.resources.filter((r) => r.product_id == id).length;\n if (\n !confirm(\n `Excluir o serviço \"${p ? p.name : \"\"}\"?${\n n ? ` ${n} recurso(s) voltam para a raiz da área (nada é apagado).` : \"\"\n }`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/products/${id}`);\n await refresh();\n toast(\"Serviço excluído\");\n } catch (e) {\n toast(e.message);\n }\n}\nprodForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const id = document.getElementById(\"prod-id\").value;\n const body = {\n area_id: Number(document.getElementById(\"prod-area\").value) || null,\n name: document.getElementById(\"prod-name\").value.trim(),\n description: document.getElementById(\"prod-desc\").value.trim(),\n };\n if (!body.area_id) return toast(\"Escolha a área\");\n if (!body.name) return toast(\"Informe um nome\");\n try {\n if (id) {\n await api(\"PUT\", `/api/products/${id}`, body);\n toast(\"Serviço atualizado\");\n } else {\n await api(\"POST\", \"/api/products\", body);\n toast(\"Serviço adicionado\");\n }\n await refresh();\n resetProdForm();\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"prod-cancel\").addEventListener(\"click\", resetProdForm);\ndocument.getElementById(\"res-area\").addEventListener(\n \"change\",\n renderProdSelect,\n);\n\n// ---- Pessoas e acessos ----\n// A tela é a matriz \"pessoa x área\", mas apresentada uma pessoa por vez: cada\n// área com três estados (sem acesso / equipe / liderança) em vez de caixinha.\nfunction renderPesAreas() {\n const box = document.getElementById(\"pes-areas\");\n if (!box) return;\n const areas = DATA.areas || [];\n if (!areas.length) {\n box.innerHTML =\n 'Cadastre as áreas primeiro.';\n return;\n }\n box.innerHTML = areas.map((a) => `\n

\n ${esc(a.name)}\n

\n \n \n \n

`).join(\"\");\n box.querySelectorAll(\".niv\").forEach((b) => {\n b.addEventListener(\"click\", () => {\n b.parentElement.querySelectorAll(\".niv\").forEach((x) =>\n x.classList.remove(\"ativo\")\n );\n b.classList.add(\"ativo\");\n });\n });\n}\n\nfunction lerPesAreas() {\n return [...document.querySelectorAll(\"#pes-areas .acesso-niveis\")].map((\n g,\n ) => ({\n area_id: Number(g.dataset.area),\n nivel: Number(g.querySelector(\".niv.ativo\")?.dataset.nivel || 0),\n })).filter((a) => a.nivel > 0);\n}\n\nfunction marcarPesAreas(email) {\n const meus = (PESSOAS.acessos || []).filter((a) => a.email === email);\n document.querySelectorAll(\"#pes-areas .acesso-niveis\").forEach((g) => {\n const achado = meus.find((a) =>\n Number(a.area_id) === Number(g.dataset.area)\n );\n const nivel = achado ? Number(achado.nivel) : 0;\n g.querySelectorAll(\".niv\").forEach((b) =>\n b.classList.toggle(\"ativo\", Number(b.dataset.nivel) === nivel)\n );\n });\n}\n\nfunction resumoAcesso(email) {\n const meus = (PESSOAS.acessos || []).filter((a) => a.email === email);\n if (!meus.length) return \"só o que é aberto\";\n return meus.map((a) => {\n const area = (DATA.areas || []).find((x) => x.id == a.area_id);\n return (area ? area.name : \"área \" + a.area_id) +\n (Number(a.nivel) === 2 ? \" (liderança)\" : \"\");\n }).join(\" · \");\n}\n\nfunction renderPesList() {\n const list = document.getElementById(\"pes-list\");\n if (!list) return;\n const people = PESSOAS.people || [];\n if (!people.length) {\n list.innerHTML =\n `

Ninguém cadastrado ainda. Quem não estiver aqui vê só o conteúdo aberto.

`;\n return;\n }\n list.innerHTML = people.map((p) => `\n

\n ${esc(p.name || p.email)}\n ${esc(p.email)} · ${esc(resumoAcesso(p.email))}${\n Number(p.confidencial) === 1 ? \" · confidencial\" : \"\"\n }\n

\n \n \n

`).join(\"\");\n list.querySelectorAll(\"[data-edit]\").forEach((b) =>\n b.addEventListener(\"click\", () => editPes(b.dataset.edit))\n );\n list.querySelectorAll(\"[data-del]\").forEach((b) =>\n b.addEventListener(\"click\", () => delPes(b.dataset.del))\n );\n}\n\nconst pesForm = document.getElementById(\"pes-form\");\nfunction resetPesForm() {\n pesForm.reset();\n document.getElementById(\"pes-email\").readOnly = false;\n document.getElementById(\"pes-form-title\").textContent = \"Nova pessoa\";\n document.getElementById(\"pes-submit\").textContent = \"Adicionar\";\n document.getElementById(\"pes-cancel\").style.display = \"none\";\n document.querySelectorAll(\"#pes-areas .acesso-niveis\").forEach((g) => {\n g.querySelectorAll(\".niv\").forEach((b) =>\n b.classList.toggle(\"ativo\", b.dataset.nivel === \"0\")\n );\n });\n}\nfunction editPes(email) {\n const p = (PESSOAS.people || []).find((x) => x.email === email);\n if (!p) return;\n document.getElementById(\"pes-email\").value = p.email;\n document.getElementById(\"pes-email\").readOnly = true; // o e-mail é a chave\n document.getElementById(\"pes-nome\").value = p.name || \"\";\n document.getElementById(\"pes-confidencial\").checked =\n Number(p.confidencial) === 1;\n marcarPesAreas(email);\n document.getElementById(\"pes-form-title\").textContent = \"Editar acesso\";\n document.getElementById(\"pes-submit\").textContent = \"Salvar\";\n document.getElementById(\"pes-cancel\").style.display = \"\";\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n}\nasync function delPes(email) {\n if (\n !confirm(\n `Tirar \"${email}\" da lista? A pessoa continua entrando na Central, mas passa a ver só o conteúdo aberto.`,\n )\n ) return;\n try {\n await api(\"DELETE\", `/api/people/${encodeURIComponent(email)}`);\n await carregarPessoas();\n renderPesList();\n toast(\"Acesso removido\");\n } catch (e) {\n toast(e.message);\n }\n}\npesForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const body = {\n email: document.getElementById(\"pes-email\").value.trim().toLowerCase(),\n name: document.getElementById(\"pes-nome\").value.trim(),\n confidencial: document.getElementById(\"pes-confidencial\").checked,\n areas: lerPesAreas(),\n };\n if (!body.email.includes(\"@\")) return toast(\"Informe um e-mail válido\");\n try {\n await api(\"POST\", \"/api/people\", body);\n await carregarPessoas();\n renderPesList();\n resetPesForm();\n toast(\"Acesso salvo\");\n } catch (err) {\n toast(err.message);\n }\n});\ndocument.getElementById(\"pes-cancel\").addEventListener(\"click\", resetPesForm);\n\n// a dica embaixo do campo muda junto com a escolha, para o cadastro não virar adivinhação\ndocument.getElementById(\"res-vis\").addEventListener(\"change\", (e) => {\n document.getElementById(\"res-vis-dica\").textContent =\n VIS_DICA[e.target.value] || \"\";\n});\n\n// ---- Abas ----\ndocument.querySelectorAll(\".tab\").forEach((t) => {\n t.addEventListener(\"click\", () => {\n document.querySelectorAll(\".tab\").forEach((x) =>\n x.classList.remove(\"active\")\n );\n t.classList.add(\"active\");\n const tab = t.dataset.tab;\n document.getElementById(\"tab-resources\").style.display = tab === \"resources\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-areas\").style.display = tab === \"areas\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-products\").style.display = tab === \"products\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-people\").style.display = tab === \"people\"\n ? \"\"\n : \"none\";\n document.getElementById(\"tab-categories\").style.display =\n tab === \"categories\" ? \"\" : \"none\";\n });\n});\n\nload();",[],[146,206],"9a2325b4-5197-4590-9014-7725919c3430","admin.html","31feadfc-9beb-11f1-a9c3-1607ee4eb77e",81,["D",1788305937923],"\n\n \n \n \n Central TC — Gerenciar\n \n \n \n \n \n \n

\n \n\n

Gerenciar conteúdo

\n Ver o hub\n

\n\n

\n Adicione, edite ou remova recursos e categorias. As mudanças\n aparecem para toda a equipe.\n

\n\n

\n \n \n \n \n \n

\n\n \n

Novo recurso

\n \n

\n Título *\n \n

\n Tipo\n \n

\n Categoria\n \n

\n Área do escritório\n \n Deixe em \"Todas as áreas\" para material\n transversal.\n

\n Serviço (produto da área)\n \n Escolha uma área para ver os serviços.\n

\n Quem vê\n \n Visível para qualquer pessoa que entrar na Central.\n

\n Link (URL)\n \n

\n Estado (UF)\n \n Usado no filtro por estado da seção Tribunais.\n

\n Ramo da Justiça\n \n Agrupa os tribunais dentro do estado.\n

\n Ícone (URL da imagem)\n \n Em branco, usamos o ícone do próprio site.\n

\n Descrição\n \n

\n Tags (separadas por vírgula)\n \n

\n \n \n Cancelar\n \n

Recursos cadastrados

\n\n \n

Nova área

\n \n

Áreas do escritório

\n\n \n

Novo serviço

\n \n

Serviços por área

\n\n \n

Nova pessoa

\n E-mail do escritório *\n \n O mesmo e-mail com que a pessoa entra na Central.\n

\n Nome\n \n

\n Acesso por área\n

\n Liderança vê também o que é estratégico daquela\n área.\n

\n \n \n Vê o confidencial do escritório (honorários,\n metas, gestão)\n \n

\n \n \n Cancelar\n \n

Quem vê o quê

\n\n \n

Nova categoria

\n \n

Categorias

\n\n

\n \n \n",[],[146,215],["D",1787156352547],[164,165,166,167,168,169],[146],["D",1787155811387],["D",1789501878689],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_129":263,"_264":265,"_266":267,"_268":25,"_269":25,"_270":25,"_271":60,"_272":-5,"_273":-7,"_274":-7,"_275":64,"_276":25,"_277":25,"_278":-5,"_279":25,"_280":25,"_281":25,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":91,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v85