[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_288":289,"_290":291},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":90,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":59,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",174,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/styles.css","latestPath","fileId","320cc3fc-9bea-11f1-953d-1607ee4eb77e","name","styles.css","fileType","content","/* ═══════════════════════════════════════════════════════════════════\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: 0.13em;\n --alt-acao: 41px;\n --raio-pill: 21px;\n\n --elev-1: 0 1px 2px rgba(9, 9, 11, 0.05), 0 1px 1px rgba(9, 9, 11, 0.03);\n --elev-2:\n 0 2px 4px rgba(9, 9, 11, 0.05), 0 8px 20px -6px rgba(9, 9, 11, 0.10);\n --transicao: 180ms cubic-bezier(0.2, 0.7, 0.3, 1);\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --fundo: #04211f;\n --superficie: #0b2e2b;\n --superficie-2: #103a36;\n --linha: #1c4340;\n --linha-forte: #275350;\n --tinta: #f1fbfa;\n --tinta-2: #a9cdc9;\n --tinta-3: #6e938f;\n --acento: #00d3c8;\n --acento-hover: #28e6dc;\n --acento-suave: #0c302d;\n --acento-tinta: #04211f;\n --ok: #00ffc2;\n --alerta: #fbbf24;\n --perigo: #f87171;\n }\n}\n:root[data-theme=\"dark\"] {\n --fundo: #04211f;\n --superficie: #0b2e2b;\n --superficie-2: #103a36;\n --linha: #1c4340;\n --linha-forte: #275350;\n --tinta: #f1fbfa;\n --tinta-2: #a9cdc9;\n --tinta-3: #6e938f;\n --acento: #00d3c8;\n --acento-hover: #28e6dc;\n --acento-suave: #0c302d;\n --acento-tinta: #04211f;\n --ok: #00ffc2;\n --alerta: #fbbf24;\n --perigo: #f87171;\n}\n\n* {\n box-sizing: border-box;\n}\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\nbody {\n background: var(--fundo);\n color: var(--tinta);\n font: 13.5px/1.5 var(--sans);\n -webkit-font-smoothing: antialiased;\n}\na {\n color: inherit;\n text-decoration: none;\n}\nbutton {\n font-family: inherit;\n cursor: pointer;\n}\n\n.app {\n display: flex;\n height: 100vh;\n}\n\n/* ═══ LATERAL — clara, texto-primeiro, hairline ═════════════════════ */\n.lateral {\n width: 232px;\n flex: none;\n display: flex;\n flex-direction: column;\n background: var(--superficie);\n border-right: 1px solid var(--linha);\n}\n.lat-marca {\n display: flex;\n align-items: center;\n gap: 11px;\n height: 68px;\n flex: none;\n padding: 0 16px 0 20px;\n border-bottom: 1px solid var(--linha);\n}\n.logo-chip {\n width: 44px;\n height: 44px;\n border-radius: 11px;\n flex: none;\n display: grid;\n place-items: center;\n font: 600 13px Georgia, serif;\n color: var(--acento-tinta);\n background: var(--acento);\n}\n.lat-marca > div {\n min-width: 0;\n}\n.lat-marca b {\n display: block;\n font: 600 15px/1.25 var(--sans);\n letter-spacing: 0.01em;\n text-transform: uppercase;\n white-space: nowrap;\n}\n.lat-marca span {\n display: block;\n font-size: 10px;\n line-height: 1.35;\n color: var(--tinta-3);\n letter-spacing: 0.01em;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.lat-rolagem {\n flex: 1;\n overflow-y: auto;\n padding: 16px 12px 18px;\n scrollbar-width: thin;\n scrollbar-color: var(--linha-forte) transparent;\n}\n.lat-grupo + .lat-grupo {\n margin-top: 22px;\n}\n.lat-grupo-rotulo {\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n margin: 6px 0 8px 6px;\n}\n.lat-item {\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n height: 38px;\n padding: 0 10px;\n margin: 0;\n border: none;\n border-radius: 9px;\n background: none;\n color: var(--tinta-2);\n font: 500 var(--t-nav)/1.65 var(--sans);\n letter-spacing: -0.006em;\n text-align: left;\n}\n.lat-item:hover {\n background: var(--superficie-2);\n color: var(--tinta);\n}\n.lat-item.ativo {\n background: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.lat-item-nome {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.lat-conta {\n flex: none;\n padding: 0 8px;\n border-radius: 20px;\n background: var(--superficie-2);\n color: var(--tinta-3);\n font: 500 var(--t-rotulo)/20px var(--sans);\n}\n.lat-item.ativo .lat-conta {\n background: color-mix(in srgb, var(--acento-tinta) 18%, transparent);\n color: var(--acento-tinta);\n}\n.dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n flex: none;\n}\n.dot-inicio {\n background: var(--tinta-3);\n}\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 {\n display: flex;\n flex: none;\n width: 16px;\n justify-content: center;\n color: var(--tinta-3);\n}\n.lat-ico svg {\n width: 16px;\n height: 16px;\n}\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 {\n margin: 0 5px;\n}\n.lat-item:hover .lat-ico {\n color: var(--tinta-2);\n}\n.lat-item.ativo .lat-ico {\n color: #fff;\n}\n\n.lat-rodape {\n border-top: 1px solid var(--linha);\n padding: 12px 16px 14px;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.lat-rodape-link {\n display: flex;\n align-items: center;\n gap: 9px;\n width: 100%;\n padding: 7px 9px;\n border: none;\n border-radius: 8px;\n background: none;\n text-align: left;\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.lat-rodape-link:hover {\n background: var(--superficie-2);\n color: var(--tinta);\n}\n.lat-user-btn {\n display: flex;\n align-items: center;\n gap: 9px;\n width: 100%;\n padding: 7px 9px;\n margin-top: 3px;\n border: none;\n border-radius: 8px;\n background: none;\n text-align: left;\n}\n.lat-avatar {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n flex: none;\n display: grid;\n place-items: center;\n font: 600 var(--t-rotulo) var(--sans);\n color: var(--acento-tinta);\n background: var(--acento);\n overflow: hidden;\n}\n.lat-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.lat-user-nome {\n font-size: var(--t-nav);\n color: var(--tinta-2);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* ═══ PRINCIPAL ═════════════════════════════════════════════════════ */\n.principal {\n flex: 1;\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.topo {\n display: flex;\n align-items: center;\n gap: 16px;\n flex: none;\n height: 68px;\n padding: 0 22px;\n border-bottom: 1px solid var(--linha);\n background: var(--superficie);\n}\n.topo-busca {\n position: relative;\n width: min(540px, 46vw);\n}\n.topo-busca input {\n width: 100%;\n height: 40px;\n padding: 0 14px 0 38px;\n border-radius: 11px;\n border: 1px solid var(--linha);\n background: var(--fundo);\n color: var(--tinta);\n font: 13.5px var(--sans);\n}\n.topo-busca input::placeholder {\n color: var(--tinta-3);\n}\n.topo-busca input:focus {\n outline: none;\n border-color: var(--linha-forte);\n background: var(--superficie);\n}\n.topo-busca-ico {\n position: absolute;\n left: 13px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--tinta-3);\n pointer-events: none;\n display: grid;\n}\n.topo-atalho {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n padding: 2px 7px;\n border: 1px solid var(--linha);\n border-radius: 6px;\n background: var(--superficie);\n color: var(--tinta-3);\n font: 400 var(--t-rotulo) var(--mono);\n pointer-events: none;\n}\n.topo-dir {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-left: auto;\n}\n\n.pill-acao {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n height: 36px;\n padding: 0 16px;\n border: 1px solid var(--linha);\n border-radius: var(--raio-pill);\n background: var(--superficie);\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.pill-acao:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.pill-acao-forte {\n background: var(--acento);\n border-color: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.pill-acao-forte:hover {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n color: var(--acento-tinta);\n}\n\n/* ═══ CONTEÚDO — hub ════════════════════════════════════════════════ */\n.conteudo {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n padding: 30px 28px 60px;\n}\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 {\n margin: 6px 0 30px;\n}\n.pagina-kicker {\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 10px;\n}\n.pagina-cab h1 {\n margin: 0;\n font: 600 clamp(28px, 3.2vw, 46px)/1.05 var(--sans);\n letter-spacing: -0.03em;\n color: var(--tinta);\n}\n.pagina-cab h1 em {\n font-style: italic;\n}\n.pagina-cab p {\n margin: 12px 0 0;\n color: var(--tinta-2);\n font-size: var(--t-nav);\n max-width: 60ch;\n}\n\n.cat-section {\n margin-bottom: 34px;\n}\n.cat-title {\n display: flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 12px;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.cat-title .count {\n color: var(--tinta-3);\n font-weight: 500;\n}\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 {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 14px;\n}\n.card {\n position: relative;\n border: 1px solid var(--linha);\n border-radius: 12px;\n background: linear-gradient(\n 180deg,\n var(--superficie) 0%,\n color-mix(in srgb, var(--superficie) 72%, var(--fundo)) 100%\n );\n padding: 15px 16px 13px;\n box-shadow: var(--elev-1);\n transition:\n border-color var(--transicao),\n box-shadow var(--transicao),\n transform var(--transicao);\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-height: 148px;\n}\n.card.linkable {\n cursor: pointer;\n}\n.card.linkable:hover {\n border-color: var(--linha-forte);\n box-shadow: var(--elev-2);\n transform: translateY(-1px);\n}\n.card-cab {\n display: flex;\n align-items: center;\n gap: 12px;\n min-width: 0;\n}\n.tile {\n width: 46px;\n height: 46px;\n border-radius: 12px;\n flex: none;\n border: 1px solid var(--linha);\n background: var(--superficie);\n display: grid;\n place-items: center;\n overflow: hidden;\n}\n.tile img {\n width: 28px;\n height: 28px;\n object-fit: contain;\n}\n.tile-letra {\n font: 600 18px var(--sans);\n color: var(--tinta-2);\n background: var(--superficie-2);\n width: 100%;\n height: 100%;\n display: grid;\n place-items: center;\n}\n.card h3 {\n margin: 0;\n font: 600 15px/1.3 var(--sans);\n letter-spacing: -0.012em;\n color: var(--tinta);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.card-cat {\n margin-top: 3px;\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.card p {\n margin: 0;\n font-size: 12.5px;\n line-height: 1.5;\n color: var(--tinta-2);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.card .foot {\n margin-top: auto;\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n.tag {\n flex: none;\n font: 400 10.5px var(--mono);\n color: var(--tinta-2);\n border: 1px solid var(--linha);\n background: var(--superficie);\n padding: 2px 8px;\n border-radius: 6px;\n white-space: nowrap;\n}\n.card .go {\n margin-left: auto;\n flex: none;\n color: var(--tinta-3);\n display: grid;\n}\n.card.linkable:hover .go {\n color: var(--tinta);\n}\n\n.empty {\n text-align: center;\n color: var(--tinta-3);\n padding: 70px 20px;\n font-size: var(--t-corpo);\n}\n\n.demo-banner {\n background: var(--superficie-2);\n color: var(--tinta-2);\n text-align: center;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n padding: 7px;\n border-bottom: 1px solid var(--linha);\n}\n\n/* ═══ LOGIN ═════════════════════════════════════════════════════════ */\n.login-fundo {\n min-height: 100vh;\n display: grid;\n place-items: center;\n background: var(--fundo);\n padding: 24px;\n}\n.login-caixa {\n width: min(380px, 100%);\n display: flex;\n flex-direction: column;\n gap: 10px;\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 16px;\n box-shadow: var(--elev-2);\n padding: 36px 32px 30px;\n text-align: center;\n}\n.login-marca {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n margin-bottom: 4px;\n}\n.login-marca .logo-chip {\n width: 44px;\n height: 44px;\n border-radius: 13px;\n font-size: 20px;\n}\n.login-caixa h1 {\n margin: 0;\n font: 600 22px var(--sans);\n letter-spacing: -0.022em;\n}\n.login-kicker {\n font: 600 var(--t-rotulo) var(--sans);\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.login-lead {\n margin: 6px 0 16px;\n color: var(--tinta-2);\n font: var(--t-nav)/1.6 var(--sans);\n}\n.google-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n width: 100%;\n height: var(--alt-acao);\n border: 1px solid var(--linha);\n border-radius: var(--raio-pill);\n background: var(--superficie);\n color: var(--tinta);\n font: 500 var(--t-acao) var(--sans);\n transition: border-color var(--transicao);\n}\n.google-btn:hover {\n border-color: var(--linha-forte);\n text-decoration: none;\n}\n.login-note {\n margin-top: 14px;\n font-size: var(--t-rotulo);\n color: var(--tinta-3);\n letter-spacing: 0.02em;\n}\n.login-error {\n background: color-mix(in srgb, var(--perigo) 8%, transparent);\n color: var(--perigo);\n border: 1px solid color-mix(in srgb, var(--perigo) 25%, transparent);\n border-radius: 9px;\n padding: 9px 12px;\n font-size: var(--t-nav);\n margin-bottom: 6px;\n text-align: left;\n}\n\n/* ═══ ADMIN ═════════════════════════════════════════════════════════ */\n.section-tabs {\n display: flex;\n gap: 6px;\n margin: 0 0 20px;\n}\n.tab {\n border: 1px solid var(--linha);\n background: var(--superficie);\n height: 36px;\n padding: 0 16px;\n border-radius: var(--raio-pill);\n font: 500 var(--t-nav) var(--sans);\n color: var(--tinta-2);\n}\n.tab:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.tab.active {\n background: var(--acento);\n color: var(--acento-tinta);\n border-color: var(--acento);\n font-weight: 600;\n}\n\n.admin-grid {\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: 16px;\n align-items: start;\n}\n#tab-people.admin-grid {\n grid-template-columns: 430px 1fr;\n}\n.panel {\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 14px;\n box-shadow: var(--elev-1);\n overflow: hidden;\n}\n.panel h2 {\n font: 600 var(--t-nav) var(--sans);\n color: var(--tinta);\n margin: 0;\n padding: 13px 16px;\n border-bottom: 1px solid var(--linha);\n}\n.panel-body {\n padding: 14px 16px 16px;\n}\n.field {\n margin-bottom: 12px;\n}\n.field label {\n display: block;\n font: 600 var(--t-rotulo) var(--sans);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--tinta-3);\n margin-bottom: 5px;\n}\n.field input, .field select, .field textarea {\n width: 100%;\n font: var(--t-nav) var(--sans);\n color: var(--tinta);\n border: 1px solid var(--linha);\n border-radius: 9px;\n padding: 8px 11px;\n background: var(--fundo);\n}\n.field textarea {\n resize: vertical;\n min-height: 64px;\n}\n.field input:focus, .field select:focus, .field textarea:focus {\n outline: none;\n border-color: var(--linha-forte);\n background: var(--superficie);\n}\n.field-row {\n display: flex;\n gap: 10px;\n}\n.field-row .field {\n flex: 1;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 7px;\n height: 36px;\n padding: 0 16px;\n border: 1px solid var(--linha);\n border-radius: var(--raio-pill);\n background: var(--superficie);\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.btn:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.btn-solid {\n background: var(--acento);\n border-color: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.btn-solid:hover {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n color: var(--acento-tinta);\n}\n\n.admin-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.admin-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 11px 16px;\n border-bottom: 1px solid var(--linha);\n}\n.admin-item:last-child {\n border-bottom: none;\n}\n.admin-item .meta {\n flex: 1;\n min-width: 0;\n}\n.admin-item .meta strong {\n color: var(--tinta);\n font: 600 var(--t-nav) var(--sans);\n display: block;\n}\n.admin-item .meta span {\n color: var(--tinta-3);\n font-size: 12px;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.admin-item .actions {\n display: flex;\n gap: 6px;\n flex: none;\n}\n.icon-btn {\n border: 1px solid var(--linha);\n background: var(--superficie);\n border-radius: 8px;\n padding: 5px 10px;\n font: 500 12px var(--sans);\n color: var(--tinta-2);\n}\n.icon-btn:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.icon-btn.danger:hover {\n border-color: var(--perigo);\n color: var(--perigo);\n}\n\n.cat-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--tinta-3);\n}\n\n/* toast */\n.toast {\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--acento);\n color: var(--acento-tinta);\n padding: 10px 18px;\n border-radius: 10px;\n font: 500 var(--t-nav) var(--sans);\n box-shadow: var(--elev-2);\n z-index: 50;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease, transform 0.2s ease;\n}\n.toast.show {\n opacity: 1;\n transform: translateX(-50%) translateY(-4px);\n}\n\n/* ═══ RESPONSIVO ════════════════════════════════════════════════════ */\n@media (max-width: 820px) {\n .app {\n flex-direction: column;\n height: auto;\n min-height: 100vh;\n }\n .lateral {\n width: 100%;\n border-right: none;\n border-bottom: 1px solid var(--linha);\n }\n .lat-marca {\n height: 56px;\n }\n .lat-rolagem {\n display: flex;\n gap: 4px;\n overflow-x: auto;\n padding: 8px 12px;\n }\n .lat-grupo {\n display: flex;\n gap: 4px;\n }\n .lat-grupo + .lat-grupo {\n margin: 0;\n }\n .lat-grupo-rotulo {\n display: none;\n }\n .lat-item {\n width: auto;\n white-space: nowrap;\n height: 34px;\n }\n .lat-conta {\n display: none;\n }\n .lat-rodape {\n flex-direction: row;\n align-items: center;\n padding: 8px 12px;\n }\n .lat-user-btn {\n width: auto;\n margin: 0;\n }\n .topo {\n height: 56px;\n padding: 0 14px;\n }\n .topo-busca {\n width: 100%;\n }\n .conteudo {\n padding: 18px 14px 50px;\n }\n .admin-grid {\n grid-template-columns: 1fr;\n }\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: 0.22s;\n --dur-cartao: 0.26s;\n --dur-brilho: 0.28s;\n --ease: cubic-bezier(0.32, 0.08, 0.24, 1);\n --ease-snap: cubic-bezier(0.2, 0.7, 0.2, 1);\n\n /* sombra tingida da marca em vez de cinza */\n --marca-40: rgba(9, 9, 11, 0.34);\n --marca-30: rgba(9, 9, 11, 0.24);\n --marca-18: rgba(9, 9, 11, 0.16);\n --marca-14: rgba(9, 9, 11, 0.12);\n --marca-12: rgba(9, 9, 11, 0.10);\n --marca-10: rgba(9, 9, 11, 0.09);\n --marca-08: rgba(9, 9, 11, 0.075);\n --marca-05: rgba(9, 9, 11, 0.05);\n --marca-04: rgba(9, 9, 11, 0.035);\n\n /* fio de luz: a aresta de cima acende, simulando iluminação */\n --fio-luz: rgba(255, 255, 255, 0.95);\n --fio-luz-2: rgba(255, 255, 255, 0.7);\n\n --elev-campo:\n inset 0 1px 0 var(--fio-luz-2), 0 0 0 0.5px var(--marca-08), 0 1px 2px -1px\n var(--marca-08);\n --elev-campo-foco:\n inset 0 1px 0 var(--fio-luz-2), 0 0 0 1px var(--marca-18), 0 4px 12px -6px\n var(--marca-12);\n --elev-controle:\n inset 0 1px 0 var(--fio-luz), 0 0 0 0.5px var(--marca-10), 0 4px 10px -4px\n var(--marca-12);\n --elev-controle-hover:\n inset 0 1px 0 #fff, 0 0 0 0.5px var(--marca-18), 0 12px 24px -8px var(\n --marca-18\n );\n --elev-controle-ativo:\n inset 0 1px 3px var(--marca-12), 0 0 0 0.5px var(--marca-14);\n --elev-cartao:\n inset 0 1px 0 var(--fio-luz-2), 0 4px 16px -6px var(--marca-10), 0 16px 40px\n -12px var(--marca-08);\n --elev-cartao-hover:\n inset 0 1px 0 #fff, 0 8px 22px -8px var(--marca-14), 0 24px 56px -14px var(\n --marca-12\n );\n\n /* superfície de cartão não é branco chapado: degradê de 3 paradas */\n --vidro-cartao: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.96) 0%,\n rgba(255, 255, 255, 0.84) 10%,\n rgba(247, 248, 250, 0.58) 100%\n );\n --grad-marca: linear-gradient(180deg, #43434d 0%, #24242a 48%, #0c0c0f 100%);\n --grad-marca-hover: linear-gradient(\n 180deg,\n #4e4e5a 0%,\n #2c2c34 48%,\n #131317 100%\n );\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, 0.07);\n --fio-luz-2: rgba(255, 255, 255, 0.05);\n --vidro-cartao: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.04) 0%,\n rgba(255, 255, 255, 0.015) 100%\n );\n --marca-08: rgba(0, 0, 0, 0.5);\n --marca-10: rgba(0, 0, 0, 0.55);\n --marca-12: rgba(0, 0, 0, 0.6);\n --marca-18: rgba(0, 0, 0, 0.7);\n --pill-clara: var(--superficie);\n }\n}\n:root[data-theme=\"dark\"] {\n --fio-luz: rgba(255, 255, 255, 0.07);\n --fio-luz-2: rgba(255, 255, 255, 0.05);\n --vidro-cartao: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.04) 0%,\n rgba(255, 255, 255, 0.015) 100%\n );\n --marca-08: rgba(0, 0, 0, 0.5);\n --marca-10: rgba(0, 0, 0, 0.55);\n --marca-12: rgba(0, 0, 0, 0.6);\n --marca-18: rgba(0, 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;\n overflow: hidden;\n border-color: var(--marca-05);\n background: var(--vidro-cartao);\n box-shadow: var(--elev-cartao);\n transition:\n transform var(--dur-cartao) var(--ease-snap),\n box-shadow var(--dur-cartao) ease,\n border-color var(--dur-cartao) ease;\n}\n.card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n pointer-events: none;\n background: radial-gradient(\n 540px 240px at 0% 0%,\n var(--marca-04),\n transparent 60%\n );\n opacity: 0.6;\n 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 {\n opacity: 1;\n}\n\n/* entrada dos cartões: surgem em cascata, como na referência */\n@keyframes surgir {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n}\n.card {\n animation: surgir 0.5s var(--ease) backwards;\n animation-delay: calc(var(--i, 0) * 45ms);\n}\n@media (prefers-reduced-motion: reduce) {\n .card {\n animation: none;\n }\n}\n\n/* tile de ícone com o mesmo relevo dos controles */\n.tile {\n box-shadow: inset 0 1px 0 var(--fio-luz-2), 0 1px 2px -1px var(--marca-08);\n}\n\n/* campo de busca: anel de foco medido no VIA */\n.topo-busca input {\n box-shadow: var(--elev-campo);\n transition: box-shadow var(--dur) ease, border-color var(--dur) ease;\n}\n.topo-busca input:focus {\n box-shadow: var(--elev-campo-foco);\n}\n\n/* pílulas claras: degradê sutil, sobem 1px no hover, afundam no clique */\n.pill-acao:not(.pill-acao-forte),\n.btn:not(.btn-solid),\n.tab:not(.active),\n.icon-btn,\n.google-btn {\n background: var(--pill-clara);\n box-shadow: var(--elev-controle);\n transition:\n border-color var(--dur) ease,\n box-shadow var(--dur) ease,\n transform 0.2s var(--ease-snap),\n color var(--dur) ease;\n}\n.pill-acao:not(.pill-acao-forte):hover,\n.btn:not(.btn-solid):hover,\n.tab:not(.active):hover,\n.icon-btn:hover,\n.google-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--elev-controle-hover);\n}\n.pill-acao:not(.pill-acao-forte):active,\n.btn:not(.btn-solid):active,\n.tab:not(.active):active,\n.icon-btn:active,\n.google-btn:active {\n transform: translateY(0);\n 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;\n overflow: hidden;\n isolation: isolate;\n background: var(--grad-marca);\n border-color: transparent;\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.18),\n inset 0 -1px rgba(0, 0, 0, 0.10),\n 0 8px 18px -6px var(--marca-40);\n transition:\n box-shadow var(--dur) ease,\n transform 0.2s var(--ease-snap),\n filter 0.2s ease;\n}\n.btn-solid:hover, .pill-acao-forte:hover {\n transform: translateY(-1px);\n filter: brightness(1.06);\n background: var(--grad-marca-hover);\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.22),\n inset 0 -1px rgba(0, 0, 0, 0.10),\n 0 14px 28px -8px rgba(9, 9, 11, 0.48),\n 0 4px 12px -4px var(--marca-30);\n}\n.btn-solid:active, .pill-acao-forte:active {\n transform: translateY(0);\n filter: none;\n box-shadow:\n inset 0 2px 6px -2px var(--marca-40),\n 0 4px 10px -6px var(--marca-40);\n}\n.btn-solid::after, .pill-acao-forte::after {\n content: \"\";\n position: absolute;\n inset: 0 auto 0 0;\n width: 65%;\n background: linear-gradient(\n 100deg,\n transparent 0%,\n rgba(255, 255, 255, 0.22) 45%,\n rgba(255, 255, 255, 0.06) 60%,\n transparent 100%\n );\n transform: translateX(-185%);\n pointer-events: none;\n transition: transform var(--dur-brilho) var(--ease-snap);\n}\n.btn-solid:hover::after, .pill-acao-forte:hover::after {\n transform: translateX(185%);\n}\n@media (prefers-reduced-motion: reduce) {\n .btn-solid::after, .pill-acao-forte::after {\n display: none;\n }\n}\n\n/* item ativo da lateral: mesma receita do botão forte, sem o reflexo */\n.lat-item {\n transition: background var(--dur) ease, color var(--dur) ease;\n}\n.lat-item.ativo {\n background: var(--grad-marca);\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.16),\n 0 6px 14px -8px var(--marca-40);\n}\n.lat-item.ativo .lat-conta {\n background: rgba(255, 255, 255, 0.18);\n color: #fff;\n}\n.logo-chip, .lat-avatar {\n background: var(--grad-marca);\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.18),\n 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);\n border-color: transparent;\n color: var(--tinta);\n font-weight: 500;\n 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);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n margin: 0 0 12px;\n}\n.areas-faixa {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));\n gap: 10px;\n margin-bottom: 38px;\n}\n.area-tile {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n text-align: left;\n display: flex;\n flex-direction: column;\n gap: 3px;\n padding: 15px 16px 13px;\n border: 1px solid var(--marca-05);\n border-radius: 12px;\n background: var(--vidro-cartao);\n box-shadow: var(--elev-cartao);\n transition:\n transform var(--dur-cartao) var(--ease-snap),\n box-shadow var(--dur-cartao) ease,\n border-color var(--dur-cartao) ease;\n}\n/* o filete: a assinatura da área */\n.area-tile::before {\n content: \"\";\n position: absolute;\n inset: 0 0 auto 0;\n height: 3px;\n background: var(--cor-area);\n z-index: 1;\n}\n.area-tile:hover {\n transform: translateY(-2px);\n border-color: var(--marca-10);\n box-shadow: var(--elev-cartao-hover);\n}\n.area-tile b {\n font: 600 14px/1.35 var(--sans);\n letter-spacing: -0.012em;\n color: var(--tinta);\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.area-tile span {\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n letter-spacing: 0.04em;\n}\n\n/* cabeçalho do espaço da área: mesmo filete, na vertical */\n.area-cab {\n position: relative;\n padding-left: 17px;\n}\n.area-cab::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 3px;\n bottom: 3px;\n width: 3px;\n border-radius: 2px;\n 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 {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n max-width: 46%;\n overflow: hidden;\n}\n.tag-area .dot {\n width: 6px;\n height: 6px;\n}\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 {\n filter: brightness(2.4) saturate(0.85);\n }\n}\n:root[data-theme=\"dark\"] .dot-area,\n:root[data-theme=\"dark\"] .area-tile::before,\n:root[data-theme=\"dark\"] .area-cab::before {\n filter: brightness(2.4) saturate(0.85);\n}\n\n@media (max-width: 820px) {\n .areas-faixa {\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n gap: 8px;\n }\n}\n\n/* dica curta abaixo de um campo do formulário */\n.field .dica {\n display: block;\n margin-top: 5px;\n font: 400 var(--t-rotulo)/1.5 var(--sans);\n color: var(--tinta-3);\n letter-spacing: 0.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 {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n}\n.admin-item .meta .cat-pill .dot {\n display: block;\n flex: none;\n}\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;\n flex-direction: column;\n gap: 2px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n padding: 6px;\n background: var(--superficie-2);\n max-height: 300px;\n overflow-y: auto;\n}\n.acesso-linha {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding: 5px 7px;\n border-radius: 7px;\n}\n.acesso-linha:hover {\n background: var(--superficie);\n}\n.acesso-nome {\n display: flex;\n align-items: center;\n gap: 7px;\n min-width: 0;\n font: 400 12.5px var(--sans);\n color: var(--tinta-2);\n 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 {\n font-weight: 400;\n}\n.acesso-nome .dot {\n flex: none;\n}\n.acesso-niveis {\n display: flex;\n flex: none;\n gap: 2px;\n padding: 2px;\n border-radius: 7px;\n background: var(--superficie-2);\n}\n.niv {\n border: 1px solid transparent;\n background: transparent;\n cursor: pointer;\n padding: 3px 7px;\n border-radius: 5px;\n color: var(--tinta-3);\n white-space: nowrap;\n font: 400 10.5px var(--mono);\n letter-spacing: 0.03em;\n transition: background 0.12s ease, color 0.12s ease;\n}\n.niv:hover {\n color: var(--tinta-2);\n}\n.niv.ativo {\n background: var(--superficie);\n border-color: var(--linha);\n color: var(--tinta);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.field label.caixa-linha {\n display: flex;\n align-items: flex-start;\n gap: 9px;\n cursor: pointer;\n margin: 0;\n text-transform: none;\n letter-spacing: normal;\n}\n.caixa-linha input[type=\"checkbox\"] {\n width: 15px;\n height: 15px;\n flex: none;\n margin: 1px 0 0;\n accent-color: var(--acento);\n}\n.caixa-linha span {\n font: 400 13px/1.5 var(--sans);\n color: var(--tinta-2);\n text-transform: none;\n}\n.caixa-linha small {\n color: var(--tinta-3);\n font-size: 12px;\n}\n\n.vazio-dica {\n display: block;\n padding: 8px;\n font: 400 12.5px var(--sans);\n color: var(--tinta-3);\n}\n\n/* marca do que é restrito — discreta na lista do admin, discreta no cartão */\n.admin-item .meta .restrito {\n color: var(--tinta-2);\n font-weight: 500;\n}\n.tag-restrito {\n border-color: var(--linha-forte);\n color: var(--tinta-2);\n font-variant: small-caps;\n letter-spacing: 0.04em;\n}\n\n@media (max-width: 1100px) {\n #tab-people.admin-grid {\n grid-template-columns: 1fr;\n }\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 {\n grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n}\n.produto-tile {\n padding: 13px 14px 11px;\n border-radius: 10px;\n}\n.produto-tile::before {\n inset: 0 auto auto 0;\n width: 22px;\n height: 2px;\n border-radius: 0 0 2px 0;\n}\n.produto-tile b {\n font-size: 13px;\n white-space: normal;\n line-height: 1.3;\n}\n.produto-tile span {\n font-size: 10px;\n}\n\n/* o kicker da página de produto é o caminho de volta para a área */\n.volta-area {\n border: none;\n background: none;\n padding: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n}\n.volta-area::before {\n content: \"← \";\n opacity: 0.7;\n}\n.volta-area:hover {\n color: var(--tinta-2);\n}\n\n.tag-produto {\n max-width: 44%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* rótulo de área dentro da lista de serviços do admin */\n.admin-grupo-rotulo {\n display: flex;\n align-items: center;\n gap: 7px;\n padding: 14px 16px 6px;\n border: none;\n background: none;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.admin-grupo-rotulo:first-child {\n padding-top: 10px;\n}\n.admin-grupo-rotulo .dot {\n width: 6px;\n height: 6px;\n}\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;\n background-position: center;\n color: transparent;\n font-size: 0;\n box-shadow:\n inset 0 0 0 1px rgba(255, 255, 255, 0.10),\n 0 2px 6px -2px rgba(0, 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;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n margin: 0 0 22px;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--linha);\n}\n.uf-lista {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n}\n.uf-btn {\n border: 1px solid var(--linha);\n background: var(--superficie);\n cursor: pointer;\n padding: 4px 9px;\n border-radius: 7px;\n color: var(--tinta-2);\n font: 500 11px var(--mono);\n letter-spacing: 0.04em;\n transition:\n background var(--dur) ease,\n color var(--dur) ease,\n border-color var(--dur) ease;\n}\n.uf-btn:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.uf-btn.ativo {\n background: var(--grad-marca);\n border-color: transparent;\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.16),\n 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 {\n font-family: var(--sans);\n font-size: 11.5px;\n letter-spacing: -0.005em;\n}\n.uf-lista .uf-btn.uf-esp + .uf-btn:not(.uf-esp) {\n margin-left: 10px;\n}\n\n/* ── Radar RSS: painel de notícias no topo da área ────────────────────── */\n.radar-slot {\n margin: 2px 0 30px;\n}\n.radar-cab {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n padding-bottom: 9px;\n margin-bottom: 14px;\n border-bottom: 1px solid var(--linha);\n}\n.radar-titulo {\n font-size: var(--t-rotulo);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n font-weight: 700;\n color: var(--tinta);\n}\n.radar-meta {\n font-size: var(--t-rotulo);\n letter-spacing: 0.04em;\n color: var(--tinta);\n opacity: 0.5;\n}\n.radar-btn {\n font: inherit;\n font-size: var(--t-rotulo);\n letter-spacing: 0.04em;\n cursor: pointer;\n border: 1px solid var(--linha-forte);\n background: var(--superficie);\n color: var(--tinta);\n border-radius: 7px;\n padding: 3px 9px;\n margin-left: 2px;\n transition: background var(--transicao), opacity var(--transicao);\n}\n.radar-btn:hover {\n background: var(--acento-suave);\n}\n.radar-btn:disabled {\n opacity: 0.5;\n cursor: default;\n}\n.radar-vazio {\n font-size: var(--t-nav);\n color: var(--tinta);\n opacity: 0.55;\n padding: 6px 0 2px;\n}\n.radar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 12px;\n}\n.radar-item {\n display: block;\n text-decoration: none;\n color: inherit;\n border: 1px solid var(--linha);\n border-radius: 13px;\n background: var(--superficie);\n padding: 13px 14px;\n transition: border-color var(--transicao), transform var(--transicao);\n}\n.radar-item:hover {\n border-color: var(--linha-forte);\n transform: translateY(-1px);\n}\n.radar-item-topo {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 5px;\n}\n.radar-fonte {\n font-size: var(--t-rotulo);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n font-weight: 600;\n color: var(--tinta);\n opacity: 0.6;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.radar-data {\n font-size: var(--t-rotulo);\n color: var(--tinta);\n opacity: 0.45;\n flex: none;\n}\n.radar-item-titulo {\n font-size: var(--t-nav);\n font-weight: 600;\n line-height: 1.32;\n color: var(--tinta);\n}\n.radar-item-resumo {\n font-size: 12.5px;\n line-height: 1.4;\n color: var(--tinta);\n opacity: 0.62;\n margin-top: 5px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.radar-tags {\n margin-top: 9px;\n display: flex;\n flex-wrap: wrap;\n gap: 5px;\n}\n.radar-tag {\n font-size: 11px;\n letter-spacing: 0.02em;\n color: var(--tinta);\n opacity: 0.7;\n background: var(--acento-suave);\n border-radius: 6px;\n padding: 2px 7px;\n}\n\n/* tag [Hoje]: notícia publicada hoje */\n.radar-tag-hoje {\n color: #fff;\n background: var(--ok, #15803d);\n opacity: 1;\n font-weight: 700;\n letter-spacing: 0.01em;\n}\n\n/* tag [expirando]: notícia no último dia da janela de 7 dias */\n.radar-tag-exp {\n color: #fff;\n background: var(--perigo, #b42318);\n opacity: 1;\n font-weight: 700;\n letter-spacing: 0.01em;\n}\n\n/* Radar: cartao uniforme; resumo estica; tags embaixo */\n.radar-item {\n display: flex;\n flex-direction: column;\n height: 208px;\n}\n.radar-item-titulo {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.radar-item-resumo {\n display: block;\n -webkit-line-clamp: unset;\n flex: 1 1 auto;\n min-height: 0;\n}\n.radar-tags {\n flex: none;\n}\n\n/* Radar: so titulos; titulo preenche */\n.radar-item-resumo {\n display: none;\n}\n.radar-item {\n height: 150px;\n}\n.radar-item-titulo {\n -webkit-line-clamp: 4;\n flex: 1 1 auto;\n}\n\n/* Radar — paginação */\n.radar-pager {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-top: 16px;\n}\n.radar-nav {\n width: 30px;\n height: 30px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 17px;\n line-height: 1;\n border: 1px solid var(--linha-forte);\n background: var(--superficie);\n color: var(--tinta);\n border-radius: 7px;\n cursor: pointer;\n transition: background var(--transicao);\n}\n.radar-nav:hover:not(:disabled) {\n background: var(--acento-suave);\n}\n.radar-nav:disabled {\n opacity: 0.4;\n cursor: default;\n}\n.radar-pag {\n font-size: var(--t-nav);\n color: var(--tinta);\n opacity: 0.6;\n font-variant-numeric: tabular-nums;\n min-width: 52px;\n text-align: center;\n}\n\n/* Radar — polegares (curtir / não curtir) */\n.radar-item {\n height: auto;\n min-height: 208px;\n}\n.radar-acoes {\n display: flex;\n justify-content: flex-end;\n gap: 6px;\n margin-top: 6px;\n}\n.radar-thumb {\n font: inherit;\n font-size: 13px;\n line-height: 1;\n cursor: pointer;\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta);\n border-radius: 6px;\n padding: 2px 8px;\n opacity: 0.5;\n filter: grayscale(1);\n transition:\n opacity var(--transicao),\n border-color var(--transicao),\n background var(--transicao);\n}\n.radar-thumb:hover {\n opacity: 1;\n filter: none;\n border-color: var(--linha-forte);\n}\n.radar-thumb.on {\n opacity: 1;\n filter: none;\n}\n.radar-thumb.up.on {\n border-color: var(--ok, #15803d);\n background: color-mix(in srgb, var(--ok, #15803d) 14%, transparent);\n}\n.radar-thumb.down.on {\n border-color: var(--perigo, #b42318);\n background: color-mix(in srgb, var(--perigo, #b42318) 14%, transparent);\n}\n\n/* Radar — aviso de 5 avaliações negativas */\n.radar-fb-overlay {\n position: fixed;\n inset: 0;\n z-index: 3000;\n background: rgba(10, 10, 11, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n}\n.radar-fb {\n background: var(--superficie);\n border: 1px solid var(--linha-forte);\n border-radius: 12px;\n max-width: 460px;\n width: 100%;\n padding: 20px;\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\n}\n.radar-fb-tit {\n font-size: 15px;\n font-weight: 700;\n color: var(--tinta);\n margin-bottom: 6px;\n}\n.radar-fb-sub {\n font-size: 13px;\n color: var(--tinta);\n opacity: 0.7;\n margin-bottom: 12px;\n line-height: 1.4;\n}\n.radar-fb-txt {\n width: 100%;\n min-height: 90px;\n resize: vertical;\n border: 1px solid var(--linha-forte);\n border-radius: 8px;\n padding: 9px 11px;\n font: inherit;\n font-size: 14px;\n color: var(--tinta);\n background: var(--fundo);\n box-sizing: border-box;\n}\n.radar-fb-acoes {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 12px;\n}\n.radar-fb-cancel, .radar-fb-enviar {\n font: inherit;\n font-size: 13px;\n cursor: pointer;\n border-radius: 8px;\n padding: 7px 14px;\n border: 1px solid var(--linha-forte);\n}\n.radar-fb-cancel {\n background: var(--superficie);\n color: var(--tinta);\n}\n.radar-fb-enviar {\n background: var(--acento);\n color: var(--acento-tinta);\n border-color: var(--acento);\n}\n\n/* Radar — abas (Radar / Favoritos) */\n.radar-abas {\n display: inline-flex;\n gap: 12px;\n align-items: baseline;\n}\n.radar-aba {\n font: inherit;\n font-size: var(--t-rotulo);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n font-weight: 700;\n cursor: pointer;\n border: 0;\n background: none;\n color: var(--tinta);\n opacity: 0.4;\n padding: 0 0 3px;\n border-bottom: 2px solid transparent;\n}\n.radar-aba.on {\n opacity: 1;\n border-bottom-color: var(--tinta);\n}\n.radar-aba:hover {\n opacity: 0.75;\n}\n/* botão salvar (bookmark) reaproveita .radar-thumb; estado \"salvo\" */\n.radar-thumb.salvar.on {\n opacity: 1;\n filter: none;\n border-color: var(--acento);\n background: var(--acento-suave);\n}\n\n/* ── Home v2: saudação + mural de avisos ─────────────────── */\n.home-topo {\n margin: 2px 0 30px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n.saudacao {\n display: flex;\n align-items: center;\n gap: 15px;\n}\n.saud-foto {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n object-fit: cover;\n border: 1px solid var(--linha);\n flex: none;\n}\n.saud-ini {\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--acento-suave);\n color: var(--tinta-2);\n font-weight: 600;\n font-size: 18px;\n}\n.saud-ola {\n margin: 0;\n font-size: 25px;\n font-weight: 600;\n letter-spacing: -0.015em;\n color: var(--tinta);\n line-height: 1.12;\n}\n.saud-data {\n margin-top: 3px;\n font-size: var(--t-nav);\n color: var(--tinta-3);\n}\n.mural {\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 14px;\n padding: 16px 18px 8px;\n box-shadow: var(--elev-1);\n}\n.mural-cab {\n font-size: var(--t-rotulo);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n font-weight: 700;\n margin-bottom: 13px;\n}\n.mural-novo {\n margin-bottom: 6px;\n}\n.mural-txt {\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n min-height: 46px;\n padding: 10px 12px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--fundo);\n color: var(--tinta);\n font-family: var(--sans);\n font-size: var(--t-nav);\n line-height: 1.45;\n}\n.mural-txt:focus {\n outline: none;\n border-color: var(--linha-forte);\n}\n.mural-novo-pe {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 8px;\n gap: 12px;\n}\n.mural-fixar {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: var(--t-nav);\n color: var(--tinta-2);\n cursor: pointer;\n user-select: none;\n}\n.mural-publicar {\n padding: 8px 17px;\n border: none;\n border-radius: var(--raio-pill);\n background: var(--acento);\n color: var(--acento-tinta);\n font-size: var(--t-nav);\n font-weight: 500;\n cursor: pointer;\n transition: background var(--transicao);\n}\n.mural-publicar:hover {\n background: var(--acento-hover);\n}\n.mural-publicar:disabled {\n opacity: 0.55;\n cursor: default;\n}\n.mural-lista {\n display: flex;\n flex-direction: column;\n}\n.mural-item {\n padding: 12px 0;\n border-top: 1px solid var(--linha);\n}\n.mural-item:first-child {\n border-top: none;\n}\n.mural-item.pin .mural-texto {\n font-weight: 500;\n}\n.mural-texto {\n font-size: var(--t-corpo);\n color: var(--tinta);\n line-height: 1.5;\n white-space: pre-wrap;\n word-break: break-word;\n}\n.mural-pe {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 6px;\n font-size: var(--t-rotulo);\n color: var(--tinta-3);\n}\n.mural-del {\n border: none;\n background: none;\n color: var(--tinta-3);\n font-size: var(--t-rotulo);\n cursor: pointer;\n padding: 2px 5px;\n border-radius: 6px;\n transition: color var(--transicao), background var(--transicao);\n}\n.mural-del:hover {\n color: var(--perigo);\n background: var(--acento-suave);\n}\n.mural-vazio {\n font-size: var(--t-nav);\n color: var(--tinta-3);\n padding: 4px 0 10px;\n}\n@media (max-width: 640px) {\n .saud-ola {\n font-size: 21px;\n }\n .saud-foto {\n width: 44px;\n height: 44px;\n }\n .mural-item {\n padding: 11px 0;\n }\n}\n\n/* Tema escuro petroleo + alternador (redesign 2026-09) */\n:root[data-theme=\"dark\"] body {\n background:\n radial-gradient(\n 1100px 520px at 72% -8%,\n rgba(0, 211, 200, 0.14),\n transparent 60%\n ),\n radial-gradient(\n 720px 500px at 4% 3%,\n rgba(0, 121, 121, 0.26),\n transparent 62%\n ),\n linear-gradient(158deg, #0a3a37 0%, #04211f 45%, #02100f 100%);\n background-attachment: fixed;\n}\n.topo-tema {\n display: inline-flex;\n background: var(--superficie-2);\n border: 1px solid var(--linha);\n border-radius: 20px;\n padding: 3px;\n}\n.topo-tema button {\n border: none;\n background: none;\n color: var(--tinta-2);\n width: 36px;\n height: 30px;\n border-radius: 16px;\n display: grid;\n place-items: center;\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n}\n.topo-tema button svg {\n width: 15px;\n height: 15px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.8;\n}\n.topo-tema button.on {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n/* ═══ Painel da Home (redesign dashboard 2026-09) ═══ */\n.dash {\n display: grid;\n grid-template-columns: 1.6fr 1fr;\n gap: 20px;\n grid-template-areas:\n \"hero presenca\" \"hero radarbox\" \"mural mural\" \"equipe equipe\";\n}\n.dash-card {\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 18px;\n box-shadow: var(--elev-1);\n}\n@media (max-width: 1080px) {\n .dash {\n grid-template-columns: 1fr;\n grid-template-areas: \"hero\" \"presenca\" \"radarbox\" \"mural\" \"equipe\";\n }\n}\n\n/* hero */\n.dash-hero {\n grid-area: hero;\n position: relative;\n overflow: hidden;\n padding: 34px 36px 22px;\n display: flex;\n flex-direction: column;\n min-height: 400px;\n}\n.dash-hero-foto {\n position: absolute;\n top: 24px;\n right: 24px;\n width: 34%;\n height: 244px;\n border-radius: 16px;\n border: 1px solid var(--linha);\n box-shadow: var(--elev-2);\n background-size: cover;\n background-position: center 12%;\n background-color: var(--superficie-2);\n}\n.dash-hero-ini {\n position: absolute;\n top: 24px;\n right: 24px;\n width: 34%;\n height: 244px;\n border-radius: 16px;\n border: 1px solid var(--linha);\n display: grid;\n place-items: center;\n background: var(--superficie-2);\n color: var(--tinta-3);\n font-size: 64px;\n font-weight: 700;\n}\n.dash-copy {\n width: 58%;\n position: relative;\n z-index: 2;\n}\n.dash-eyebrow {\n font-size: 12px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--tinta-3);\n font-weight: 600;\n margin-bottom: 12px;\n}\n.dash-ola {\n margin: 0;\n font-size: 44px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: -0.03em;\n color: var(--tinta);\n}\n.dash-ola .dia {\n display: block;\n font-weight: 500;\n color: var(--tinta-2);\n font-size: 16px;\n letter-spacing: 0;\n margin-bottom: 10px;\n}\n.dash-cta {\n margin-top: 22px;\n align-self: flex-start;\n display: inline-flex;\n align-items: center;\n gap: 9px;\n background: var(--acento);\n color: var(--acento-tinta);\n border: none;\n border-radius: 40px;\n padding: 13px 24px;\n font: 600 14.5px var(--sans);\n cursor: pointer;\n}\n.dash-cta:hover {\n background: var(--acento-hover);\n}\n.dash-cta .p {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--acento-tinta);\n display: grid;\n place-items: center;\n}\n.dash-cta .p svg {\n width: 10px;\n height: 10px;\n fill: var(--acento);\n}\n.dash-stats {\n position: relative;\n z-index: 3;\n margin-top: auto;\n display: flex;\n align-items: stretch;\n background: var(--superficie-2);\n border: 1px solid var(--linha);\n border-radius: 16px;\n padding: 6px;\n}\n.dash-stat {\n flex: 1;\n padding: 12px 16px;\n position: relative;\n}\n.dash-stat + .dash-stat::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 24%;\n bottom: 24%;\n width: 1px;\n background: var(--linha);\n}\n.dash-stat .n {\n font-size: 26px;\n font-weight: 700;\n letter-spacing: -0.02em;\n line-height: 1;\n}\n.dash-stat .l {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--tinta-2);\n margin-top: 6px;\n}\n.dash-stat .d {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n}\n.dash-stat.hot {\n background: var(--acento);\n border-radius: 12px;\n}\n.dash-stat.hot .n {\n color: var(--acento-tinta);\n}\n.dash-stat.hot .l {\n color: var(--acento-tinta);\n opacity: 0.78;\n}\n.dash-stat.hot .d {\n background: var(--acento-tinta);\n}\n\n/* presença */\n.dash-presenca {\n grid-area: presenca;\n padding: 22px 24px;\n display: flex;\n flex-direction: column;\n}\n.dash-h {\n font-size: 15.5px;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--tinta);\n margin: 0 0 14px;\n}\n.dash-h .pt {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--ok);\n box-shadow: 0 0 8px var(--ok);\n}\n.pres-lista {\n display: flex;\n flex-direction: column;\n gap: 11px;\n}\n.pres-item {\n display: flex;\n align-items: center;\n gap: 11px;\n}\n.pres-item img, .pres-ini {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n object-fit: cover;\n object-position: center top;\n background: var(--superficie-2);\n flex: none;\n}\n.pres-ini {\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 700;\n color: var(--tinta-2);\n}\n.pres-item .pnome {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--tinta);\n}\n.pres-item .pon {\n margin-left: auto;\n font-size: 11px;\n color: var(--ok);\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.pres-item .pon::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--ok);\n}\n.pres-vazio {\n font-size: 13px;\n color: var(--tinta-3);\n margin-top: 4px;\n}\n.dash-presenca .cnt {\n margin-top: auto;\n padding-top: 14px;\n font-size: 12.5px;\n color: var(--tinta-3);\n}\n.dash-presenca .cnt b {\n color: var(--tinta);\n}\n\n/* radar + destaque */\n.dash-radarbox {\n grid-area: radarbox;\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n gap: 20px;\n}\n@media (max-width: 1080px) {\n .dash-radarbox {\n grid-template-columns: 1fr 1fr;\n }\n}\n.dash-radar {\n padding: 20px 22px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.dash-radar .t {\n font-size: 14px;\n font-weight: 600;\n color: var(--tinta-2);\n}\n.dash-radar .big {\n display: flex;\n align-items: baseline;\n gap: 9px;\n margin-top: 14px;\n}\n.dash-radar .big b {\n font-size: 40px;\n font-weight: 700;\n letter-spacing: -0.03em;\n color: var(--tinta);\n line-height: 1;\n}\n.dash-radar .cap {\n font-size: 12px;\n color: var(--tinta-3);\n margin-top: 10px;\n}\n.dash-spark {\n margin-top: 8px;\n}\n.dash-spark path {\n fill: none;\n stroke: var(--acento);\n stroke-width: 2.4;\n stroke-linecap: round;\n}\n.dash-feat {\n padding: 18px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.dash-feat .emb {\n width: 88px;\n height: 88px;\n border-radius: 20px;\n margin-bottom: 12px;\n box-shadow: var(--elev-2);\n}\n.dash-feat .k {\n font-size: 10.5px;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n color: var(--tinta-3);\n font-weight: 600;\n}\n.dash-feat .fn {\n font-size: 16px;\n font-weight: 700;\n margin-top: 4px;\n color: var(--tinta);\n}\n.dash-feat .fs {\n font-size: 12px;\n color: var(--tinta-3);\n margin-top: 2px;\n}\n\n/* mural (reusa .mural-*; só o container) */\n.dash-mural {\n grid-area: mural;\n padding: 22px 26px 12px;\n}\n\n/* equipe */\n.dash-equipe {\n grid-area: equipe;\n padding: 24px 28px 12px;\n}\n.eq-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n}\n.eq-head h3 {\n font-size: 18px;\n font-weight: 700;\n margin: 0;\n color: var(--tinta);\n}\n.eq-cols {\n display: grid;\n grid-template-columns: 2.4fr 1.3fr 1fr 1.1fr;\n gap: 16px;\n padding: 13px 6px 11px;\n font-size: 12px;\n color: var(--tinta-3);\n border-bottom: 1px solid var(--linha);\n}\n.eq-row {\n display: grid;\n grid-template-columns: 2.4fr 1.3fr 1fr 1.1fr;\n gap: 16px;\n align-items: center;\n padding: 12px 6px;\n border-bottom: 1px solid var(--linha);\n}\n.eq-row:last-child {\n border-bottom: none;\n}\n.eq-quem {\n display: flex;\n align-items: center;\n gap: 13px;\n}\n.eq-quem img {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n object-fit: cover;\n object-position: center top;\n background: var(--superficie-2);\n flex: none;\n}\n.eq-nome {\n font-weight: 700;\n font-size: 14.5px;\n color: var(--tinta);\n}\n.eq-rl {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 11px;\n color: var(--tinta-2);\n background: var(--superficie-2);\n border: 1px solid var(--linha);\n padding: 2px 8px;\n border-radius: 20px;\n margin-top: 4px;\n}\n.eq-area {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n color: var(--tinta);\n}\n.eq-area .d {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.eq-oab {\n font-size: 12.5px;\n color: var(--tinta-2);\n font-weight: 600;\n}\n.eq-wave path {\n fill: none;\n stroke-width: 2.2;\n stroke-linecap: round;\n opacity: 0.85;\n}\n@media (max-width: 720px) {\n .eq-cols, .eq-row {\n grid-template-columns: 2fr 1fr;\n }\n .eq-cols span:nth-child(3), .eq-cols span:nth-child(4), .eq-oab, .eq-wave {\n display: none;\n }\n}\n/* Refino escuro: cards em vidro + foto do herói derretendo (igual ao mockup) */\n:root[data-theme=\"dark\"] .dash-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n:root[data-theme=\"dark\"] .dash-hero {\n background:\n radial-gradient(\n 680px 520px at 80% 16%,\n rgba(0, 211, 200, 0.15),\n transparent 62%\n ),\n rgba(255, 255, 255, 0.045);\n}\n:root[data-theme=\"dark\"] .dash-stats {\n background: rgba(2, 16, 15, 0.40);\n}\n:root[data-theme=\"dark\"] .dash-hero-foto {\n top: 0;\n right: 0;\n bottom: 0;\n left: auto;\n width: 46%;\n height: auto;\n border: none;\n border-radius: 0;\n box-shadow: none;\n background-color: transparent;\n background-position: center 12%;\n -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 42%);\n mask-image: linear-gradient(90deg, transparent 0, #000 42%);\n}\n:root[data-theme=\"dark\"] .dash-hero-foto::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 58%, rgba(4, 33, 31, 0.82));\n}\n/* Refino escuro v2: botoes de marca em petroleo + menu/topo em vidro */\n:root[data-theme=\"dark\"] {\n --grad-marca: linear-gradient(180deg, #0a8178 0%, #06615b 50%, #033f3a 100%);\n --grad-marca-hover: linear-gradient(\n 180deg,\n #0c948a 0%,\n #086f68 50%,\n #044a44 100%\n );\n --marca-40: rgba(0, 48, 45, 0.5);\n --marca-30: rgba(0, 48, 45, 0.36);\n}\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --grad-marca: linear-gradient(\n 180deg,\n #0a8178 0%,\n #06615b 50%,\n #033f3a 100%\n );\n --grad-marca-hover: linear-gradient(\n 180deg,\n #0c948a 0%,\n #086f68 50%,\n #044a44 100%\n );\n --marca-40: rgba(0, 48, 45, 0.5);\n --marca-30: rgba(0, 48, 45, 0.36);\n }\n}\n:root[data-theme=\"dark\"] .lateral {\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.018)\n );\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n:root[data-theme=\"dark\"] .topo {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n/* Regra: verde-vivo de fundo = tinta escura, nunca branco. Botoes de marca no escuro: solido + tinta escura */\n:root[data-theme=\"dark\"] .lat-item.ativo {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .lat-item.ativo .lat-ico {\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .lat-item.ativo .lat-conta {\n background: color-mix(in srgb, var(--acento-tinta) 20%, transparent);\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .lat-avatar {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .btn-solid, :root[data-theme=\"dark\"] .pill-acao-forte {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n/* Calendario no painel */\n.dash-cal {\n padding: 18px 18px 16px;\n display: flex;\n flex-direction: column;\n}\n.cal-cab {\n text-align: center;\n font-size: 14px;\n font-weight: 700;\n color: var(--tinta);\n margin-bottom: 12px;\n}\n.cal-dow {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 2px;\n margin-bottom: 4px;\n}\n.cal-dow span {\n text-align: center;\n font-size: 10.5px;\n color: var(--tinta-3);\n font-weight: 600;\n}\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 2px;\n}\n.cal-dia {\n aspect-ratio: 1;\n display: grid;\n place-items: center;\n font-size: 12px;\n color: var(--tinta-2);\n border-radius: 8px;\n}\n.cal-dia.vazio {\n visibility: hidden;\n}\n.cal-dia.hoje {\n background: var(--acento);\n color: var(--acento-tinta);\n font-weight: 700;\n}\n.cal-conectar {\n margin-top: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n padding: 10px;\n border: 1px solid var(--linha);\n border-radius: 11px;\n background: var(--superficie-2);\n color: var(--tinta);\n font: 600 12.5px var(--sans);\n cursor: pointer;\n}\n.cal-conectar:hover {\n border-color: var(--linha-forte);\n}\n.dash-radar-pe {\n margin-top: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--linha);\n font-size: 12px;\n color: var(--tinta-3);\n}\n.dash-radarbox {\n grid-template-columns: 0.82fr 1.18fr;\n}\n/* [Hoje]: verde-menta claro no escuro pede tinta escura (regra do verde-vivo) */\n:root[data-theme=\"dark\"] .radar-tag-hoje {\n color: var(--acento-tinta);\n}\n/* Botoes de contato na equipe (WhatsApp / E-mail) */\n.eq-acoes {\n display: flex;\n gap: 7px;\n margin-left: auto;\n align-self: center;\n}\n.eq-btn {\n width: 31px;\n height: 31px;\n border-radius: 8px;\n display: grid;\n place-items: center;\n border: 1px solid var(--linha);\n background: var(--superficie-2);\n color: var(--tinta-2);\n text-decoration: none;\n transition: color 0.15s, border-color 0.15s;\n}\n.eq-btn:hover {\n color: var(--tinta);\n border-color: var(--linha-forte);\n}\n.eq-btn svg {\n width: 15px;\n height: 15px;\n}\n.eq-btn.eq-wa:hover {\n color: #25d366;\n border-color: #25d366;\n}\n.eq-btn.off {\n opacity: 0.38;\n cursor: default;\n}\n.eq-btn.off:hover {\n color: var(--tinta-2);\n border-color: var(--linha);\n}\n@media (max-width: 720px) {\n .eq-acoes {\n display: none;\n }\n}","/* ═══════════════════════════════════════════════════════════════════\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: 0.13em;\n --alt-acao: 41px;\n --raio-pill: 21px;\n\n --elev-1: 0 1px 2px rgba(9, 9, 11, 0.05), 0 1px 1px rgba(9, 9, 11, 0.03);\n --elev-2:\n 0 2px 4px rgba(9, 9, 11, 0.05), 0 8px 20px -6px rgba(9, 9, 11, 0.10);\n --transicao: 180ms cubic-bezier(0.2, 0.7, 0.3, 1);\n}\n\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --fundo: #04211f;\n --superficie: #0b2e2b;\n --superficie-2: #103a36;\n --linha: #1c4340;\n --linha-forte: #275350;\n --tinta: #f1fbfa;\n --tinta-2: #a9cdc9;\n --tinta-3: #6e938f;\n --acento: #00d3c8;\n --acento-hover: #28e6dc;\n --acento-suave: #0c302d;\n --acento-tinta: #04211f;\n --ok: #00ffc2;\n --alerta: #fbbf24;\n --perigo: #f87171;\n }\n}\n:root[data-theme=\"dark\"] {\n --fundo: #04211f;\n --superficie: #0b2e2b;\n --superficie-2: #103a36;\n --linha: #1c4340;\n --linha-forte: #275350;\n --tinta: #f1fbfa;\n --tinta-2: #a9cdc9;\n --tinta-3: #6e938f;\n --acento: #00d3c8;\n --acento-hover: #28e6dc;\n --acento-suave: #0c302d;\n --acento-tinta: #04211f;\n --ok: #00ffc2;\n --alerta: #fbbf24;\n --perigo: #f87171;\n}\n\n* {\n box-sizing: border-box;\n}\nhtml, body {\n height: 100%;\n margin: 0;\n padding: 0;\n}\nbody {\n background: var(--fundo);\n color: var(--tinta);\n font: 13.5px/1.5 var(--sans);\n -webkit-font-smoothing: antialiased;\n}\na {\n color: inherit;\n text-decoration: none;\n}\nbutton {\n font-family: inherit;\n cursor: pointer;\n}\n\n.app {\n display: flex;\n height: 100vh;\n}\n\n/* ═══ LATERAL — clara, texto-primeiro, hairline ═════════════════════ */\n.lateral {\n width: 232px;\n flex: none;\n display: flex;\n flex-direction: column;\n background: var(--superficie);\n border-right: 1px solid var(--linha);\n}\n.lat-marca {\n display: flex;\n align-items: center;\n gap: 11px;\n height: 68px;\n flex: none;\n padding: 0 16px 0 20px;\n border-bottom: 1px solid var(--linha);\n}\n.logo-chip {\n width: 44px;\n height: 44px;\n border-radius: 11px;\n flex: none;\n display: grid;\n place-items: center;\n font: 600 13px Georgia, serif;\n color: var(--acento-tinta);\n background: var(--acento);\n}\n.lat-marca > div {\n min-width: 0;\n}\n.lat-marca b {\n display: block;\n font: 600 15px/1.25 var(--sans);\n letter-spacing: 0.01em;\n text-transform: uppercase;\n white-space: nowrap;\n}\n.lat-marca span {\n display: block;\n font-size: 10px;\n line-height: 1.35;\n color: var(--tinta-3);\n letter-spacing: 0.01em;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.lat-rolagem {\n flex: 1;\n overflow-y: auto;\n padding: 16px 12px 18px;\n scrollbar-width: thin;\n scrollbar-color: var(--linha-forte) transparent;\n}\n.lat-grupo + .lat-grupo {\n margin-top: 22px;\n}\n.lat-grupo-rotulo {\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n margin: 6px 0 8px 6px;\n}\n.lat-item {\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n height: 38px;\n padding: 0 10px;\n margin: 0;\n border: none;\n border-radius: 9px;\n background: none;\n color: var(--tinta-2);\n font: 500 var(--t-nav)/1.65 var(--sans);\n letter-spacing: -0.006em;\n text-align: left;\n}\n.lat-item:hover {\n background: var(--superficie-2);\n color: var(--tinta);\n}\n.lat-item.ativo {\n background: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.lat-item-nome {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.lat-conta {\n flex: none;\n padding: 0 8px;\n border-radius: 20px;\n background: var(--superficie-2);\n color: var(--tinta-3);\n font: 500 var(--t-rotulo)/20px var(--sans);\n}\n.lat-item.ativo .lat-conta {\n background: color-mix(in srgb, var(--acento-tinta) 18%, transparent);\n color: var(--acento-tinta);\n}\n.dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n flex: none;\n}\n.dot-inicio {\n background: var(--tinta-3);\n}\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 {\n display: flex;\n flex: none;\n width: 16px;\n justify-content: center;\n color: var(--tinta-3);\n}\n.lat-ico svg {\n width: 16px;\n height: 16px;\n}\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 {\n margin: 0 5px;\n}\n.lat-item:hover .lat-ico {\n color: var(--tinta-2);\n}\n.lat-item.ativo .lat-ico {\n color: #fff;\n}\n\n.lat-rodape {\n border-top: 1px solid var(--linha);\n padding: 12px 16px 14px;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.lat-rodape-link {\n display: flex;\n align-items: center;\n gap: 9px;\n width: 100%;\n padding: 7px 9px;\n border: none;\n border-radius: 8px;\n background: none;\n text-align: left;\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.lat-rodape-link:hover {\n background: var(--superficie-2);\n color: var(--tinta);\n}\n.lat-user-btn {\n display: flex;\n align-items: center;\n gap: 9px;\n width: 100%;\n padding: 7px 9px;\n margin-top: 3px;\n border: none;\n border-radius: 8px;\n background: none;\n text-align: left;\n}\n.lat-avatar {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n flex: none;\n display: grid;\n place-items: center;\n font: 600 var(--t-rotulo) var(--sans);\n color: var(--acento-tinta);\n background: var(--acento);\n overflow: hidden;\n}\n.lat-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.lat-user-nome {\n font-size: var(--t-nav);\n color: var(--tinta-2);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* ═══ PRINCIPAL ═════════════════════════════════════════════════════ */\n.principal {\n flex: 1;\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.topo {\n display: flex;\n align-items: center;\n gap: 16px;\n flex: none;\n height: 68px;\n padding: 0 22px;\n border-bottom: 1px solid var(--linha);\n background: var(--superficie);\n}\n.topo-busca {\n position: relative;\n width: min(540px, 46vw);\n}\n.topo-busca input {\n width: 100%;\n height: 40px;\n padding: 0 14px 0 38px;\n border-radius: 11px;\n border: 1px solid var(--linha);\n background: var(--fundo);\n color: var(--tinta);\n font: 13.5px var(--sans);\n}\n.topo-busca input::placeholder {\n color: var(--tinta-3);\n}\n.topo-busca input:focus {\n outline: none;\n border-color: var(--linha-forte);\n background: var(--superficie);\n}\n.topo-busca-ico {\n position: absolute;\n left: 13px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--tinta-3);\n pointer-events: none;\n display: grid;\n}\n.topo-atalho {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n padding: 2px 7px;\n border: 1px solid var(--linha);\n border-radius: 6px;\n background: var(--superficie);\n color: var(--tinta-3);\n font: 400 var(--t-rotulo) var(--mono);\n pointer-events: none;\n}\n.topo-dir {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-left: auto;\n}\n\n.pill-acao {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n height: 36px;\n padding: 0 16px;\n border: 1px solid var(--linha);\n border-radius: var(--raio-pill);\n background: var(--superficie);\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.pill-acao:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.pill-acao-forte {\n background: var(--acento);\n border-color: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.pill-acao-forte:hover {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n color: var(--acento-tinta);\n}\n\n/* ═══ CONTEÚDO — hub ════════════════════════════════════════════════ */\n.conteudo {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n padding: 30px 28px 60px;\n}\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 {\n margin: 6px 0 30px;\n}\n.pagina-kicker {\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 10px;\n}\n.pagina-cab h1 {\n margin: 0;\n font: 600 clamp(28px, 3.2vw, 46px)/1.05 var(--sans);\n letter-spacing: -0.03em;\n color: var(--tinta);\n}\n.pagina-cab h1 em {\n font-style: italic;\n}\n.pagina-cab p {\n margin: 12px 0 0;\n color: var(--tinta-2);\n font-size: var(--t-nav);\n max-width: 60ch;\n}\n\n.cat-section {\n margin-bottom: 34px;\n}\n.cat-title {\n display: flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 12px;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.cat-title .count {\n color: var(--tinta-3);\n font-weight: 500;\n}\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 {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 14px;\n}\n.card {\n position: relative;\n border: 1px solid var(--linha);\n border-radius: 12px;\n background: linear-gradient(\n 180deg,\n var(--superficie) 0%,\n color-mix(in srgb, var(--superficie) 72%, var(--fundo)) 100%\n );\n padding: 15px 16px 13px;\n box-shadow: var(--elev-1);\n transition:\n border-color var(--transicao),\n box-shadow var(--transicao),\n transform var(--transicao);\n display: flex;\n flex-direction: column;\n gap: 10px;\n min-height: 148px;\n}\n.card.linkable {\n cursor: pointer;\n}\n.card.linkable:hover {\n border-color: var(--linha-forte);\n box-shadow: var(--elev-2);\n transform: translateY(-1px);\n}\n.card-cab {\n display: flex;\n align-items: center;\n gap: 12px;\n min-width: 0;\n}\n.tile {\n width: 46px;\n height: 46px;\n border-radius: 12px;\n flex: none;\n border: 1px solid var(--linha);\n background: var(--superficie);\n display: grid;\n place-items: center;\n overflow: hidden;\n}\n.tile img {\n width: 28px;\n height: 28px;\n object-fit: contain;\n}\n.tile-letra {\n font: 600 18px var(--sans);\n color: var(--tinta-2);\n background: var(--superficie-2);\n width: 100%;\n height: 100%;\n display: grid;\n place-items: center;\n}\n.card h3 {\n margin: 0;\n font: 600 15px/1.3 var(--sans);\n letter-spacing: -0.012em;\n color: var(--tinta);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.card-cat {\n margin-top: 3px;\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.card p {\n margin: 0;\n font-size: 12.5px;\n line-height: 1.5;\n color: var(--tinta-2);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.card .foot {\n margin-top: auto;\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n.tag {\n flex: none;\n font: 400 10.5px var(--mono);\n color: var(--tinta-2);\n border: 1px solid var(--linha);\n background: var(--superficie);\n padding: 2px 8px;\n border-radius: 6px;\n white-space: nowrap;\n}\n.card .go {\n margin-left: auto;\n flex: none;\n color: var(--tinta-3);\n display: grid;\n}\n.card.linkable:hover .go {\n color: var(--tinta);\n}\n\n.empty {\n text-align: center;\n color: var(--tinta-3);\n padding: 70px 20px;\n font-size: var(--t-corpo);\n}\n\n.demo-banner {\n background: var(--superficie-2);\n color: var(--tinta-2);\n text-align: center;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n padding: 7px;\n border-bottom: 1px solid var(--linha);\n}\n\n/* ═══ LOGIN ═════════════════════════════════════════════════════════ */\n.login-fundo {\n min-height: 100vh;\n display: grid;\n place-items: center;\n background: var(--fundo);\n padding: 24px;\n}\n.login-caixa {\n width: min(380px, 100%);\n display: flex;\n flex-direction: column;\n gap: 10px;\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 16px;\n box-shadow: var(--elev-2);\n padding: 36px 32px 30px;\n text-align: center;\n}\n.login-marca {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n margin-bottom: 4px;\n}\n.login-marca .logo-chip {\n width: 44px;\n height: 44px;\n border-radius: 13px;\n font-size: 20px;\n}\n.login-caixa h1 {\n margin: 0;\n font: 600 22px var(--sans);\n letter-spacing: -0.022em;\n}\n.login-kicker {\n font: 600 var(--t-rotulo) var(--sans);\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.login-lead {\n margin: 6px 0 16px;\n color: var(--tinta-2);\n font: var(--t-nav)/1.6 var(--sans);\n}\n.google-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n width: 100%;\n height: var(--alt-acao);\n border: 1px solid var(--linha);\n border-radius: var(--raio-pill);\n background: var(--superficie);\n color: var(--tinta);\n font: 500 var(--t-acao) var(--sans);\n transition: border-color var(--transicao);\n}\n.google-btn:hover {\n border-color: var(--linha-forte);\n text-decoration: none;\n}\n.login-note {\n margin-top: 14px;\n font-size: var(--t-rotulo);\n color: var(--tinta-3);\n letter-spacing: 0.02em;\n}\n.login-error {\n background: color-mix(in srgb, var(--perigo) 8%, transparent);\n color: var(--perigo);\n border: 1px solid color-mix(in srgb, var(--perigo) 25%, transparent);\n border-radius: 9px;\n padding: 9px 12px;\n font-size: var(--t-nav);\n margin-bottom: 6px;\n text-align: left;\n}\n\n/* ═══ ADMIN ═════════════════════════════════════════════════════════ */\n.section-tabs {\n display: flex;\n gap: 6px;\n margin: 0 0 20px;\n}\n.tab {\n border: 1px solid var(--linha);\n background: var(--superficie);\n height: 36px;\n padding: 0 16px;\n border-radius: var(--raio-pill);\n font: 500 var(--t-nav) var(--sans);\n color: var(--tinta-2);\n}\n.tab:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.tab.active {\n background: var(--acento);\n color: var(--acento-tinta);\n border-color: var(--acento);\n font-weight: 600;\n}\n\n.admin-grid {\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: 16px;\n align-items: start;\n}\n#tab-people.admin-grid {\n grid-template-columns: 430px 1fr;\n}\n.panel {\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 14px;\n box-shadow: var(--elev-1);\n overflow: hidden;\n}\n.panel h2 {\n font: 600 var(--t-nav) var(--sans);\n color: var(--tinta);\n margin: 0;\n padding: 13px 16px;\n border-bottom: 1px solid var(--linha);\n}\n.panel-body {\n padding: 14px 16px 16px;\n}\n.field {\n margin-bottom: 12px;\n}\n.field label {\n display: block;\n font: 600 var(--t-rotulo) var(--sans);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--tinta-3);\n margin-bottom: 5px;\n}\n.field input, .field select, .field textarea {\n width: 100%;\n font: var(--t-nav) var(--sans);\n color: var(--tinta);\n border: 1px solid var(--linha);\n border-radius: 9px;\n padding: 8px 11px;\n background: var(--fundo);\n}\n.field textarea {\n resize: vertical;\n min-height: 64px;\n}\n.field input:focus, .field select:focus, .field textarea:focus {\n outline: none;\n border-color: var(--linha-forte);\n background: var(--superficie);\n}\n.field-row {\n display: flex;\n gap: 10px;\n}\n.field-row .field {\n flex: 1;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 7px;\n height: 36px;\n padding: 0 16px;\n border: 1px solid var(--linha);\n border-radius: var(--raio-pill);\n background: var(--superficie);\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.btn:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.btn-solid {\n background: var(--acento);\n border-color: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.btn-solid:hover {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n color: var(--acento-tinta);\n}\n\n.admin-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.admin-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 11px 16px;\n border-bottom: 1px solid var(--linha);\n}\n.admin-item:last-child {\n border-bottom: none;\n}\n.admin-item .meta {\n flex: 1;\n min-width: 0;\n}\n.admin-item .meta strong {\n color: var(--tinta);\n font: 600 var(--t-nav) var(--sans);\n display: block;\n}\n.admin-item .meta span {\n color: var(--tinta-3);\n font-size: 12px;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.admin-item .actions {\n display: flex;\n gap: 6px;\n flex: none;\n}\n.icon-btn {\n border: 1px solid var(--linha);\n background: var(--superficie);\n border-radius: 8px;\n padding: 5px 10px;\n font: 500 12px var(--sans);\n color: var(--tinta-2);\n}\n.icon-btn:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.icon-btn.danger:hover {\n border-color: var(--perigo);\n color: var(--perigo);\n}\n\n.cat-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--tinta-3);\n}\n\n/* toast */\n.toast {\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--acento);\n color: var(--acento-tinta);\n padding: 10px 18px;\n border-radius: 10px;\n font: 500 var(--t-nav) var(--sans);\n box-shadow: var(--elev-2);\n z-index: 50;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease, transform 0.2s ease;\n}\n.toast.show {\n opacity: 1;\n transform: translateX(-50%) translateY(-4px);\n}\n\n/* ═══ RESPONSIVO ════════════════════════════════════════════════════ */\n@media (max-width: 820px) {\n .app {\n flex-direction: column;\n height: auto;\n min-height: 100vh;\n }\n .lateral {\n width: 100%;\n border-right: none;\n border-bottom: 1px solid var(--linha);\n }\n .lat-marca {\n height: 56px;\n }\n .lat-rolagem {\n display: flex;\n gap: 4px;\n overflow-x: auto;\n padding: 8px 12px;\n }\n .lat-grupo {\n display: flex;\n gap: 4px;\n }\n .lat-grupo + .lat-grupo {\n margin: 0;\n }\n .lat-grupo-rotulo {\n display: none;\n }\n .lat-item {\n width: auto;\n white-space: nowrap;\n height: 34px;\n }\n .lat-conta {\n display: none;\n }\n .lat-rodape {\n flex-direction: row;\n align-items: center;\n padding: 8px 12px;\n }\n .lat-user-btn {\n width: auto;\n margin: 0;\n }\n .topo {\n height: 56px;\n padding: 0 14px;\n }\n .topo-busca {\n width: 100%;\n }\n .conteudo {\n padding: 18px 14px 50px;\n }\n .admin-grid {\n grid-template-columns: 1fr;\n }\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: 0.22s;\n --dur-cartao: 0.26s;\n --dur-brilho: 0.28s;\n --ease: cubic-bezier(0.32, 0.08, 0.24, 1);\n --ease-snap: cubic-bezier(0.2, 0.7, 0.2, 1);\n\n /* sombra tingida da marca em vez de cinza */\n --marca-40: rgba(9, 9, 11, 0.34);\n --marca-30: rgba(9, 9, 11, 0.24);\n --marca-18: rgba(9, 9, 11, 0.16);\n --marca-14: rgba(9, 9, 11, 0.12);\n --marca-12: rgba(9, 9, 11, 0.10);\n --marca-10: rgba(9, 9, 11, 0.09);\n --marca-08: rgba(9, 9, 11, 0.075);\n --marca-05: rgba(9, 9, 11, 0.05);\n --marca-04: rgba(9, 9, 11, 0.035);\n\n /* fio de luz: a aresta de cima acende, simulando iluminação */\n --fio-luz: rgba(255, 255, 255, 0.95);\n --fio-luz-2: rgba(255, 255, 255, 0.7);\n\n --elev-campo:\n inset 0 1px 0 var(--fio-luz-2), 0 0 0 0.5px var(--marca-08), 0 1px 2px -1px\n var(--marca-08);\n --elev-campo-foco:\n inset 0 1px 0 var(--fio-luz-2), 0 0 0 1px var(--marca-18), 0 4px 12px -6px\n var(--marca-12);\n --elev-controle:\n inset 0 1px 0 var(--fio-luz), 0 0 0 0.5px var(--marca-10), 0 4px 10px -4px\n var(--marca-12);\n --elev-controle-hover:\n inset 0 1px 0 #fff, 0 0 0 0.5px var(--marca-18), 0 12px 24px -8px var(\n --marca-18\n );\n --elev-controle-ativo:\n inset 0 1px 3px var(--marca-12), 0 0 0 0.5px var(--marca-14);\n --elev-cartao:\n inset 0 1px 0 var(--fio-luz-2), 0 4px 16px -6px var(--marca-10), 0 16px 40px\n -12px var(--marca-08);\n --elev-cartao-hover:\n inset 0 1px 0 #fff, 0 8px 22px -8px var(--marca-14), 0 24px 56px -14px var(\n --marca-12\n );\n\n /* superfície de cartão não é branco chapado: degradê de 3 paradas */\n --vidro-cartao: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.96) 0%,\n rgba(255, 255, 255, 0.84) 10%,\n rgba(247, 248, 250, 0.58) 100%\n );\n --grad-marca: linear-gradient(180deg, #43434d 0%, #24242a 48%, #0c0c0f 100%);\n --grad-marca-hover: linear-gradient(\n 180deg,\n #4e4e5a 0%,\n #2c2c34 48%,\n #131317 100%\n );\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, 0.07);\n --fio-luz-2: rgba(255, 255, 255, 0.05);\n --vidro-cartao: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.04) 0%,\n rgba(255, 255, 255, 0.015) 100%\n );\n --marca-08: rgba(0, 0, 0, 0.5);\n --marca-10: rgba(0, 0, 0, 0.55);\n --marca-12: rgba(0, 0, 0, 0.6);\n --marca-18: rgba(0, 0, 0, 0.7);\n --pill-clara: var(--superficie);\n }\n}\n:root[data-theme=\"dark\"] {\n --fio-luz: rgba(255, 255, 255, 0.07);\n --fio-luz-2: rgba(255, 255, 255, 0.05);\n --vidro-cartao: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.04) 0%,\n rgba(255, 255, 255, 0.015) 100%\n );\n --marca-08: rgba(0, 0, 0, 0.5);\n --marca-10: rgba(0, 0, 0, 0.55);\n --marca-12: rgba(0, 0, 0, 0.6);\n --marca-18: rgba(0, 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;\n overflow: hidden;\n border-color: var(--marca-05);\n background: var(--vidro-cartao);\n box-shadow: var(--elev-cartao);\n transition:\n transform var(--dur-cartao) var(--ease-snap),\n box-shadow var(--dur-cartao) ease,\n border-color var(--dur-cartao) ease;\n}\n.card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n pointer-events: none;\n background: radial-gradient(\n 540px 240px at 0% 0%,\n var(--marca-04),\n transparent 60%\n );\n opacity: 0.6;\n 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 {\n opacity: 1;\n}\n\n/* entrada dos cartões: surgem em cascata, como na referência */\n@keyframes surgir {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n}\n.card {\n animation: surgir 0.5s var(--ease) backwards;\n animation-delay: calc(var(--i, 0) * 45ms);\n}\n@media (prefers-reduced-motion: reduce) {\n .card {\n animation: none;\n }\n}\n\n/* tile de ícone com o mesmo relevo dos controles */\n.tile {\n box-shadow: inset 0 1px 0 var(--fio-luz-2), 0 1px 2px -1px var(--marca-08);\n}\n\n/* campo de busca: anel de foco medido no VIA */\n.topo-busca input {\n box-shadow: var(--elev-campo);\n transition: box-shadow var(--dur) ease, border-color var(--dur) ease;\n}\n.topo-busca input:focus {\n box-shadow: var(--elev-campo-foco);\n}\n\n/* pílulas claras: degradê sutil, sobem 1px no hover, afundam no clique */\n.pill-acao:not(.pill-acao-forte),\n.btn:not(.btn-solid),\n.tab:not(.active),\n.icon-btn,\n.google-btn {\n background: var(--pill-clara);\n box-shadow: var(--elev-controle);\n transition:\n border-color var(--dur) ease,\n box-shadow var(--dur) ease,\n transform 0.2s var(--ease-snap),\n color var(--dur) ease;\n}\n.pill-acao:not(.pill-acao-forte):hover,\n.btn:not(.btn-solid):hover,\n.tab:not(.active):hover,\n.icon-btn:hover,\n.google-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--elev-controle-hover);\n}\n.pill-acao:not(.pill-acao-forte):active,\n.btn:not(.btn-solid):active,\n.tab:not(.active):active,\n.icon-btn:active,\n.google-btn:active {\n transform: translateY(0);\n 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;\n overflow: hidden;\n isolation: isolate;\n background: var(--grad-marca);\n border-color: transparent;\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.18),\n inset 0 -1px rgba(0, 0, 0, 0.10),\n 0 8px 18px -6px var(--marca-40);\n transition:\n box-shadow var(--dur) ease,\n transform 0.2s var(--ease-snap),\n filter 0.2s ease;\n}\n.btn-solid:hover, .pill-acao-forte:hover {\n transform: translateY(-1px);\n filter: brightness(1.06);\n background: var(--grad-marca-hover);\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.22),\n inset 0 -1px rgba(0, 0, 0, 0.10),\n 0 14px 28px -8px rgba(9, 9, 11, 0.48),\n 0 4px 12px -4px var(--marca-30);\n}\n.btn-solid:active, .pill-acao-forte:active {\n transform: translateY(0);\n filter: none;\n box-shadow:\n inset 0 2px 6px -2px var(--marca-40),\n 0 4px 10px -6px var(--marca-40);\n}\n.btn-solid::after, .pill-acao-forte::after {\n content: \"\";\n position: absolute;\n inset: 0 auto 0 0;\n width: 65%;\n background: linear-gradient(\n 100deg,\n transparent 0%,\n rgba(255, 255, 255, 0.22) 45%,\n rgba(255, 255, 255, 0.06) 60%,\n transparent 100%\n );\n transform: translateX(-185%);\n pointer-events: none;\n transition: transform var(--dur-brilho) var(--ease-snap);\n}\n.btn-solid:hover::after, .pill-acao-forte:hover::after {\n transform: translateX(185%);\n}\n@media (prefers-reduced-motion: reduce) {\n .btn-solid::after, .pill-acao-forte::after {\n display: none;\n }\n}\n\n/* item ativo da lateral: mesma receita do botão forte, sem o reflexo */\n.lat-item {\n transition: background var(--dur) ease, color var(--dur) ease;\n}\n.lat-item.ativo {\n background: var(--grad-marca);\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.16),\n 0 6px 14px -8px var(--marca-40);\n}\n.lat-item.ativo .lat-conta {\n background: rgba(255, 255, 255, 0.18);\n color: #fff;\n}\n.logo-chip, .lat-avatar {\n background: var(--grad-marca);\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.18),\n 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);\n border-color: transparent;\n color: var(--tinta);\n font-weight: 500;\n 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);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n margin: 0 0 12px;\n}\n.areas-faixa {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));\n gap: 10px;\n margin-bottom: 38px;\n}\n.area-tile {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n text-align: left;\n display: flex;\n flex-direction: column;\n gap: 3px;\n padding: 15px 16px 13px;\n border: 1px solid var(--marca-05);\n border-radius: 12px;\n background: var(--vidro-cartao);\n box-shadow: var(--elev-cartao);\n transition:\n transform var(--dur-cartao) var(--ease-snap),\n box-shadow var(--dur-cartao) ease,\n border-color var(--dur-cartao) ease;\n}\n/* o filete: a assinatura da área */\n.area-tile::before {\n content: \"\";\n position: absolute;\n inset: 0 0 auto 0;\n height: 3px;\n background: var(--cor-area);\n z-index: 1;\n}\n.area-tile:hover {\n transform: translateY(-2px);\n border-color: var(--marca-10);\n box-shadow: var(--elev-cartao-hover);\n}\n.area-tile b {\n font: 600 14px/1.35 var(--sans);\n letter-spacing: -0.012em;\n color: var(--tinta);\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.area-tile span {\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n letter-spacing: 0.04em;\n}\n\n/* cabeçalho do espaço da área: mesmo filete, na vertical */\n.area-cab {\n position: relative;\n padding-left: 17px;\n}\n.area-cab::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 3px;\n bottom: 3px;\n width: 3px;\n border-radius: 2px;\n 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 {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n max-width: 46%;\n overflow: hidden;\n}\n.tag-area .dot {\n width: 6px;\n height: 6px;\n}\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 {\n filter: brightness(2.4) saturate(0.85);\n }\n}\n:root[data-theme=\"dark\"] .dot-area,\n:root[data-theme=\"dark\"] .area-tile::before,\n:root[data-theme=\"dark\"] .area-cab::before {\n filter: brightness(2.4) saturate(0.85);\n}\n\n@media (max-width: 820px) {\n .areas-faixa {\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n gap: 8px;\n }\n}\n\n/* dica curta abaixo de um campo do formulário */\n.field .dica {\n display: block;\n margin-top: 5px;\n font: 400 var(--t-rotulo)/1.5 var(--sans);\n color: var(--tinta-3);\n letter-spacing: 0.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 {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n}\n.admin-item .meta .cat-pill .dot {\n display: block;\n flex: none;\n}\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;\n flex-direction: column;\n gap: 2px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n padding: 6px;\n background: var(--superficie-2);\n max-height: 300px;\n overflow-y: auto;\n}\n.acesso-linha {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding: 5px 7px;\n border-radius: 7px;\n}\n.acesso-linha:hover {\n background: var(--superficie);\n}\n.acesso-nome {\n display: flex;\n align-items: center;\n gap: 7px;\n min-width: 0;\n font: 400 12.5px var(--sans);\n color: var(--tinta-2);\n 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 {\n font-weight: 400;\n}\n.acesso-nome .dot {\n flex: none;\n}\n.acesso-niveis {\n display: flex;\n flex: none;\n gap: 2px;\n padding: 2px;\n border-radius: 7px;\n background: var(--superficie-2);\n}\n.niv {\n border: 1px solid transparent;\n background: transparent;\n cursor: pointer;\n padding: 3px 7px;\n border-radius: 5px;\n color: var(--tinta-3);\n white-space: nowrap;\n font: 400 10.5px var(--mono);\n letter-spacing: 0.03em;\n transition: background 0.12s ease, color 0.12s ease;\n}\n.niv:hover {\n color: var(--tinta-2);\n}\n.niv.ativo {\n background: var(--superficie);\n border-color: var(--linha);\n color: var(--tinta);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.field label.caixa-linha {\n display: flex;\n align-items: flex-start;\n gap: 9px;\n cursor: pointer;\n margin: 0;\n text-transform: none;\n letter-spacing: normal;\n}\n.caixa-linha input[type=\"checkbox\"] {\n width: 15px;\n height: 15px;\n flex: none;\n margin: 1px 0 0;\n accent-color: var(--acento);\n}\n.caixa-linha span {\n font: 400 13px/1.5 var(--sans);\n color: var(--tinta-2);\n text-transform: none;\n}\n.caixa-linha small {\n color: var(--tinta-3);\n font-size: 12px;\n}\n\n.vazio-dica {\n display: block;\n padding: 8px;\n font: 400 12.5px var(--sans);\n color: var(--tinta-3);\n}\n\n/* marca do que é restrito — discreta na lista do admin, discreta no cartão */\n.admin-item .meta .restrito {\n color: var(--tinta-2);\n font-weight: 500;\n}\n.tag-restrito {\n border-color: var(--linha-forte);\n color: var(--tinta-2);\n font-variant: small-caps;\n letter-spacing: 0.04em;\n}\n\n@media (max-width: 1100px) {\n #tab-people.admin-grid {\n grid-template-columns: 1fr;\n }\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 {\n grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));\n}\n.produto-tile {\n padding: 13px 14px 11px;\n border-radius: 10px;\n}\n.produto-tile::before {\n inset: 0 auto auto 0;\n width: 22px;\n height: 2px;\n border-radius: 0 0 2px 0;\n}\n.produto-tile b {\n font-size: 13px;\n white-space: normal;\n line-height: 1.3;\n}\n.produto-tile span {\n font-size: 10px;\n}\n\n/* o kicker da página de produto é o caminho de volta para a área */\n.volta-area {\n border: none;\n background: none;\n padding: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n}\n.volta-area::before {\n content: \"← \";\n opacity: 0.7;\n}\n.volta-area:hover {\n color: var(--tinta-2);\n}\n\n.tag-produto {\n max-width: 44%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* rótulo de área dentro da lista de serviços do admin */\n.admin-grupo-rotulo {\n display: flex;\n align-items: center;\n gap: 7px;\n padding: 14px 16px 6px;\n border: none;\n background: none;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.admin-grupo-rotulo:first-child {\n padding-top: 10px;\n}\n.admin-grupo-rotulo .dot {\n width: 6px;\n height: 6px;\n}\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;\n background-position: center;\n color: transparent;\n font-size: 0;\n box-shadow:\n inset 0 0 0 1px rgba(255, 255, 255, 0.10),\n 0 2px 6px -2px rgba(0, 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;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n margin: 0 0 22px;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--linha);\n}\n.uf-lista {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n}\n.uf-btn {\n border: 1px solid var(--linha);\n background: var(--superficie);\n cursor: pointer;\n padding: 4px 9px;\n border-radius: 7px;\n color: var(--tinta-2);\n font: 500 11px var(--mono);\n letter-spacing: 0.04em;\n transition:\n background var(--dur) ease,\n color var(--dur) ease,\n border-color var(--dur) ease;\n}\n.uf-btn:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.uf-btn.ativo {\n background: var(--grad-marca);\n border-color: transparent;\n color: #fff;\n box-shadow:\n inset 0 1px rgba(255, 255, 255, 0.16),\n 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 {\n font-family: var(--sans);\n font-size: 11.5px;\n letter-spacing: -0.005em;\n}\n.uf-lista .uf-btn.uf-esp + .uf-btn:not(.uf-esp) {\n margin-left: 10px;\n}\n\n/* ── Radar RSS: painel de notícias no topo da área ────────────────────── */\n.radar-slot {\n margin: 2px 0 30px;\n}\n.radar-cab {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n padding-bottom: 9px;\n margin-bottom: 14px;\n border-bottom: 1px solid var(--linha);\n}\n.radar-titulo {\n font-size: var(--t-rotulo);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n font-weight: 700;\n color: var(--tinta);\n}\n.radar-meta {\n font-size: var(--t-rotulo);\n letter-spacing: 0.04em;\n color: var(--tinta);\n opacity: 0.5;\n}\n.radar-btn {\n font: inherit;\n font-size: var(--t-rotulo);\n letter-spacing: 0.04em;\n cursor: pointer;\n border: 1px solid var(--linha-forte);\n background: var(--superficie);\n color: var(--tinta);\n border-radius: 7px;\n padding: 3px 9px;\n margin-left: 2px;\n transition: background var(--transicao), opacity var(--transicao);\n}\n.radar-btn:hover {\n background: var(--acento-suave);\n}\n.radar-btn:disabled {\n opacity: 0.5;\n cursor: default;\n}\n.radar-vazio {\n font-size: var(--t-nav);\n color: var(--tinta);\n opacity: 0.55;\n padding: 6px 0 2px;\n}\n.radar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 12px;\n}\n.radar-item {\n display: block;\n text-decoration: none;\n color: inherit;\n border: 1px solid var(--linha);\n border-radius: 13px;\n background: var(--superficie);\n padding: 13px 14px;\n transition: border-color var(--transicao), transform var(--transicao);\n}\n.radar-item:hover {\n border-color: var(--linha-forte);\n transform: translateY(-1px);\n}\n.radar-item-topo {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 5px;\n}\n.radar-fonte {\n font-size: var(--t-rotulo);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n font-weight: 600;\n color: var(--tinta);\n opacity: 0.6;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.radar-data {\n font-size: var(--t-rotulo);\n color: var(--tinta);\n opacity: 0.45;\n flex: none;\n}\n.radar-item-titulo {\n font-size: var(--t-nav);\n font-weight: 600;\n line-height: 1.32;\n color: var(--tinta);\n}\n.radar-item-resumo {\n font-size: 12.5px;\n line-height: 1.4;\n color: var(--tinta);\n opacity: 0.62;\n margin-top: 5px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.radar-tags {\n margin-top: 9px;\n display: flex;\n flex-wrap: wrap;\n gap: 5px;\n}\n.radar-tag {\n font-size: 11px;\n letter-spacing: 0.02em;\n color: var(--tinta);\n opacity: 0.7;\n background: var(--acento-suave);\n border-radius: 6px;\n padding: 2px 7px;\n}\n\n/* tag [Hoje]: notícia publicada hoje */\n.radar-tag-hoje {\n color: #fff;\n background: var(--ok, #15803d);\n opacity: 1;\n font-weight: 700;\n letter-spacing: 0.01em;\n}\n\n/* tag [expirando]: notícia no último dia da janela de 7 dias */\n.radar-tag-exp {\n color: #fff;\n background: var(--perigo, #b42318);\n opacity: 1;\n font-weight: 700;\n letter-spacing: 0.01em;\n}\n\n/* Radar: cartao uniforme; resumo estica; tags embaixo */\n.radar-item {\n display: flex;\n flex-direction: column;\n height: 208px;\n}\n.radar-item-titulo {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.radar-item-resumo {\n display: block;\n -webkit-line-clamp: unset;\n flex: 1 1 auto;\n min-height: 0;\n}\n.radar-tags {\n flex: none;\n}\n\n/* Radar: so titulos; titulo preenche */\n.radar-item-resumo {\n display: none;\n}\n.radar-item {\n height: 150px;\n}\n.radar-item-titulo {\n -webkit-line-clamp: 4;\n flex: 1 1 auto;\n}\n\n/* Radar — paginação */\n.radar-pager {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-top: 16px;\n}\n.radar-nav {\n width: 30px;\n height: 30px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 17px;\n line-height: 1;\n border: 1px solid var(--linha-forte);\n background: var(--superficie);\n color: var(--tinta);\n border-radius: 7px;\n cursor: pointer;\n transition: background var(--transicao);\n}\n.radar-nav:hover:not(:disabled) {\n background: var(--acento-suave);\n}\n.radar-nav:disabled {\n opacity: 0.4;\n cursor: default;\n}\n.radar-pag {\n font-size: var(--t-nav);\n color: var(--tinta);\n opacity: 0.6;\n font-variant-numeric: tabular-nums;\n min-width: 52px;\n text-align: center;\n}\n\n/* Radar — polegares (curtir / não curtir) */\n.radar-item {\n height: auto;\n min-height: 208px;\n}\n.radar-acoes {\n display: flex;\n justify-content: flex-end;\n gap: 6px;\n margin-top: 6px;\n}\n.radar-thumb {\n font: inherit;\n font-size: 13px;\n line-height: 1;\n cursor: pointer;\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta);\n border-radius: 6px;\n padding: 2px 8px;\n opacity: 0.5;\n filter: grayscale(1);\n transition:\n opacity var(--transicao),\n border-color var(--transicao),\n background var(--transicao);\n}\n.radar-thumb:hover {\n opacity: 1;\n filter: none;\n border-color: var(--linha-forte);\n}\n.radar-thumb.on {\n opacity: 1;\n filter: none;\n}\n.radar-thumb.up.on {\n border-color: var(--ok, #15803d);\n background: color-mix(in srgb, var(--ok, #15803d) 14%, transparent);\n}\n.radar-thumb.down.on {\n border-color: var(--perigo, #b42318);\n background: color-mix(in srgb, var(--perigo, #b42318) 14%, transparent);\n}\n\n/* Radar — aviso de 5 avaliações negativas */\n.radar-fb-overlay {\n position: fixed;\n inset: 0;\n z-index: 3000;\n background: rgba(10, 10, 11, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n}\n.radar-fb {\n background: var(--superficie);\n border: 1px solid var(--linha-forte);\n border-radius: 12px;\n max-width: 460px;\n width: 100%;\n padding: 20px;\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\n}\n.radar-fb-tit {\n font-size: 15px;\n font-weight: 700;\n color: var(--tinta);\n margin-bottom: 6px;\n}\n.radar-fb-sub {\n font-size: 13px;\n color: var(--tinta);\n opacity: 0.7;\n margin-bottom: 12px;\n line-height: 1.4;\n}\n.radar-fb-txt {\n width: 100%;\n min-height: 90px;\n resize: vertical;\n border: 1px solid var(--linha-forte);\n border-radius: 8px;\n padding: 9px 11px;\n font: inherit;\n font-size: 14px;\n color: var(--tinta);\n background: var(--fundo);\n box-sizing: border-box;\n}\n.radar-fb-acoes {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 12px;\n}\n.radar-fb-cancel, .radar-fb-enviar {\n font: inherit;\n font-size: 13px;\n cursor: pointer;\n border-radius: 8px;\n padding: 7px 14px;\n border: 1px solid var(--linha-forte);\n}\n.radar-fb-cancel {\n background: var(--superficie);\n color: var(--tinta);\n}\n.radar-fb-enviar {\n background: var(--acento);\n color: var(--acento-tinta);\n border-color: var(--acento);\n}\n\n/* Radar — abas (Radar / Favoritos) */\n.radar-abas {\n display: inline-flex;\n gap: 12px;\n align-items: baseline;\n}\n.radar-aba {\n font: inherit;\n font-size: var(--t-rotulo);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n font-weight: 700;\n cursor: pointer;\n border: 0;\n background: none;\n color: var(--tinta);\n opacity: 0.4;\n padding: 0 0 3px;\n border-bottom: 2px solid transparent;\n}\n.radar-aba.on {\n opacity: 1;\n border-bottom-color: var(--tinta);\n}\n.radar-aba:hover {\n opacity: 0.75;\n}\n/* botão salvar (bookmark) reaproveita .radar-thumb; estado \"salvo\" */\n.radar-thumb.salvar.on {\n opacity: 1;\n filter: none;\n border-color: var(--acento);\n background: var(--acento-suave);\n}\n\n/* ── Home v2: saudação + mural de avisos ─────────────────── */\n.home-topo {\n margin: 2px 0 30px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n.saudacao {\n display: flex;\n align-items: center;\n gap: 15px;\n}\n.saud-foto {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n object-fit: cover;\n border: 1px solid var(--linha);\n flex: none;\n}\n.saud-ini {\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--acento-suave);\n color: var(--tinta-2);\n font-weight: 600;\n font-size: 18px;\n}\n.saud-ola {\n margin: 0;\n font-size: 25px;\n font-weight: 600;\n letter-spacing: -0.015em;\n color: var(--tinta);\n line-height: 1.12;\n}\n.saud-data {\n margin-top: 3px;\n font-size: var(--t-nav);\n color: var(--tinta-3);\n}\n.mural {\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 14px;\n padding: 16px 18px 8px;\n box-shadow: var(--elev-1);\n}\n.mural-cab {\n font-size: var(--t-rotulo);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n font-weight: 700;\n margin-bottom: 13px;\n}\n.mural-novo {\n margin-bottom: 6px;\n}\n.mural-txt {\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n min-height: 46px;\n padding: 10px 12px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--fundo);\n color: var(--tinta);\n font-family: var(--sans);\n font-size: var(--t-nav);\n line-height: 1.45;\n}\n.mural-txt:focus {\n outline: none;\n border-color: var(--linha-forte);\n}\n.mural-novo-pe {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 8px;\n gap: 12px;\n}\n.mural-fixar {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: var(--t-nav);\n color: var(--tinta-2);\n cursor: pointer;\n user-select: none;\n}\n.mural-publicar {\n padding: 8px 17px;\n border: none;\n border-radius: var(--raio-pill);\n background: var(--acento);\n color: var(--acento-tinta);\n font-size: var(--t-nav);\n font-weight: 500;\n cursor: pointer;\n transition: background var(--transicao);\n}\n.mural-publicar:hover {\n background: var(--acento-hover);\n}\n.mural-publicar:disabled {\n opacity: 0.55;\n cursor: default;\n}\n.mural-lista {\n display: flex;\n flex-direction: column;\n}\n.mural-item {\n padding: 12px 0;\n border-top: 1px solid var(--linha);\n}\n.mural-item:first-child {\n border-top: none;\n}\n.mural-item.pin .mural-texto {\n font-weight: 500;\n}\n.mural-texto {\n font-size: var(--t-corpo);\n color: var(--tinta);\n line-height: 1.5;\n white-space: pre-wrap;\n word-break: break-word;\n}\n.mural-pe {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 6px;\n font-size: var(--t-rotulo);\n color: var(--tinta-3);\n}\n.mural-del {\n border: none;\n background: none;\n color: var(--tinta-3);\n font-size: var(--t-rotulo);\n cursor: pointer;\n padding: 2px 5px;\n border-radius: 6px;\n transition: color var(--transicao), background var(--transicao);\n}\n.mural-del:hover {\n color: var(--perigo);\n background: var(--acento-suave);\n}\n.mural-vazio {\n font-size: var(--t-nav);\n color: var(--tinta-3);\n padding: 4px 0 10px;\n}\n@media (max-width: 640px) {\n .saud-ola {\n font-size: 21px;\n }\n .saud-foto {\n width: 44px;\n height: 44px;\n }\n .mural-item {\n padding: 11px 0;\n }\n}\n\n/* Tema escuro petroleo + alternador (redesign 2026-09) */\n:root[data-theme=\"dark\"] body {\n background:\n radial-gradient(\n 1100px 520px at 72% -8%,\n rgba(0, 211, 200, 0.14),\n transparent 60%\n ),\n radial-gradient(\n 720px 500px at 4% 3%,\n rgba(0, 121, 121, 0.26),\n transparent 62%\n ),\n linear-gradient(158deg, #0a3a37 0%, #04211f 45%, #02100f 100%);\n background-attachment: fixed;\n}\n.topo-tema {\n display: inline-flex;\n background: var(--superficie-2);\n border: 1px solid var(--linha);\n border-radius: 20px;\n padding: 3px;\n}\n.topo-tema button {\n border: none;\n background: none;\n color: var(--tinta-2);\n width: 36px;\n height: 30px;\n border-radius: 16px;\n display: grid;\n place-items: center;\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n}\n.topo-tema button svg {\n width: 15px;\n height: 15px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.8;\n}\n.topo-tema button.on {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n/* ═══ Painel da Home (redesign dashboard 2026-09) ═══ */\n.dash {\n display: grid;\n grid-template-columns: 1.6fr 1fr;\n gap: 20px;\n grid-template-areas:\n \"hero presenca\" \"hero radarbox\" \"mural mural\" \"equipe equipe\";\n}\n.dash-card {\n background: var(--superficie);\n border: 1px solid var(--linha);\n border-radius: 18px;\n box-shadow: var(--elev-1);\n}\n@media (max-width: 1080px) {\n .dash {\n grid-template-columns: 1fr;\n grid-template-areas: \"hero\" \"presenca\" \"radarbox\" \"mural\" \"equipe\";\n }\n}\n\n/* hero */\n.dash-hero {\n grid-area: hero;\n position: relative;\n overflow: hidden;\n padding: 34px 36px 22px;\n display: flex;\n flex-direction: column;\n min-height: 400px;\n}\n.dash-hero-foto {\n position: absolute;\n top: 24px;\n right: 24px;\n width: 34%;\n height: 244px;\n border-radius: 16px;\n border: 1px solid var(--linha);\n box-shadow: var(--elev-2);\n background-size: cover;\n background-position: center 12%;\n background-color: var(--superficie-2);\n}\n.dash-hero-ini {\n position: absolute;\n top: 24px;\n right: 24px;\n width: 34%;\n height: 244px;\n border-radius: 16px;\n border: 1px solid var(--linha);\n display: grid;\n place-items: center;\n background: var(--superficie-2);\n color: var(--tinta-3);\n font-size: 64px;\n font-weight: 700;\n}\n.dash-copy {\n width: 58%;\n position: relative;\n z-index: 2;\n}\n.dash-eyebrow {\n font-size: 12px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--tinta-3);\n font-weight: 600;\n margin-bottom: 12px;\n}\n.dash-ola {\n margin: 0;\n font-size: 44px;\n line-height: 1;\n font-weight: 700;\n letter-spacing: -0.03em;\n color: var(--tinta);\n}\n.dash-ola .dia {\n display: block;\n font-weight: 500;\n color: var(--tinta-2);\n font-size: 16px;\n letter-spacing: 0;\n margin-bottom: 10px;\n}\n.dash-cta {\n margin-top: 22px;\n align-self: flex-start;\n display: inline-flex;\n align-items: center;\n gap: 9px;\n background: var(--acento);\n color: var(--acento-tinta);\n border: none;\n border-radius: 40px;\n padding: 13px 24px;\n font: 600 14.5px var(--sans);\n cursor: pointer;\n}\n.dash-cta:hover {\n background: var(--acento-hover);\n}\n.dash-cta .p {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--acento-tinta);\n display: grid;\n place-items: center;\n}\n.dash-cta .p svg {\n width: 10px;\n height: 10px;\n fill: var(--acento);\n}\n.dash-stats {\n position: relative;\n z-index: 3;\n margin-top: auto;\n display: flex;\n align-items: stretch;\n background: var(--superficie-2);\n border: 1px solid var(--linha);\n border-radius: 16px;\n padding: 6px;\n}\n.dash-stat {\n flex: 1;\n padding: 12px 16px;\n position: relative;\n}\n.dash-stat + .dash-stat::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 24%;\n bottom: 24%;\n width: 1px;\n background: var(--linha);\n}\n.dash-stat .n {\n font-size: 26px;\n font-weight: 700;\n letter-spacing: -0.02em;\n line-height: 1;\n}\n.dash-stat .l {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--tinta-2);\n margin-top: 6px;\n}\n.dash-stat .d {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n}\n.dash-stat.hot {\n background: var(--acento);\n border-radius: 12px;\n}\n.dash-stat.hot .n {\n color: var(--acento-tinta);\n}\n.dash-stat.hot .l {\n color: var(--acento-tinta);\n opacity: 0.78;\n}\n.dash-stat.hot .d {\n background: var(--acento-tinta);\n}\n\n/* presença */\n.dash-presenca {\n grid-area: presenca;\n padding: 22px 24px;\n display: flex;\n flex-direction: column;\n}\n.dash-h {\n font-size: 15.5px;\n font-weight: 700;\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--tinta);\n margin: 0 0 14px;\n}\n.dash-h .pt {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--ok);\n box-shadow: 0 0 8px var(--ok);\n}\n.pres-lista {\n display: flex;\n flex-direction: column;\n gap: 11px;\n}\n.pres-item {\n display: flex;\n align-items: center;\n gap: 11px;\n}\n.pres-item img, .pres-ini {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n object-fit: cover;\n object-position: center top;\n background: var(--superficie-2);\n flex: none;\n}\n.pres-ini {\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 700;\n color: var(--tinta-2);\n}\n.pres-item .pnome {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--tinta);\n}\n.pres-item .pon {\n margin-left: auto;\n font-size: 11px;\n color: var(--ok);\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.pres-item .pon::before {\n content: \"\";\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--ok);\n}\n.pres-vazio {\n font-size: 13px;\n color: var(--tinta-3);\n margin-top: 4px;\n}\n.dash-presenca .cnt {\n margin-top: auto;\n padding-top: 14px;\n font-size: 12.5px;\n color: var(--tinta-3);\n}\n.dash-presenca .cnt b {\n color: var(--tinta);\n}\n\n/* radar + destaque */\n.dash-radarbox {\n grid-area: radarbox;\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n gap: 20px;\n}\n@media (max-width: 1080px) {\n .dash-radarbox {\n grid-template-columns: 1fr 1fr;\n }\n}\n.dash-radar {\n padding: 20px 22px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.dash-radar .t {\n font-size: 14px;\n font-weight: 600;\n color: var(--tinta-2);\n}\n.dash-radar .big {\n display: flex;\n align-items: baseline;\n gap: 9px;\n margin-top: 14px;\n}\n.dash-radar .big b {\n font-size: 40px;\n font-weight: 700;\n letter-spacing: -0.03em;\n color: var(--tinta);\n line-height: 1;\n}\n.dash-radar .cap {\n font-size: 12px;\n color: var(--tinta-3);\n margin-top: 10px;\n}\n.dash-spark {\n margin-top: 8px;\n}\n.dash-spark path {\n fill: none;\n stroke: var(--acento);\n stroke-width: 2.4;\n stroke-linecap: round;\n}\n.dash-feat {\n padding: 18px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.dash-feat .emb {\n width: 88px;\n height: 88px;\n border-radius: 20px;\n margin-bottom: 12px;\n box-shadow: var(--elev-2);\n}\n.dash-feat .k {\n font-size: 10.5px;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n color: var(--tinta-3);\n font-weight: 600;\n}\n.dash-feat .fn {\n font-size: 16px;\n font-weight: 700;\n margin-top: 4px;\n color: var(--tinta);\n}\n.dash-feat .fs {\n font-size: 12px;\n color: var(--tinta-3);\n margin-top: 2px;\n}\n\n/* mural (reusa .mural-*; só o container) */\n.dash-mural {\n grid-area: mural;\n padding: 22px 26px 12px;\n}\n\n/* equipe */\n.dash-equipe {\n grid-area: equipe;\n padding: 24px 28px 12px;\n}\n.eq-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n}\n.eq-head h3 {\n font-size: 18px;\n font-weight: 700;\n margin: 0;\n color: var(--tinta);\n}\n.eq-cols {\n display: grid;\n grid-template-columns: 2.4fr 1.3fr 1fr 1.1fr;\n gap: 16px;\n padding: 13px 6px 11px;\n font-size: 12px;\n color: var(--tinta-3);\n border-bottom: 1px solid var(--linha);\n}\n.eq-row {\n display: grid;\n grid-template-columns: 2.4fr 1.3fr 1fr 1.1fr;\n gap: 16px;\n align-items: center;\n padding: 12px 6px;\n border-bottom: 1px solid var(--linha);\n}\n.eq-row:last-child {\n border-bottom: none;\n}\n.eq-quem {\n display: flex;\n align-items: center;\n gap: 13px;\n}\n.eq-quem img {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n object-fit: cover;\n object-position: center top;\n background: var(--superficie-2);\n flex: none;\n}\n.eq-nome {\n font-weight: 700;\n font-size: 14.5px;\n color: var(--tinta);\n}\n.eq-rl {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 11px;\n color: var(--tinta-2);\n background: var(--superficie-2);\n border: 1px solid var(--linha);\n padding: 2px 8px;\n border-radius: 20px;\n margin-top: 4px;\n}\n.eq-area {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n color: var(--tinta);\n}\n.eq-area .d {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.eq-oab {\n font-size: 12.5px;\n color: var(--tinta-2);\n font-weight: 600;\n}\n.eq-wave path {\n fill: none;\n stroke-width: 2.2;\n stroke-linecap: round;\n opacity: 0.85;\n}\n@media (max-width: 720px) {\n .eq-cols, .eq-row {\n grid-template-columns: 2fr 1fr;\n }\n .eq-cols span:nth-child(3), .eq-cols span:nth-child(4), .eq-oab, .eq-wave {\n display: none;\n }\n}\n/* Refino escuro: cards em vidro + foto do herói derretendo (igual ao mockup) */\n:root[data-theme=\"dark\"] .dash-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n:root[data-theme=\"dark\"] .dash-hero {\n background:\n radial-gradient(\n 680px 520px at 80% 16%,\n rgba(0, 211, 200, 0.15),\n transparent 62%\n ),\n rgba(255, 255, 255, 0.045);\n}\n:root[data-theme=\"dark\"] .dash-stats {\n background: rgba(2, 16, 15, 0.40);\n}\n:root[data-theme=\"dark\"] .dash-hero-foto {\n top: 0;\n right: 0;\n bottom: 0;\n left: auto;\n width: 46%;\n height: auto;\n border: none;\n border-radius: 0;\n box-shadow: none;\n background-color: transparent;\n background-position: center 12%;\n -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 42%);\n mask-image: linear-gradient(90deg, transparent 0, #000 42%);\n}\n:root[data-theme=\"dark\"] .dash-hero-foto::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 58%, rgba(4, 33, 31, 0.82));\n}\n/* Refino escuro v2: botoes de marca em petroleo + menu/topo em vidro */\n:root[data-theme=\"dark\"] {\n --grad-marca: linear-gradient(180deg, #0a8178 0%, #06615b 50%, #033f3a 100%);\n --grad-marca-hover: linear-gradient(\n 180deg,\n #0c948a 0%,\n #086f68 50%,\n #044a44 100%\n );\n --marca-40: rgba(0, 48, 45, 0.5);\n --marca-30: rgba(0, 48, 45, 0.36);\n}\n@media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --grad-marca: linear-gradient(\n 180deg,\n #0a8178 0%,\n #06615b 50%,\n #033f3a 100%\n );\n --grad-marca-hover: linear-gradient(\n 180deg,\n #0c948a 0%,\n #086f68 50%,\n #044a44 100%\n );\n --marca-40: rgba(0, 48, 45, 0.5);\n --marca-30: rgba(0, 48, 45, 0.36);\n }\n}\n:root[data-theme=\"dark\"] .lateral {\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.055),\n rgba(255, 255, 255, 0.018)\n );\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n:root[data-theme=\"dark\"] .topo {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n}\n/* Regra: verde-vivo de fundo = tinta escura, nunca branco. Botoes de marca no escuro: solido + tinta escura */\n:root[data-theme=\"dark\"] .lat-item.ativo {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .lat-item.ativo .lat-ico {\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .lat-item.ativo .lat-conta {\n background: color-mix(in srgb, var(--acento-tinta) 20%, transparent);\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .lat-avatar {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n:root[data-theme=\"dark\"] .btn-solid, :root[data-theme=\"dark\"] .pill-acao-forte {\n background: var(--acento);\n color: var(--acento-tinta);\n}\n/* Calendario no painel */\n.dash-cal {\n padding: 18px 18px 16px;\n display: flex;\n flex-direction: column;\n}\n.cal-cab {\n text-align: center;\n font-size: 14px;\n font-weight: 700;\n color: var(--tinta);\n margin-bottom: 12px;\n}\n.cal-dow {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 2px;\n margin-bottom: 4px;\n}\n.cal-dow span {\n text-align: center;\n font-size: 10.5px;\n color: var(--tinta-3);\n font-weight: 600;\n}\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 2px;\n}\n.cal-dia {\n aspect-ratio: 1;\n display: grid;\n place-items: center;\n font-size: 12px;\n color: var(--tinta-2);\n border-radius: 8px;\n}\n.cal-dia.vazio {\n visibility: hidden;\n}\n.cal-dia.hoje {\n background: var(--acento);\n color: var(--acento-tinta);\n font-weight: 700;\n}\n.cal-conectar {\n margin-top: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n padding: 10px;\n border: 1px solid var(--linha);\n border-radius: 11px;\n background: var(--superficie-2);\n color: var(--tinta);\n font: 600 12.5px var(--sans);\n cursor: pointer;\n}\n.cal-conectar:hover {\n border-color: var(--linha-forte);\n}\n.dash-radar-pe {\n margin-top: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--linha);\n font-size: 12px;\n color: var(--tinta-3);\n}\n.dash-radarbox {\n grid-template-columns: 0.82fr 1.18fr;\n}\n/* [Hoje]: verde-menta claro no escuro pede tinta escura (regra do verde-vivo) */\n:root[data-theme=\"dark\"] .radar-tag-hoje {\n color: var(--acento-tinta);\n}\n/* Botoes de contato na equipe (WhatsApp / E-mail) */\n.eq-acoes {\n display: flex;\n gap: 7px;\n margin-left: auto;\n align-self: center;\n}\n.eq-btn {\n width: 31px;\n height: 31px;\n border-radius: 8px;\n display: grid;\n place-items: center;\n border: 1px solid var(--linha);\n background: var(--superficie-2);\n color: var(--tinta-2);\n text-decoration: none;\n transition: color 0.15s, border-color 0.15s;\n}\n.eq-btn:hover {\n color: var(--tinta);\n border-color: var(--linha-forte);\n}\n.eq-btn svg {\n width: 15px;\n height: 15px;\n}\n.eq-btn.eq-wa:hover {\n color: #25d366;\n border-color: #25d366;\n}\n.eq-btn.off {\n opacity: 0.38;\n cursor: default;\n}\n.eq-btn.off:hover {\n color: var(--tinta-2);\n border-color: var(--linha);\n}\n@media (max-width: 720px) {\n .eq-acoes {\n display: none;\n }\n}\n/* Admin: aba RSS (buscas do Radar) */\n.rss-topo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n font-size: 13px;\n color: var(--tinta-2);\n margin-bottom: 14px;\n padding-bottom: 12px;\n border-bottom: 1px solid var(--linha);\n}\n.rss-topo b {\n color: var(--tinta);\n}\n.rss-area {\n margin-bottom: 18px;\n}\n.rss-area-cab {\n display: flex;\n align-items: center;\n gap: 9px;\n margin-bottom: 8px;\n}\n.rss-area-cab b {\n font-size: 14px;\n}\n.rss-dot {\n width: 9px;\n height: 9px;\n border-radius: 50%;\n flex: none;\n}\n.rss-area-cab .rss-meta {\n font-size: 11.5px;\n color: var(--tinta-3);\n}\n.rss-fonte {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 9px 10px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n margin-bottom: 6px;\n background: var(--superficie);\n}\n.rss-fonte.off {\n opacity: 0.55;\n}\n.rss-fonte-txt {\n flex: 1;\n min-width: 0;\n}\n.rss-nome {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--tinta);\n}\n.rss-url {\n display: block;\n font-size: 11px;\n color: var(--tinta-3);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.rss-tags {\n font-size: 11px;\n color: var(--tinta-3);\n}\n.rss-peso {\n font-size: 11px;\n color: var(--tinta-3);\n font-variant-numeric: tabular-nums;\n}\n.rss-toggle {\n flex: none;\n width: 34px;\n height: 20px;\n border-radius: 20px;\n border: none;\n background: var(--linha-forte);\n position: relative;\n cursor: pointer;\n transition: background 0.15s;\n}\n.rss-toggle::after {\n content: \"\";\n position: absolute;\n top: 2px;\n left: 2px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #fff;\n transition: left 0.15s;\n}\n.rss-toggle.on {\n background: var(--ok);\n}\n.rss-toggle.on::after {\n left: 16px;\n}\n.rss-btn {\n flex: none;\n border: 1px solid var(--linha);\n background: var(--superficie-2);\n color: var(--tinta-2);\n font: 500 11.5px var(--sans);\n padding: 5px 10px;\n border-radius: 8px;\n cursor: pointer;\n}\n.rss-btn:hover {\n color: var(--tinta);\n border-color: var(--linha-forte);\n}\n.rss-btn.danger:hover {\n color: var(--perigo);\n border-color: var(--perigo);\n}","createdAt",["D",1788811403331],"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",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"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",{"_43":44,"_32":45,"_38":283,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":284,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":285,"_84":286,"_86":287,"_88":25},"tree",[189,198,199,200,201],"files",[189,190,191,192,193,194,195,196,197,198,199,200,201],"counts",{"_179":63,"_180":176,"_181":63,"_182":183,"_184":185},"contents",[131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":171,"_32":172,"_30":173,"_139":-5,"_41":42,"_40":174,"_141":59,"_38":175,"_13":176,"_34":177,"_35":-5,"_24":25,"_145":-5,"_27":178},{"_43":163,"_32":164,"_30":165,"_139":-5,"_41":42,"_40":166,"_141":59,"_38":167,"_13":168,"_34":152,"_35":169,"_24":25,"_145":-5,"_27":170},{"_43":155,"_32":156,"_30":57,"_139":-5,"_41":42,"_40":157,"_141":59,"_38":158,"_13":159,"_34":160,"_35":161,"_24":25,"_145":-5,"_27":162},{"_43":147,"_32":148,"_30":149,"_139":-5,"_41":42,"_40":150,"_141":59,"_38":151,"_13":143,"_34":152,"_35":153,"_24":25,"_145":-5,"_27":154},{"_43":136,"_32":137,"_30":138,"_139":-5,"_41":42,"_40":140,"_141":59,"_38":142,"_13":143,"_34":20,"_35":144,"_24":25,"_145":-5,"_27":146},"2b9641be-ac5a-4f38-95aa-b9e581492b3c","rss-semente.json","55cfac00-a806-11f1-ba89-1607ee4eb77e","parentId",105,"latest",["D",1788488186586],3,"[\n[\n\"Família e Sucessões\",\n2,\n\"Inventário e Partilha\",\n\"\\\"inventário extrajudicial\\\" OR \\\"abertura de inventário\\\" OR espólio OR inventariante OR \\\"partilha de bens\\\" OR sobrepartilha OR \\\"vocação hereditária\\\" OR \\\"sucessão do companheiro\\\" OR \\\"arrolamento sumário\\\" OR \\\"habilitação de credores\\\" OR \\\"curador especial\\\" OR ITCMD\",\n\"inventario-partilha\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Testamento e Planejamento Sucessório\",\n\"\\\"testamento vital\\\" OR \\\"abertura de testamento\\\" OR \\\"planejamento sucessório\\\" OR \\\"herdeiros necessários\\\" OR deserdação OR indignidade OR codicilo OR fideicomisso OR testamenteiro OR \\\"diretivas antecipadas de vontade\\\" OR \\\"partilha em vida\\\"\",\n\"testamento-planejament\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Holding Familiar e Doação em Vida\",\n\"\\\"holding familiar\\\" OR \\\"holding patrimonial\\\" OR \\\"doação de quotas\\\" OR \\\"adiantamento de legítima\\\" OR \\\"doação inoficiosa\\\" OR \\\"reserva de usufruto\\\" OR \\\"protocolo familiar\\\" OR \\\"planejamento sucessório\\\" OR \\\"fraude a credores\\\" OR ITCMD\",\n\"holding-familiar\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Divórcio e Dissolução de União Estável\",\n\"divórcio OR \\\"divórcio extrajudicial\\\" OR \\\"dissolução de união estável\\\" OR \\\"separação de corpos\\\" OR \\\"alimentos compensatórios\\\" OR \\\"guarda de animais\\\" OR \\\"pensão alimentícia\\\" OR \\\"separação de fato\\\"\",\n\"divorcio-dissolucao\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Regime de Bens e Pacto Antenupcial\",\n\"\\\"pacto antenupcial\\\" OR \\\"regime de bens\\\" OR \\\"comunhão parcial de bens\\\" OR \\\"comunhão universal de bens\\\" OR \\\"separação convencional de bens\\\" OR \\\"separação obrigatória de bens\\\" OR aquestos OR \\\"outorga conjugal\\\" OR \\\"alteração do regime de bens\\\"\",\n\"regime-bens\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Partilha de Bens e Bens de Difícil Divisão\",\n\"\\\"partilha de bens\\\" OR \\\"apuração de haveres\\\" OR \\\"cessão de direitos hereditários\\\" OR \\\"renúncia à herança\\\" OR \\\"alienação judicial\\\" OR \\\"extinção de condomínio\\\" OR \\\"patrimônio oculto\\\" OR \\\"fundo de comércio\\\" OR \\\"bem indivisível\\\" OR \\\"holding familiar\\\"\",\n\"partilha-bens\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Alimentos\",\n\"\\\"pensão alimentícia\\\" OR \\\"alimentos gravídicos\\\" OR \\\"alimentos provisórios\\\" OR \\\"execução de alimentos\\\" OR \\\"prisão civil\\\" OR \\\"exoneração de alimentos\\\" OR \\\"obrigação alimentar\\\" OR \\\"oferta de alimentos\\\" OR alimentante\",\n\"alimentos\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Guarda, Convivência e Alienação Parental\",\n\"\\\"guarda compartilhada\\\" OR \\\"guarda unilateral\\\" OR \\\"alienação parental\\\" OR \\\"poder familiar\\\" OR \\\"regime de convivência\\\" OR \\\"depoimento especial\\\" OR \\\"escuta especializada\\\" OR \\\"residência alternada\\\" OR \\\"destituição do poder familiar\\\"\",\n\"guarda-convivencia\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"União Estável, Namoro Qualificado e Uniões Simultâneas\",\n\"\\\"união estável\\\" OR \\\"namoro qualificado\\\" OR \\\"contrato de namoro\\\" OR \\\"contrato de convivência\\\" OR \\\"uniões simultâneas\\\" OR \\\"famílias paralelas\\\" OR \\\"direito real de habitação\\\" OR \\\"união homoafetiva\\\"\",\n\"uniao-estavel\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Reconhecimento e Investigação de Paternidade\",\n\"\\\"investigação de paternidade\\\" OR \\\"reconhecimento de paternidade\\\" OR \\\"paternidade socioafetiva\\\" OR multiparentalidade OR \\\"adoção à brasileira\\\" OR \\\"abandono afetivo\\\" OR \\\"barriga de aluguel\\\" OR \\\"gestação por substituição\\\" OR \\\"petição de herança\\\" OR \\\"exame de DNA\\\"\",\n\"reconhecimento-investi\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Curatela, Interdição e Tomada de Decisão Apoiada\",\n\"curatela OR \\\"tomada de decisão apoiada\\\" OR curatelado OR \\\"interdição judicial\\\" OR \\\"levantamento da curatela\\\" OR \\\"Estatuto da Pessoa com Deficiência\\\" OR \\\"curatela provisória\\\"\",\n\"curatela-interdicao\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Violência Doméstica e Medidas Protetivas\",\n\"\\\"violência doméstica\\\" OR \\\"Lei Maria da Penha\\\" OR \\\"medida protetiva\\\" OR \\\"violência patrimonial\\\" OR \\\"violência psicológica\\\" OR \\\"afastamento do agressor\\\" OR \\\"juizado de violência doméstica\\\" OR \\\"descumprimento de medida protetiva\\\"\",\n\"violencia-domestica\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Bem de Família e Impenhorabilidade\",\n\"\\\"bem de família\\\" OR impenhorabilidade OR \\\"imóvel impenhorável\\\" OR \\\"penhora do imóvel\\\" OR \\\"Lei 8.009\\\" OR \\\"fiador de locação\\\" OR \\\"imóvel único\\\"\",\n\"bem-familia\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Adoção e Filiação Socioafetiva\",\n\"\\\"cadastro nacional de adoção\\\" OR \\\"adoção póstuma\\\" OR \\\"adoção unilateral\\\" OR \\\"adoção homoafetiva\\\" OR \\\"estágio de convivência\\\" OR \\\"filiação socioafetiva\\\" OR multiparentalidade OR \\\"reconhecimento socioafetivo\\\" OR \\\"habilitação para adoção\\\"\",\n\"adocao-filiacao\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Direitos da Pessoa Idosa na Família\",\n\"\\\"Estatuto do Idoso\\\" OR \\\"abandono afetivo\\\" OR \\\"abuso financeiro\\\" OR \\\"instituição de longa permanência\\\" OR \\\"violência contra a pessoa idosa\\\" OR \\\"pensão ao ascendente\\\"\",\n\"direitos-pessoa\"\n],\n[\n\"Família e Sucessões\",\n2,\n\"Registro Civil, Nome e Estado da Pessoa\",\n\"\\\"registro civil\\\" OR \\\"retificação de registro\\\" OR \\\"alteração de prenome\\\" OR \\\"morte presumida\\\" OR \\\"averbação de divórcio\\\" OR \\\"registro de nascimento tardio\\\" OR \\\"homologação de sentença estrangeira\\\" OR \\\"sucessão provisória\\\"\",\n\"registro-civil\"\n],\n[\n\"Tributário\",\n2,\n\"Recuperação de Créditos Tributários\",\n\"\\\"recuperação de créditos\\\" OR \\\"crédito tributário\\\" OR \\\"repetição do indébito\\\" OR \\\"exclusão do ICMS\\\" OR \\\"Tema 69\\\" OR \\\"PER/DCOMP\\\" OR \\\"ICMS-ST\\\" OR ressarcimento OR \\\"PIS/Cofins\\\"\",\n\"recuperacao-creditos\"\n],\n[\n\"Tributário\",\n2,\n\"Transação Tributária\",\n\"\\\"transação tributária\\\" OR \\\"transação por adesão\\\" OR \\\"prejuízo fiscal\\\" OR PGFN OR \\\"parcelamento tributário\\\" OR \\\"Lei 14.375\\\"\",\n\"transacao-tributaria\"\n],\n[\n\"Tributário\",\n2,\n\"Execução Fiscal e Defesa do Contribuinte\",\n\"\\\"execução fiscal\\\" OR \\\"prescrição intercorrente\\\" OR \\\"exceção de pré-executividade\\\" OR \\\"penhora de faturamento\\\" OR \\\"cautelar fiscal\\\" OR \\\"dissolução irregular\\\" OR Sisbajud\",\n\"execucao-fiscal\"\n],\n[\n\"Tributário\",\n2,\n\"Autuação Fiscal e Processo Administrativo\",\n\"CARF OR \\\"auto de infração\\\" OR \\\"voto de qualidade\\\" OR \\\"denúncia espontânea\\\" OR \\\"representação fiscal para fins penais\\\" OR \\\"processo administrativo fiscal\\\"\",\n\"autuacao-fiscal\"\n],\n[\n\"Tributário\",\n2,\n\"Planejamento Tributário\",\n\"\\\"planejamento tributário\\\" OR \\\"elisão fiscal\\\" OR \\\"juros sobre capital próprio\\\" OR \\\"holding patrimonial\\\" OR \\\"preço de transferência\\\" OR \\\"norma antielisiva\\\" OR \\\"propósito negocial\\\"\",\n\"planejamento-tributari\"\n],\n[\n\"Tributário\",\n2,\n\"Reforma Tributária: IBS, CBS e Imposto Seletivo\",\n\"\\\"reforma tributária\\\" OR IBS OR \\\"imposto seletivo\\\" OR \\\"split payment\\\" OR \\\"Comitê Gestor do IBS\\\" OR \\\"EC 132\\\"\",\n\"reforma-tributaria\"\n],\n[\n\"Tributário\",\n2,\n\"ICMS\",\n\"ICMS OR \\\"ADC 49\\\" OR DIFAL OR \\\"guerra fiscal\\\" OR \\\"substituição tributária\\\" OR \\\"crédito de ICMS\\\"\",\n\"icms\"\n],\n[\n\"Tributário\",\n2,\n\"ISS\",\n\"ISSQN OR \\\"ISS sobre serviços\\\" OR \\\"ISS sobre software\\\" OR \\\"lista de serviços\\\" OR \\\"sociedade uniprofissional\\\" OR \\\"retenção do ISS\\\"\",\n\"iss\"\n],\n[\n\"Tributário\",\n2,\n\"Tributos Federais: IRPJ, CSLL, PIS e Cofins\",\n\"IRPJ OR CSLL OR Cofins OR \\\"PIS/Cofins\\\" OR \\\"lucro presumido\\\" OR \\\"subvenções para investimento\\\" OR \\\"Tema 1182\\\" OR \\\"malha fiscal\\\"\",\n\"tributos-federais\"\n],\n[\n\"Tributário\",\n2,\n\"Contribuições Previdenciárias e Tributação da Folha\",\n\"\\\"desoneração da folha\\\" OR \\\"contribuição previdenciária\\\" OR pejotização OR CPRB OR \\\"terço constitucional\\\" OR \\\"pró-labore\\\" OR eSocial\",\n\"contribuicoes-previden\"\n],\n[\n\"Tributário\",\n2,\n\"Simples Nacional, Lucro Presumido e Lucro Real\",\n\"\\\"Simples Nacional\\\" OR \\\"lucro presumido\\\" OR \\\"lucro real\\\" OR \\\"fator R\\\" OR MEI OR \\\"regime tributário\\\"\",\n\"simples-nacional\"\n],\n[\n\"Tributário\",\n2,\n\"Tributos sobre Patrimônio e Sucessão: ITBI, ITCMD e IPTU\",\n\"ITCMD OR ITBI OR IPTU OR \\\"imunidade do ITBI\\\" OR \\\"holding familiar\\\" OR \\\"progressividade do ITCMD\\\"\",\n\"tributos-sobre\"\n],\n[\n\"Tributário\",\n2,\n\"Crimes Contra a Ordem Tributária\",\n\"\\\"sonegação fiscal\\\" OR \\\"crimes contra a ordem tributária\\\" OR \\\"extinção da punibilidade\\\" OR \\\"apropriação indébita previdenciária\\\" OR \\\"Lei 8.137\\\"\",\n\"crimes-contra\"\n],\n[\n\"Tributário\",\n2,\n\"Incentivos e Benefícios Fiscais\",\n\"\\\"benefício fiscal\\\" OR \\\"incentivo fiscal\\\" OR Confaz OR drawback OR \\\"renúncia de receita\\\" OR \\\"isenção onerosa\\\"\",\n\"incentivos-beneficios\"\n],\n[\n\"Tributário\",\n2,\n\"Tributação do Agronegócio\",\n\"Funrural OR \\\"produtor rural\\\" OR ITR OR Senar OR agronegócio OR \\\"crédito rural\\\"\",\n\"tributacao-agronegocio\"\n],\n[\n\"Tributário\",\n2,\n\"Tributação da Economia Digital\",\n\"\\\"tributação de software\\\" OR \\\"economia digital\\\" OR \\\"software de prateleira\\\" OR \\\"computação em nuvem\\\" OR CIDE OR \\\"publicidade digital\\\"\",\n\"tributacao-economia\"\n],\n[\n\"Trabalhista\",\n2,\n\"Categorias Profissionais\",\n\"\\\"turno ininterrupto de revezamento\\\" OR \\\"enquadramento sindical\\\" OR \\\"categoria diferenciada\\\" OR \\\"vínculo de emprego\\\" OR \\\"motorista de aplicativo\\\" OR \\\"equiparação salarial\\\" OR \\\"jornada do bancário\\\" OR \\\"trabalho doméstico\\\" OR \\\"trabalhador rural\\\" OR \\\"contribuição sindical\\\"\",\n\"categorias-profissiona\"\n],\n[\n\"Trabalhista\",\n2,\n\"Cargos de Confiança\",\n\"(\\\"cargo de confiança\\\" (\\\"horas extras\\\" OR trabalhista OR CLT OR \\\"gratificação de função\\\")) OR \\\"descaracterização do cargo de confiança\\\" OR \\\"acúmulo de função\\\" OR \\\"alteração contratual lesiva\\\"\",\n\"cargos-confianca\"\n],\n[\n\"Trabalhista\",\n2,\n\"Horas Extras\",\n\"\\\"horas extras\\\" OR \\\"banco de horas\\\" OR \\\"adicional noturno\\\" OR \\\"escala 12x36\\\" OR \\\"cartão de ponto\\\" OR \\\"registro de ponto\\\" OR \\\"intervalo intrajornada\\\" OR \\\"horas in itinere\\\" OR \\\"jornada de trabalho\\\"\",\n\"horas-extras\"\n],\n[\n\"Trabalhista\",\n2,\n\"Doença Laboral\",\n\"\\\"doença ocupacional\\\" OR \\\"doença do trabalho\\\" OR \\\"lesão por esforço repetitivo\\\" OR DORT OR \\\"estabilidade acidentária\\\" OR \\\"nexo técnico epidemiológico\\\" OR \\\"auxílio-doença acidentário\\\" OR \\\"dispensa discriminatória\\\" OR \\\"reabilitação profissional\\\"\",\n\"doenca-laboral\"\n],\n[\n\"Trabalhista\",\n2,\n\"Acidente de Trabalho\",\n\"\\\"acidente de trabalho\\\" OR \\\"acidente de trajeto\\\" OR \\\"estabilidade acidentária\\\" OR \\\"trabalho em altura\\\" OR \\\"ação regressiva do INSS\\\" OR \\\"equipamento de proteção individual\\\" OR \\\"pensão vitalícia\\\"\",\n\"acidente-trabalho\"\n],\n[\n\"Trabalhista\",\n2,\n\"Assédio moral e Burnout\",\n\"\\\"assédio moral\\\" OR \\\"assédio sexual no trabalho\\\" OR \\\"assédio organizacional\\\" OR burnout OR \\\"rescisão indireta\\\" OR \\\"dano existencial\\\" OR \\\"direito à desconexão\\\"\",\n\"assedio-moral\"\n],\n[\n\"Trabalhista\",\n2,\n\"Terceirização e Prestação de Serviços\",\n\"terceirização OR \\\"responsabilidade subsidiária\\\" OR \\\"trabalho temporário\\\" OR \\\"atividade-fim\\\" OR \\\"cooperativa de fachada\\\" OR quarteirização OR \\\"tomador de serviços\\\"\",\n\"terceirizacao-prestaca\"\n],\n[\n\"Trabalhista\",\n2,\n\"Negociação Coletiva e Convenções\",\n\"\\\"negociação coletiva\\\" OR \\\"convenção coletiva\\\" OR \\\"acordo coletivo\\\" OR \\\"dissídio coletivo\\\" OR \\\"contribuição sindical\\\" OR \\\"contribuição assistencial\\\" OR \\\"negociado sobre legislado\\\" OR greve OR \\\"participação nos lucros\\\"\",\n\"negociacao-coletiva\"\n],\n[\n\"Trabalhista\",\n2,\n\"Gestão de Crises Trabalhistas\",\n\"\\\"dispensa em massa\\\" OR \\\"dispensa coletiva\\\" OR \\\"passivo trabalhista\\\" OR \\\"dano moral coletivo\\\" OR MPT OR \\\"Ministério Público do Trabalho\\\" OR \\\"termo de ajustamento de conduta\\\" OR \\\"penhora de faturamento\\\"\",\n\"gestao-crises\"\n],\n[\n\"Trabalhista\",\n2,\n\"Compliance e Due Diligence Trabalhista\",\n\"\\\"trabalho análogo ao de escravo\\\" OR \\\"trabalho escravo\\\" OR \\\"trabalho infantil\\\" OR \\\"igualdade salarial\\\" OR \\\"sucessão trabalhista\\\" OR \\\"certidão negativa de débitos trabalhistas\\\" OR \\\"cota de aprendizes\\\" OR \\\"compliance trabalhista\\\"\",\n\"compliance-due\"\n],\n[\n\"Trabalhista\",\n2,\n\"Auto de Infração Trabalhista\",\n\"\\\"auditor fiscal do trabalho\\\" OR \\\"auto de infração trabalhista\\\" OR \\\"fiscalização do trabalho\\\" OR \\\"Superintendência Regional do Trabalho\\\" OR \\\"interdição de obra\\\" OR \\\"embargo de obra\\\"\",\n\"auto-infracao\"\n],\n[\n\"Trabalhista\",\n2,\n\"Contratação e Modalidades de Contrato\",\n\"\\\"contrato intermitente\\\" OR \\\"trabalho intermitente\\\" OR \\\"contrato de experiência\\\" OR pejotização OR teletrabalho OR \\\"contrato de aprendizagem\\\" OR \\\"contrato por prazo determinado\\\" OR \\\"contrato de estágio\\\"\",\n\"contratacao-modalidade\"\n],\n[\n\"Trabalhista\",\n2,\n\"Rescisão, Verbas e Homologação\",\n\"\\\"verbas rescisórias\\\" OR \\\"aviso prévio\\\" OR \\\"justa causa\\\" OR \\\"rescisão por acordo\\\" OR \\\"estabilidade da gestante\\\" OR \\\"multa do FGTS\\\" OR \\\"pedido de demissão\\\"\",\n\"rescisao-verbas\"\n],\n[\n\"Trabalhista\",\n2,\n\"Execução Trabalhista\",\n\"\\\"execução trabalhista\\\" OR \\\"desconsideração da personalidade jurídica\\\" OR \\\"prescrição intercorrente\\\" OR \\\"seguro garantia\\\" OR \\\"fraude à execução\\\" OR (\\\"embargos à execução\\\" trabalhista)\",\n\"execucao-trabalhista\"\n],\n[\n\"Trabalhista\",\n2,\n\"eSocial, Fiscalização e Obrigações Acessórias\",\n\"eSocial OR \\\"FGTS Digital\\\" OR \\\"empregado sem registro\\\" OR \\\"Comunicação de Acidente de Trabalho\\\" OR CIPA OR \\\"Fator Acidentário de Prevenção\\\" OR \\\"fiscalização do trabalho\\\"\",\n\"esocial-fiscalizacao\"\n],\n[\n\"Administrativo\",\n2,\n\"Licitações\",\n\"\\\"licitação\\\" OR \\\"Lei 14.133\\\" OR \\\"pregão eletrônico\\\" OR \\\"edital de licitação\\\" OR \\\"dispensa de licitação\\\" OR \\\"inexigibilidade de licitação\\\" OR \\\"registro de preços\\\" OR \\\"PNCP\\\"\",\n\"licitacoes\"\n],\n[\n\"Administrativo\",\n2,\n\"Contratos Administrativos\",\n\"\\\"contrato administrativo\\\" OR \\\"cláusulas exorbitantes\\\" OR \\\"aditivo contratual\\\" OR \\\"seguro-garantia\\\" OR \\\"rescisão de contrato administrativo\\\" OR \\\"fiscal do contrato\\\" OR \\\"ordem cronológica de pagamentos\\\"\",\n\"contratos-administrati\"\n],\n[\n\"Administrativo\",\n2,\n\"Impugnação de Edital e Recursos Administrativos\",\n\"\\\"impugnação de edital\\\" OR \\\"impugnação ao edital\\\" OR \\\"recurso contra edital\\\" OR \\\"pregoeiro\\\" OR \\\"revogação da licitação\\\" OR \\\"suspensão da licitação\\\" OR \\\"certame licitatório\\\"\",\n\"impugnacao-edital\"\n],\n[\n\"Administrativo\",\n2,\n\"Sanções Administrativas e Declaração de Inidoneidade\",\n\"\\\"declaração de inidoneidade\\\" OR \\\"impedimento de licitar\\\" OR \\\"sanção administrativa\\\" OR \\\"acordo de leniência\\\" OR \\\"Lei Anticorrupção\\\" OR \\\"processo administrativo sancionador\\\" OR \\\"CEIS\\\"\",\n\"sancoes-administrativa\"\n],\n[\n\"Administrativo\",\n2,\n\"Equilíbrio Econômico-Financeiro e Reajuste\",\n\"\\\"equilíbrio econômico-financeiro\\\" OR \\\"reequilíbrio contratual\\\" OR \\\"repactuação\\\" OR \\\"fato do príncipe\\\" OR \\\"revisão de preços\\\" OR \\\"recomposição de preços\\\"\",\n\"equilibrio-economico\"\n],\n[\n\"Administrativo\",\n2,\n\"Improbidade Administrativa\",\n\"\\\"improbidade administrativa\\\" OR \\\"ação de improbidade\\\" OR \\\"Lei de Improbidade\\\" OR \\\"Lei 14.230\\\" OR \\\"indisponibilidade de bens\\\" OR \\\"acordo de não persecução civil\\\"\",\n\"improbidade-administra\"\n],\n[\n\"Administrativo\",\n2,\n\"Servidor Público e Regime Estatutário\",\n\"\\\"servidor público\\\" OR \\\"processo administrativo disciplinar\\\" OR \\\"estatuto do servidor\\\" OR \\\"teto remuneratório\\\" OR \\\"acumulação de cargos\\\" OR \\\"cassação de aposentadoria\\\" OR \\\"estágio probatório\\\"\",\n\"servidor-publico\"\n],\n[\n\"Administrativo\",\n2,\n\"Concurso Público\",\n\"\\\"concurso público\\\" OR \\\"direito à nomeação\\\" OR \\\"cadastro de reserva\\\" OR \\\"aprovados no concurso\\\" OR \\\"exame psicotécnico\\\" OR \\\"nomeação tardia\\\" OR \\\"anulação de questão\\\"\",\n\"concurso-publico\"\n],\n[\n\"Administrativo\",\n2,\n\"Responsabilidade Civil do Estado\",\n\"\\\"responsabilidade civil do Estado\\\" OR \\\"responsabilidade do Estado\\\" OR \\\"condenado a indenizar\\\" OR \\\"Fazenda Pública\\\" OR \\\"erro médico\\\" OR \\\"prisão indevida\\\" OR \\\"omissão do poder público\\\"\",\n\"responsabilidade-civil\"\n],\n[\n\"Administrativo\",\n2,\n\"Tribunal de Contas e Tomada de Contas Especial\",\n\"\\\"Tribunal de Contas\\\" OR \\\"tomada de contas especial\\\" OR \\\"ressarcimento ao erário\\\" OR \\\"superfaturamento\\\" OR \\\"sobrepreço\\\" OR \\\"acórdão do TCU\\\" OR \\\"débito imputado\\\"\",\n\"tribunal-contas\"\n],\n[\n\"Administrativo\",\n2,\n\"Poder de Polícia, Licenças e Autos de Infração\",\n\"\\\"auto de infração\\\" OR \\\"poder de polícia\\\" OR \\\"alvará de funcionamento\\\" OR \\\"vigilância sanitária\\\" OR \\\"licenciamento ambiental\\\" OR \\\"embargo de obra\\\" OR \\\"multa ambiental\\\" OR \\\"Procon\\\"\",\n\"poder-policia\"\n],\n[\n\"Administrativo\",\n2,\n\"Convênios, Parcerias e Terceiro Setor\",\n\"\\\"chamamento público\\\" OR \\\"termo de colaboração\\\" OR \\\"termo de fomento\\\" OR \\\"OSCIP\\\" OR \\\"Organização Social\\\" OR \\\"contrato de gestão\\\" OR \\\"Lei 13.019\\\" OR \\\"terceiro setor\\\"\",\n\"convenios-parcerias\"\n],\n[\n\"Administrativo\",\n2,\n\"Contratação Direta: Dispensa e Inexigibilidade\",\n\"\\\"contratação direta\\\" OR \\\"dispensa de licitação\\\" OR \\\"inexigibilidade de licitação\\\" OR \\\"contratação emergencial\\\" OR \\\"notória especialização\\\" OR \\\"dispensa eletrônica\\\" OR \\\"fornecedor exclusivo\\\"\",\n\"contratacao-direta\"\n],\n[\n\"Administrativo\",\n2,\n\"Registro de Preços e Adesão à Ata\",\n\"\\\"registro de preços\\\" OR \\\"ata de registro de preços\\\" OR \\\"adesão à ata\\\" OR \\\"sistema de registro de preços\\\" OR \\\"órgão gerenciador\\\" OR \\\"carona em ata\\\"\",\n\"registro-precos\"\n],\n[\n\"Administrativo\",\n2,\n\"Concessões, PPP e Serviços Públicos\",\n\"\\\"concessão de serviço público\\\" OR \\\"parceria público-privada\\\" OR \\\"contrato de concessão\\\" OR \\\"concessão rodoviária\\\" OR \\\"revisão tarifária\\\" OR \\\"agência reguladora\\\" OR \\\"encampação\\\"\",\n\"concessoes-ppp\"\n],\n[\n\"Administrativo\",\n2,\n\"Precatórios e Requisição de Pequeno Valor\",\n\"\\\"precatório\\\" OR \\\"precatórios\\\" OR \\\"requisição de pequeno valor\\\" OR \\\"cessão de precatório\\\" OR \\\"regime especial de precatórios\\\" OR \\\"sequestro de verba pública\\\"\",\n\"precatorios-requisicao\"\n],\n[\n\"Empresarial\",\n2,\n\"Constituição e Tipos Societários\",\n\"\\\"Junta Comercial\\\" OR \\\"contrato social da empresa\\\" OR \\\"capital social\\\" OR \\\"cessão de quotas\\\" OR \\\"sociedade limitada\\\" OR \\\"sociedade unipessoal\\\" OR \\\"sociedade em conta de participação\\\" OR \\\"sociedade de propósito específico\\\" OR \\\"empresário individual\\\"\",\n\"constituicao-tipos\"\n],\n[\n\"Empresarial\",\n2,\n\"Acordo de Sócios e Governança\",\n\"\\\"acordo de sócios\\\" OR \\\"acordo de acionistas\\\" OR \\\"tag along\\\" OR \\\"drag along\\\" OR \\\"conselho de administração\\\" OR \\\"arbitragem societária\\\" OR \\\"assembleia de sócios\\\" OR \\\"governança corporativa\\\" OR \\\"distribuição de lucros\\\"\",\n\"acordo-socios\"\n],\n[\n\"Empresarial\",\n2,\n\"Conflito Societário e Saída do Sócio\",\n\"\\\"apuração de haveres\\\" OR \\\"dissolução parcial de sociedade\\\" OR \\\"exclusão de sócio\\\" OR \\\"direito de recesso\\\" OR \\\"affectio societatis\\\" OR \\\"conflito societário\\\" OR \\\"sócio minoritário\\\" OR \\\"sócio remisso\\\"\",\n\"conflito-societario\"\n],\n[\n\"Empresarial\",\n2,\n\"Holding e Planejamento Patrimonial\",\n\"\\\"holding familiar\\\" OR \\\"holding patrimonial\\\" OR \\\"planejamento sucessório\\\" OR \\\"planejamento patrimonial\\\" OR \\\"doação de quotas\\\" OR \\\"blindagem patrimonial\\\" OR \\\"holding rural\\\" OR \\\"imunidade de ITBI\\\"\",\n\"holding-planejamento\"\n],\n[\n\"Empresarial\",\n2,\n\"Responsabilidade dos Administradores\",\n\"\\\"responsabilidade do administrador\\\" OR \\\"seguro D&O\\\" OR \\\"business judgment rule\\\" OR \\\"administrador de fato\\\" OR \\\"dever de diligência\\\" OR \\\"ação social de responsabilidade\\\"\",\n\"responsabilidade-admin\"\n],\n[\n\"Empresarial\",\n2,\n\"Recuperação Judicial e Extrajudicial\",\n\"\\\"recuperação judicial\\\" OR \\\"recuperação extrajudicial\\\" OR \\\"plano de recuperação\\\" OR \\\"assembleia geral de credores\\\" OR \\\"administrador judicial\\\" OR \\\"cram down\\\" OR \\\"stay period\\\"\",\n\"recuperacao-judicial\"\n],\n[\n\"Empresarial\",\n2,\n\"Falência\",\n\"\\\"pedido de falência\\\" OR \\\"massa falida\\\" OR \\\"decretação de falência\\\" OR \\\"autofalência\\\" OR \\\"crimes falimentares\\\" OR \\\"Lei de Falências\\\" OR \\\"ação revocatória\\\"\",\n\"falencia\"\n],\n[\n\"Empresarial\",\n2,\n\"Cobrança e Execução de Créditos\",\n\"\\\"penhora online\\\" OR \\\"Sisbajud\\\" OR \\\"ação monitória\\\" OR \\\"fraude à execução\\\" OR \\\"protesto de título\\\" OR \\\"execução de título extrajudicial\\\" OR \\\"penhora de faturamento\\\" OR \\\"penhora de criptoativos\\\"\",\n\"cobranca-execucao\"\n],\n[\n\"Empresarial\",\n2,\n\"Grupo Econômico e Desconsideração da Personalidade Jurídica\",\n\"\\\"desconsideração da personalidade jurídica\\\" OR \\\"grupo econômico\\\" OR \\\"confusão patrimonial\\\" OR \\\"desvio de finalidade\\\" OR \\\"blindagem patrimonial\\\" OR \\\"incidente de desconsideração\\\" OR \\\"sucessão empresarial\\\"\",\n\"grupo-economico\"\n],\n[\n\"Empresarial\",\n2,\n\"Compra e Venda de Empresas e Due Diligence\",\n\"\\\"due diligence\\\" OR \\\"fusões e aquisições\\\" OR \\\"CADE\\\" OR \\\"trespasse\\\" OR \\\"earn-out\\\" OR \\\"gun jumping\\\" OR \\\"compra de empresa\\\" OR \\\"declarações e garantias\\\"\",\n\"compra-venda\"\n],\n[\n\"Empresarial\",\n2,\n\"Marca, Propriedade Intelectual e Concorrência\",\n\"\\\"propriedade intelectual\\\" OR \\\"registro de marca\\\" OR \\\"marca registrada\\\" OR \\\"INPI\\\" OR \\\"concorrência desleal\\\" OR \\\"trade dress\\\" OR \\\"propriedade industrial\\\" OR \\\"franquia\\\" OR \\\"patente de invenção\\\"\",\n\"marca-propriedade\"\n],\n[\n\"Empresarial\",\n2,\n\"Startups, Investimento e Participação\",\n\"\\\"Marco Legal das Startups\\\" OR \\\"investidor-anjo\\\" OR \\\"mútuo conversível\\\" OR \\\"stock options\\\" OR \\\"cap table\\\" OR \\\"equity crowdfunding\\\" OR \\\"sandbox regulatório\\\" OR \\\"cláusula antidiluição\\\"\",\n\"startups-investimento\"\n],\n[\n\"Empresarial\",\n2,\n\"Compliance e Programa de Integridade\",\n\"\\\"Lei Anticorrupção\\\" OR \\\"programa de integridade\\\" OR \\\"acordo de leniência\\\" OR \\\"compliance\\\" OR \\\"canal de denúncia\\\" OR \\\"política anticorrupção\\\" OR \\\"responsabilidade objetiva da pessoa jurídica\\\"\",\n\"compliance-programa\"\n],\n[\n\"Empresarial\",\n2,\n\"Reorganização Societária\",\n\"\\\"reorganização societária\\\" OR \\\"incorporação de sociedade\\\" OR \\\"cisão parcial\\\" OR \\\"transformação societária\\\" OR \\\"relação de substituição de quotas\\\" OR \\\"reorganização empresarial\\\"\",\n\"reorganizacao-societar\"\n],\n[\n\"Empresarial\",\n2,\n\"Sucessão na Empresa Familiar\",\n\"\\\"empresa familiar\\\" OR \\\"sucessão familiar\\\" OR \\\"sucessão na empresa familiar\\\" OR \\\"plano de sucessão\\\" OR \\\"conselho de família\\\" OR \\\"profissionalização da gestão\\\" OR \\\"sucessão empresarial\\\"\",\n\"sucessao-empresa\"\n],\n[\n\"Empresarial\",\n2,\n\"Relação de Consumo na Atividade Empresarial\",\n\"\\\"direito do consumidor\\\" OR \\\"Código de Defesa do Consumidor\\\" OR \\\"Procon\\\" OR \\\"publicidade enganosa\\\" OR \\\"direito de arrependimento\\\" OR \\\"recall\\\" OR \\\"relação de consumo\\\" OR \\\"LGPD\\\"\",\n\"relacao-consumo\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Formação, Validade e Prova do Contrato\",\n\"\\\"assinatura eletrônica\\\" OR \\\"ICP-Brasil\\\" OR \\\"contrato preliminar\\\" OR \\\"contrato verbal\\\" OR \\\"ata notarial\\\" OR \\\"estado de perigo\\\" OR \\\"boa-fé objetiva\\\" OR \\\"carta de intenções\\\" OR \\\"vício de consentimento\\\"\",\n\"formacao-validade\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Cláusulas Críticas e Alocação de Risco\",\n\"\\\"cláusula anticorrupção\\\" OR \\\"Lei Anticorrupção\\\" OR \\\"cláusula de não concorrência\\\" OR \\\"eleição de foro\\\" OR \\\"lucros cessantes\\\" OR \\\"força maior\\\" OR \\\"caso fortuito\\\" OR \\\"Lei da Liberdade Econômica\\\"\",\n\"clausulas-criticas\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Garantias Contratuais\",\n\"\\\"alienação fiduciária\\\" OR \\\"seguro garantia\\\" OR \\\"fiança bancária\\\" OR \\\"cessão fiduciária\\\" OR \\\"penhor mercantil\\\" OR \\\"carta de conforto\\\" OR \\\"excussão\\\"\",\n\"garantias-contratuais\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Inadimplemento, Rescisão e Multa\",\n\"\\\"cláusula penal\\\" OR \\\"adimplemento substancial\\\" OR \\\"distrato\\\" OR \\\"rescisão contratual\\\" OR \\\"exceção de contrato não cumprido\\\" OR \\\"consignação em pagamento\\\" OR \\\"cláusula resolutiva\\\"\",\n\"inadimplemento-rescisa\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Revisão Contratual e Onerosidade Excessiva\",\n\"\\\"onerosidade excessiva\\\" OR \\\"teoria da imprevisão\\\" OR \\\"revisão contratual\\\" OR \\\"quebra da base do negócio\\\" OR \\\"fato do príncipe\\\"\",\n\"revisao-contratual\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Contratos de Fornecimento e Prestação de Serviços\",\n\"\\\"vício redibitório\\\" OR \\\"empreitada\\\" OR \\\"evicção\\\" OR \\\"take or pay\\\" OR \\\"obrigação de resultado\\\" OR \\\"contrato de fornecimento\\\"\",\n\"contratos-fornecimento\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Distribuição, Representação Comercial e Franquia\",\n\"\\\"representação comercial\\\" OR \\\"representante comercial\\\" OR \\\"contrato de franquia\\\" OR \\\"Lei de Franquias\\\" OR \\\"Circular de Oferta de Franquia\\\" OR \\\"contrato de agência\\\" OR \\\"del credere\\\"\",\n\"distribuicao-represent\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Contratos de Tecnologia, SaaS e Licenciamento\",\n\"\\\"Lei do Software\\\" OR \\\"licença de software\\\" OR \\\"código-fonte\\\" OR \\\"engenharia reversa\\\" OR \\\"Marco Civil da Internet\\\" OR \\\"cessão de direitos autorais\\\" OR \\\"contrato de licenciamento\\\"\",\n\"contratos-tecnologia\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Contratos Imobiliários Empresariais (built to suit, leaseback, locação comercial)\",\n\"\\\"built to suit\\\" OR \\\"sale and leaseback\\\" OR \\\"ação renovatória\\\" OR \\\"locação comercial\\\" OR \\\"locação não residencial\\\" OR \\\"Lei do Inquilinato\\\" OR \\\"denúncia vazia\\\" OR \\\"ação revisional de aluguel\\\"\",\n\"contratos-imobiliarios\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Estruturação de Negócios e Escolha do Veículo\",\n\"\\\"Marco Legal das Startups\\\" OR \\\"mútuo conversível\\\" OR \\\"joint venture\\\" OR \\\"sociedade em conta de participação\\\" OR \\\"trespasse\\\" OR \\\"investidor anjo\\\" OR \\\"due diligence\\\"\",\n\"estruturacao-negocios\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"LGPD e Proteção de Dados nos Contratos\",\n\"\\\"LGPD\\\" OR \\\"ANPD\\\" OR \\\"proteção de dados\\\" OR \\\"vazamento de dados\\\" OR \\\"transferência internacional de dados\\\" OR \\\"encarregado de dados\\\"\",\n\"lgpd-protecao\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Mediação, Arbitragem e Resolução de Conflitos\",\n\"\\\"cláusula compromissória\\\" OR \\\"sentença arbitral\\\" OR \\\"câmara arbitral\\\" OR \\\"Lei de Arbitragem\\\" OR \\\"arbitragem empresarial\\\" OR \\\"negócio jurídico processual\\\" OR \\\"dispute board\\\"\",\n\"mediacao-arbitragem\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Contratos de Adesão e Relação de Consumo\",\n\"\\\"contrato de adesão\\\" OR \\\"cláusula abusiva\\\" OR \\\"Código de Defesa do Consumidor\\\" OR \\\"direito de arrependimento\\\" OR \\\"vício do produto\\\" OR \\\"relação de consumo\\\"\",\n\"contratos-adesao\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Contratos Bancários e de Crédito\",\n\"\\\"cédula de crédito bancário\\\" OR \\\"capitalização de juros\\\" OR \\\"juros remuneratórios\\\" OR \\\"comissão de permanência\\\" OR \\\"revisão bancária\\\" OR \\\"arrendamento mercantil\\\" OR \\\"valor residual garantido\\\"\",\n\"contratos-bancarios\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Contratos Internacionais\",\n\"\\\"contrato internacional\\\" OR \\\"Incoterms\\\" OR \\\"arbitragem internacional\\\" OR \\\"contrato de câmbio\\\" OR \\\"homologação de sentença estrangeira\\\" OR \\\"lei aplicável\\\"\",\n\"contratos-internaciona\"\n],\n[\n\"Contratos e Estruturação de Negócios\",\n2,\n\"Confidencialidade, Não Concorrência e Não Aliciamento\",\n\"\\\"cláusula de não concorrência\\\" OR \\\"acordo de confidencialidade\\\" OR \\\"segredo de negócio\\\" OR \\\"concorrência desleal\\\" OR \\\"não aliciamento\\\" OR \\\"cláusula de sigilo\\\"\",\n\"confidencialidade-nao\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Negativa de Cirurgias\",\n\"\\\"negativa de cirurgia\\\" OR \\\"cirurgia negada\\\" OR \\\"plano de saúde nega cirurgia\\\" OR \\\"negativa de cobertura\\\" OR \\\"liminar para cirurgia\\\"\",\n\"negativa-cirurgias\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Negativa de Cirurgia Robótica\",\n\"\\\"negativa de cirurgia robótica\\\" OR \\\"cirurgia robótica negada\\\" OR \\\"cirurgia robótica\\\" \\\"plano de saúde\\\" OR \\\"cobertura de cirurgia robótica\\\"\",\n\"negativa-cirurgia\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Negativa de Medicamentos\",\n\"\\\"negativa de medicamento\\\" OR \\\"medicamento negado\\\" OR \\\"plano de saúde nega remédio\\\" OR \\\"fornecimento de medicamento\\\" \\\"justiça\\\" OR \\\"canabidiol\\\" \\\"liminar\\\"\",\n\"negativa-medicamentos\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Negativa de Medicamentos de Alto Custo\",\n\"\\\"medicamento de alto custo\\\" OR \\\"remédio de alto custo\\\" OR \\\"alto custo\\\" \\\"plano de saúde\\\" OR \\\"alto custo\\\" \\\"liminar\\\" OR \\\"Zolgensma\\\" \\\"liminar\\\" OR \\\"judicialização da saúde\\\"\",\n\"negativa-medicamentos\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Negativa de Tratamento / Multidisciplinar\",\n\"\\\"plano de saúde\\\" \\\"autismo\\\" OR \\\"terapia ABA\\\" OR \\\"limite de sessões\\\" \\\"plano de saúde\\\" OR \\\"número de sessões\\\" \\\"ANS\\\" OR \\\"negativa de tratamento\\\" \\\"plano de saúde\\\"\",\n\"negativa-tratamento\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Negativa de prótese e órtese\",\n\"\\\"OPME\\\" OR \\\"negativa de prótese\\\" OR \\\"prótese\\\" \\\"plano de saúde\\\" OR \\\"órtese\\\" \\\"plano de saúde\\\" OR \\\"material cirúrgico\\\" \\\"plano de saúde\\\"\",\n\"negativa-protese\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Reembolso de Procedimentos, Medicamentos e Tratamentos\",\n\"\\\"reembolso\\\" \\\"plano de saúde\\\" OR \\\"reembolso assistido\\\" OR \\\"fraude no reembolso\\\" \\\"plano de saúde\\\" OR \\\"glosa\\\" \\\"plano de saúde\\\" OR \\\"operadora\\\" \\\"reembolso\\\"\",\n\"reembolso-procedimento\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Reajuste por Faixa Etária\",\n\"\\\"reajuste por faixa etária\\\" \\\"plano de saúde\\\" OR \\\"reajuste\\\" \\\"plano de saúde\\\" \\\"idoso\\\" OR \\\"Tema 952\\\" \\\"plano de saúde\\\" OR \\\"faixa etária\\\" \\\"ANS\\\"\",\n\"reajuste-faixa\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Reajuste Plano Falso Coletivo\",\n\"\\\"falso coletivo\\\" OR \\\"plano coletivo\\\" \\\"reajuste\\\" OR \\\"coletivo por adesão\\\" \\\"plano de saúde\\\" OR \\\"sinistralidade\\\" \\\"plano de saúde\\\" OR \\\"administradora de benefícios\\\"\",\n\"reajuste-plano\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Revisional de Planos de Saúde\",\n\"\\\"ação revisional\\\" \\\"plano de saúde\\\" OR \\\"cláusula abusiva\\\" \\\"plano de saúde\\\" OR \\\"reajuste\\\" \\\"plano de saúde\\\" \\\"abusivo\\\" OR \\\"coparticipação\\\" \\\"plano de saúde\\\"\",\n\"revisional-planos\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Cancelamento de Plano e Inclusão de Dependente\",\n\"\\\"cancelamento\\\" \\\"plano de saúde\\\" OR \\\"rescisão unilateral\\\" \\\"plano de saúde\\\" OR \\\"plano de saúde\\\" \\\"inadimplência\\\" OR \\\"portabilidade de carências\\\" OR \\\"plano de saúde\\\" \\\"demitido\\\"\",\n\"cancelamento-plano\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Homecare\",\n\"\\\"home care\\\" \\\"plano de saúde\\\" OR \\\"homecare\\\" \\\"plano de saúde\\\" OR \\\"internação domiciliar\\\" OR \\\"negativa de home care\\\" OR \\\"atendimento domiciliar\\\" \\\"plano de saúde\\\"\",\n\"homecare\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Defesa do Médico no Conselho\",\n\"\\\"conselho de medicina\\\" OR \\\"processo ético\\\" \\\"médico\\\" OR \\\"CFM\\\" \\\"médico\\\" OR \\\"publicidade médica\\\" OR \\\"conselho regional de medicina\\\"\",\n\"defesa-medico\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Erro Médico e Responsabilidade Civil\",\n\"\\\"erro médico\\\" OR \\\"indenização\\\" \\\"erro médico\\\" OR \\\"responsabilidade civil\\\" \\\"médico\\\" OR \\\"dano estético\\\" \\\"cirurgia\\\" OR \\\"erro de diagnóstico\\\"\",\n\"erro-medico\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Clínicas, Hospitais e PJ Médica\",\n\"\\\"pejotização\\\" \\\"médico\\\" OR \\\"glosa\\\" \\\"operadora\\\" OR \\\"descredenciamento\\\" \\\"plano de saúde\\\" OR \\\"apuração de haveres\\\" \\\"clínica\\\" OR \\\"cooperativa médica\\\" OR \\\"credenciamento\\\" \\\"operadora de saúde\\\"\",\n\"clinicas-hospitais\"\n],\n[\n\"Saúde e Médico\",\n2,\n\"Telemedicina, Anvisa e LGPD do Paciente\",\n\"\\\"telemedicina\\\" OR \\\"teleconsulta\\\" OR \\\"LGPD\\\" \\\"saúde\\\" OR \\\"prontuário eletrônico\\\" OR \\\"vigilância sanitária\\\" \\\"clínica\\\" OR \\\"dado sensível\\\" \\\"saúde\\\"\",\n\"telemedicina-anvisa\"\n],\n[\n\"Imobiliário\",\n2,\n\"Vícios Construtivos e Responsabilidade do Construtor\",\n\"\\\"vício construtivo\\\" OR \\\"vícios construtivos\\\" OR \\\"vícios de construção\\\" OR \\\"defeito de construção\\\" OR \\\"responsabilidade da construtora\\\" OR \\\"atraso na entrega de imóvel\\\" OR \\\"infiltração no imóvel\\\" OR \\\"garantia da obra\\\"\",\n\"vicios-construtivos\"\n],\n[\n\"Imobiliário\",\n2,\n\"Direito de Vizinhança\",\n\"\\\"direito de vizinhança\\\" OR \\\"perturbação do sossego\\\" OR \\\"lei do silêncio\\\" OR \\\"uso anormal da propriedade\\\" OR \\\"dano infecto\\\" OR \\\"esbulho possessório\\\" OR \\\"obra do vizinho\\\"\",\n\"direito-vizinhanca\"\n],\n[\n\"Imobiliário\",\n2,\n\"Compra e Venda\",\n\"\\\"compromisso de compra e venda\\\" OR \\\"compra e venda de imóvel\\\" OR \\\"adjudicação compulsória\\\" OR \\\"arras\\\" OR \\\"evicção\\\" OR \\\"vícios redibitórios\\\" OR \\\"fraude à execução\\\" OR \\\"distrato imobiliário\\\"\",\n\"compra-venda\"\n],\n[\n\"Imobiliário\",\n2,\n\"Locação\",\n\"\\\"Lei do Inquilinato\\\" OR \\\"contrato de aluguel\\\" OR \\\"ação renovatória\\\" OR \\\"reajuste do aluguel\\\" OR \\\"revisional de aluguel\\\" OR \\\"locação por temporada\\\" OR \\\"contrato de locação\\\" OR \\\"fiador do aluguel\\\"\",\n\"locacao\"\n],\n[\n\"Imobiliário\",\n2,\n\"Regularização de Construção\",\n\"\\\"habite-se\\\" OR \\\"alvará de construção\\\" OR \\\"embargo de obra\\\" OR \\\"REURB\\\" OR \\\"regularização fundiária\\\" OR \\\"plano diretor\\\" OR \\\"outorga onerosa\\\" OR \\\"terreno de marinha\\\" OR \\\"auto de infração de obra\\\"\",\n\"regularizacao-construc\"\n],\n[\n\"Imobiliário\",\n2,\n\"Incorporação Imobiliária\",\n\"\\\"incorporação imobiliária\\\" OR \\\"patrimônio de afetação\\\" OR \\\"imóvel na planta\\\" OR \\\"compra na planta\\\" OR \\\"lei do distrato\\\" OR \\\"memorial de incorporação\\\" OR \\\"atraso na entrega da obra\\\"\",\n\"incorporacao-imobiliar\"\n],\n[\n\"Imobiliário\",\n2,\n\"Loteamentos e Condomínios\",\n\"\\\"loteamento\\\" OR \\\"condomínio de lotes\\\" OR \\\"loteamento fechado\\\" OR \\\"associação de moradores\\\" OR \\\"parcelamento do solo\\\" OR \\\"taxa condominial\\\" OR \\\"loteador\\\"\",\n\"loteamentos-condominio\"\n],\n[\n\"Imobiliário\",\n2,\n\"Multipropriedade\",\n\"\\\"multipropriedade\\\" OR \\\"multiproprietário\\\" OR \\\"tempo compartilhado\\\" OR \\\"fração de tempo\\\" OR \\\"time-sharing\\\" OR \\\"cota de multipropriedade\\\"\",\n\"multipropriedade\"\n],\n[\n\"Imobiliário\",\n2,\n\"Usucapião\",\n\"\\\"usucapião\\\" OR \\\"usucapião extrajudicial\\\" OR \\\"usucapião urbana\\\" OR \\\"usucapião rural\\\" OR \\\"usucapião familiar\\\"\",\n\"usucapiao\"\n],\n[\n\"Imobiliário\",\n2,\n\"Desapropriação\",\n\"\\\"desapropriação\\\" OR \\\"desapropriação indireta\\\" OR \\\"justa indenização\\\" OR \\\"imissão na posse\\\" OR \\\"tredestinação\\\" OR \\\"retrocessão\\\" OR \\\"decreto expropriatório\\\" OR \\\"reforma agrária\\\"\",\n\"desapropriacao\"\n],\n[\n\"Imobiliário\",\n2,\n\"Leilões\",\n\"\\\"leilão de imóvel\\\" OR \\\"leilão extrajudicial\\\" OR \\\"arrematação de imóvel\\\" OR \\\"arrematante\\\" OR \\\"carta de arrematação\\\" OR \\\"preço vil\\\" OR \\\"leilão judicial de imóvel\\\"\",\n\"leiloes\"\n],\n[\n\"Imobiliário\",\n2,\n\"Posse e Propriedade\",\n\"\\\"reintegração de posse\\\" OR \\\"ação possessória\\\" OR \\\"manutenção de posse\\\" OR \\\"interdito proibitório\\\" OR \\\"esbulho\\\" OR \\\"turbação\\\" OR \\\"ação reivindicatória\\\" OR \\\"função social da propriedade\\\"\",\n\"posse-propriedade\"\n],\n[\n\"Imobiliário\",\n2,\n\"Imóvel em Condomínio\",\n\"\\\"condomínio edilício\\\" OR \\\"convenção de condomínio\\\" OR \\\"taxa condominial\\\" OR \\\"condômino antissocial\\\" OR \\\"cota condominial\\\" OR \\\"assembleia de condôminos\\\" OR \\\"destituição do síndico\\\"\",\n\"imovel-condominio\"\n],\n[\n\"Imobiliário\",\n2,\n\"Inventário e Partilha (imobiliário)\",\n\"\\\"inventário e partilha\\\" OR \\\"partilha de bens\\\" OR \\\"ITCMD\\\" OR \\\"cessão de direitos hereditários\\\" OR \\\"direito real de habitação\\\" OR \\\"sobrepartilha\\\" OR \\\"formal de partilha\\\" OR \\\"inventário extrajudicial\\\"\",\n\"inventario-partilha\"\n],\n[\n\"Imobiliário\",\n2,\n\"Despejo\",\n\"\\\"ação de despejo\\\" OR \\\"despejo por falta de pagamento\\\" OR \\\"despejo de inquilino\\\" OR \\\"denúncia vazia\\\" OR \\\"purgação da mora\\\" OR \\\"ordem de despejo\\\" OR \\\"desocupação de imóvel\\\"\",\n\"despejo\"\n],\n[\n\"Imobiliário\",\n2,\n\"Registro de Imóveis\",\n\"\\\"registro de imóveis\\\" OR \\\"cartório de registro de imóveis\\\" OR \\\"matrícula do imóvel\\\" OR \\\"certidão de ônus reais\\\" OR \\\"dúvida registral\\\" OR \\\"direito de superfície\\\" OR \\\"averbação no imóvel\\\"\",\n\"registro-imoveis\"\n],\n[\n\"Imobiliário\",\n2,\n\"Retificação de áreas\",\n\"\\\"retificação de área\\\" OR \\\"retificação de registro\\\" OR \\\"retificação de matrícula\\\" OR \\\"georreferenciamento\\\" OR \\\"sobreposição de matrículas\\\" OR \\\"confrontantes\\\"\",\n\"retificacao-areas\"\n],\n[\n\"Imobiliário\",\n2,\n\"Garantias Imobiliárias\",\n\"\\\"hipoteca de imóvel\\\" OR \\\"alienação fiduciária de imóvel\\\" OR \\\"anticrese\\\" OR \\\"bem de família\\\" OR \\\"certificado de recebíveis imobiliários\\\" OR \\\"cessão fiduciária\\\" OR \\\"cláusula resolutiva\\\"\",\n\"garantias-imobiliarias\"\n],\n[\n\"Imobiliário\",\n2,\n\"Alienação Fiduciária\",\n\"\\\"alienação fiduciária\\\" OR \\\"consolidação da propriedade\\\" OR \\\"leilão extrajudicial\\\" OR \\\"purgação da mora\\\" OR \\\"credor fiduciário\\\" OR \\\"devedor fiduciante\\\"\",\n\"alienacao-fiduciaria\"\n],\n[\n\"Imobiliário\",\n2,\n\"Imóvel Rural\",\n\"\\\"imóvel rural\\\" OR \\\"terra rural\\\" OR \\\"INCRA\\\" OR \\\"arrendamento rural\\\" OR \\\"terras devolutas\\\" OR \\\"aquisição de terras por estrangeiros\\\" OR \\\"Cadastro Ambiental Rural\\\" OR \\\"georreferenciamento\\\" OR \\\"módulo rural\\\"\",\n\"imovel-rural\"\n],\n[\n\"Imobiliário\",\n2,\n\"Direito de Passagem\",\n\"\\\"direito de passagem\\\" OR \\\"servidão de passagem\\\" OR \\\"passagem forçada\\\" OR \\\"imóvel encravado\\\" OR \\\"faixa de domínio\\\" OR \\\"servidão predial\\\"\",\n\"direito-passagem\"\n],\n[\n\"Imobiliário\",\n2,\n\"Desmembramento e Unificação de Terrenos\",\n\"\\\"desmembramento de terreno\\\" OR \\\"desmembramento de imóvel\\\" OR \\\"unificação de terrenos\\\" OR \\\"desdobro de lote\\\" OR \\\"lote mínimo\\\" OR \\\"parcelamento do solo\\\"\",\n\"desmembramento-unifica\"\n],\n[\n\"Imobiliário\",\n2,\n\"Shopping Centers\",\n\"\\\"shopping center\\\" OR \\\"lojista de shopping\\\" OR \\\"aluguel percentual\\\" OR \\\"res sperata\\\" OR \\\"13º aluguel\\\" OR \\\"ação renovatória\\\" OR \\\"fundo de promoção\\\"\",\n\"shopping-centers\"\n],\n[\n\"Imobiliário\",\n2,\n\"Tributos Imobiliários\",\n\"\\\"ITBI\\\" OR \\\"IPTU\\\" OR \\\"valor venal\\\" OR \\\"ganho de capital na venda de imóvel\\\" OR \\\"imunidade do ITBI\\\" OR \\\"execução fiscal de IPTU\\\" OR \\\"ITR\\\"\",\n\"tributos-imobiliarios\"\n],\n[\n\"Imobiliário\",\n2,\n\"Casamento, União Estável e Imóveis\",\n\"\\\"regime de bens\\\" OR \\\"pacto antenupcial\\\" OR \\\"outorga conjugal\\\" OR \\\"vênia conjugal\\\" OR \\\"união estável\\\" OR \\\"comunhão parcial de bens\\\" OR \\\"partilha de imóvel\\\"\",\n\"casamento-uniao\"\n],\n[\n\"Imobiliário\",\n2,\n\"Financiamento Imobiliário e SFH\",\n\"\\\"financiamento imobiliário\\\" OR \\\"financiamento da casa própria\\\" OR \\\"SFH\\\" OR \\\"Tabela Price\\\" OR \\\"anatocismo\\\" OR \\\"portabilidade do crédito imobiliário\\\" OR \\\"revisão do financiamento imobiliário\\\"\",\n\"financiamento-imobilia\"\n],\n[\n\"Imobiliário\",\n2,\n\"Corretagem e Intermediação Imobiliária\",\n\"\\\"comissão de corretagem\\\" OR \\\"corretor de imóveis\\\" OR \\\"corretagem imobiliária\\\" OR \\\"CRECI\\\" OR \\\"contrato de corretagem\\\" OR \\\"intermediação imobiliária\\\"\",\n\"corretagem-intermediac\"\n]\n]","label",[137],"808ecf7f-42a2-44f8-ab95-a78a0eddad62","nomes.ts","9429d3a2-a9f7-11f1-91a7-1607ee4eb77e",167,["D",1788733091313],"script","// Central TC — regras de nomeação de clientes e casos.\n//\n// Por que este módulo existe: a promessa de reunir todos os casos de um cliente\n// numa tela só morre no primeiro mês se o mesmo cliente entrar como \"Casa Design\",\n// \"Casa Design Ltda\" e \"CASA DESIGN\". A conferência tem de ser do servidor, porque\n// é ela que decide se cria ou não um cadastro.\n//\n// Duas respostas possíveis, e elas são diferentes de propósito:\n// BLOQUEIA — mesmas palavras significativas, na mesma ordem. É o mesmo cadastro.\n// AVISA — parecido o bastante para o usuário conferir, e ele é quem decide.\n//\n// Sem dependência externa: roda no Deno do Val Town e no node dos testes.\n\n/** Palavras que não distinguem um cliente de outro e por isso saem da comparação. */\nexport const VAZIAS = new Set([\n \"de\",\n \"da\",\n \"do\",\n \"das\",\n \"dos\",\n \"e\",\n \"em\",\n \"a\",\n \"o\",\n \"as\",\n \"os\",\n \"ltda\",\n \"me\",\n \"epp\",\n \"eireli\",\n \"sa\",\n \"s\",\n \"cia\",\n \"mei\",\n \"cond\",\n \"condominio\",\n \"edificio\",\n \"ed\",\n \"residencial\",\n \"familia\",\n \"grupo\",\n \"espolio\",\n \"sucessao\",\n]);\n\n/** Tira acento, caixa e pontuação. \"Cond. Ed. Itapoã\" -> \"cond ed itapoa\" */\nexport function normalizar(t: string): string {\n return String(t ?? \"\")\n .normalize(\"NFD\")\n .replace(/[̀-ͯ]/g, \"\")\n .toLowerCase()\n .replace(/[^a-z0-9\\s]/g, \" \")\n .replace(/\\s+/g, \" \")\n .trim();\n}\n\n/** Palavras que de fato distinguem, na ordem em que foram escritas. */\nexport function fichas(t: string): string[] {\n return normalizar(t).split(\" \").filter((w) => w && !VAZIAS.has(w));\n}\n\n/** Mesmas palavras, mesma ordem. É o critério de \"é o mesmo cadastro\". */\nexport function chaveOrdem(t: string): string {\n return fichas(t).join(\" \");\n}\n\n/** Mesmas palavras em qualquer ordem. Serve para avisar, nunca para bloquear. */\nexport function chaveConjunto(t: string): string {\n return fichas(t).slice().sort().join(\" \");\n}\n\n/** Distância de Levenshtein, iterativa e com uma linha só de memória. */\nexport function distancia(a: string, b: string): number {\n if (a === b) return 0;\n const m = a.length, n = b.length;\n if (!m) return n;\n if (!n) return m;\n const linha: number[] = new Array(n + 1);\n for (let j = 0; j <= n; j++) linha[j] = j;\n for (let i = 1; i <= m; i++) {\n let ant = linha[0];\n linha[0] = i;\n for (let j = 1; j <= n; j++) {\n const tmp = linha[j];\n linha[j] = Math.min(\n linha[j] + 1,\n linha[j - 1] + 1,\n ant + (a.charCodeAt(i - 1) === b.charCodeAt(j - 1) ? 0 : 1),\n );\n ant = tmp;\n }\n }\n return linha[n];\n}\n\nexport type Motivo =\n | \"mesmo-cadastro\"\n | \"ordem-trocada\"\n | \"digitacao\"\n | \"contido\"\n | \"palavras-em-comum\";\n\nexport type Semelhanca = { grau: number; motivo: Motivo | null };\n\n/**\n * Quanto dois nomes se parecem, de 0 a 1, e por quê.\n * O \"porquê\" existe para a tela poder explicar em vez de só apontar um número.\n */\nexport function comparar(a: string, b: string): Semelhanca {\n const na = normalizar(a), nb = normalizar(b);\n if (!na || !nb) return { grau: 0, motivo: null };\n\n const oa = chaveOrdem(a), ob = chaveOrdem(b);\n if (oa && oa === ob) return { grau: 1, motivo: \"mesmo-cadastro\" };\n\n const ca = chaveConjunto(a), cb = chaveConjunto(b);\n if (ca && ca === cb) return { grau: 0.99, motivo: \"ordem-trocada\" };\n\n const fa = fichas(a), fb = fichas(b);\n const comuns = fa.filter((w) => fb.includes(w)).length;\n const porFicha = (fa.length && fb.length)\n ? (2 * comuns) / (fa.length + fb.length)\n : 0;\n const porLetra = 1 - distancia(na, nb) / Math.max(na.length, nb.length);\n\n // Um nome inteiro contido no outro (\"Casa Design\" dentro de \"Casa Design Interiores\")\n const contido = fa.length && fb.length &&\n (fa.every((w) => fb.includes(w)) || fb.every((w) => fa.includes(w)));\n\n const grau = Math.max(porFicha, porLetra);\n let motivo: Motivo | null = null;\n if (contido) motivo = \"contido\";\n else if (porLetra >= porFicha) motivo = \"digitacao\";\n else if (comuns > 0) motivo = \"palavras-em-comum\";\n\n return { grau, motivo: grau > 0 ? motivo : null };\n}\n\n/** Acima disto a Central mostra o achado e pede uma decisão. */\nexport const LIMIAR = 0.55;\n\nexport type Achado = { item: T; grau: number; motivo: Motivo | null };\nexport type Conferencia = {\n /** Preenchido quando o nome é o mesmo cadastro. Criar tem de ser recusado. */\n identico: T | null;\n /** Ordenados do mais parecido para o menos. Só avisam. */\n parecidos: Achado[];\n};\n\n/**\n * Confere um nome digitado contra o que já existe.\n * `campo` diz qual propriedade dos itens guarda o nome.\n */\nexport function conferir>(\n termo: string,\n existentes: readonly T[],\n campo: keyof T = \"nome\" as keyof T,\n): Conferencia {\n const t = String(termo ?? \"\").trim();\n if (!t) return { identico: null, parecidos: [] };\n\n let identico: T | null = null;\n const parecidos: Achado[] = [];\n\n for (const item of existentes) {\n const { grau, motivo } = comparar(t, String(item[campo] ?? \"\"));\n if (motivo === \"mesmo-cadastro\") {\n if (!identico) identico = item;\n continue;\n }\n if (grau >= LIMIAR) parecidos.push({ item, grau, motivo });\n }\n\n parecidos.sort((x, y) => y.grau - x.grau);\n return { identico, parecidos };\n}\n\n/** Busca por trecho digitado, para a lista de sugestões. */\nexport function sugerir>(\n termo: string,\n existentes: readonly T[],\n campo: keyof T = \"nome\" as keyof T,\n teto = 8,\n): T[] {\n const t = normalizar(termo);\n if (!t) return [];\n const { identico, parecidos } = conferir(termo, existentes, campo);\n\n // O cadastro idêntico vem primeiro: quem digitou \"Casa Design Ltda\" precisa\n // conseguir clicar em \"Casa Design\", e não só ouvir que ele já existe.\n const fora: any[] = identico ? [identico] : [];\n const vistos = new Set(fora);\n\n for (const o of existentes) {\n if (vistos.has(o)) continue;\n if (normalizar(String(o[campo] ?? \"\")).includes(t)) {\n fora.push(o);\n vistos.add(o);\n }\n }\n for (const a of parecidos) {\n if (!vistos.has(a.item)) {\n fora.push(a.item);\n vistos.add(a.item);\n }\n }\n return fora.slice(0, teto) as T[];\n}\n\n/**\n * Iniciais do cliente, para prefixar o nome do canal.\n * \"Maria José da Silva\" -> \"mjs\" (o \"da\" não conta: é palavra vazia)\n * \"Grupo Caplast\" -> \"caplast\" (uma inicial só seria ilegível)\n */\nexport function iniciaisDe(nome: string): string {\n const partes = fichas(nome);\n if (!partes.length) return \"\";\n const iniciais = partes.map((p) => p[0]).join(\"\");\n // Com menos de duas letras a sigla não identifica ninguém; usa a palavra.\n return iniciais.length >= 2 ? iniciais : partes[0];\n}\n\n/**\n * O nome do canal: iniciais do cliente + o caso.\n * Sem o prefixo, dois clientes com \"Divórcio\" brigavam pelo mesmo #divorcio.\n * \"Maria José da Silva\" + \"Divórcio\" -> \"mjs-divorcio\"\n */\nexport function slugDoCanal(cliente: string, caso: string, teto = 44): string {\n const pre = gerarSlug(iniciaisDe(cliente), 12);\n const corpo = gerarSlug(caso, teto - (pre ? pre.length + 1 : 0));\n if (!pre) return corpo;\n if (!corpo) return pre;\n return `${pre}-${corpo}`;\n}\n\n/** \"Reforma da loja de Boa Viagem\" -> \"reforma-da-loja-de-boa-viagem\" */\nexport function gerarSlug(t: string, teto = 40): string {\n return String(t ?? \"\")\n .normalize(\"NFD\")\n .replace(/[̀-ͯ]/g, \"\")\n .toLowerCase()\n .replace(/[^a-z0-9]+/g, \"-\")\n .replace(/^-+|-+$/g, \"\")\n .slice(0, teto)\n .replace(/-+$/g, \"\");\n}\n\n/** Garante que o slug não colida com os que já existem, somando -2, -3... */\nexport function slugLivre(base: string, usados: readonly string[]): string {\n const raiz = gerarSlug(base) || \"canal\";\n const tomados = new Set(usados.map((s) => String(s).toLowerCase()));\n if (!tomados.has(raiz)) return raiz;\n for (let i = 2; i < 200; i++) {\n const tent = `${raiz}-${i}`;\n if (!tomados.has(tent)) return tent;\n }\n return `${raiz}-${Date.now().toString(36)}`;\n}",[148],"8f7b8df4-e748-48df-80a4-ef756a1a926e","main.ts",173,["D",1788811328268],26,"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\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// Config\n// ---------------------------------------------------------------------------\nconst THIRTY_DAYS = 30 * 24 * 60 * 60; // segundos\nconst SESSION_SECRET = Deno.env.get(\"SESSION_SECRET\") ||\n \"troque-este-segredo-inseguro\";\nfunction allowedDomains() {\n return (Deno.env.get(\"ALLOWED_DOMAINS\") || \"tcadvs.com.br\")\n .split(\",\").map((s) => s.trim().toLowerCase()).filter(Boolean);\n}\nfunction adminEmails() {\n return (Deno.env.get(\"ADMIN_EMAILS\") || \"bruno@tcadvs.com.br\")\n .split(\",\").map((s) => s.trim().toLowerCase()).filter(Boolean);\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)`);\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// Á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// 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// 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// 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)`);\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN product_id INTEGER\");\n} catch {\n // coluna já existe\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// 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// 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// 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}\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// Sócio: enxerga tudo na Central e abre canal em qualquer área. Papel de\n// negócio, diferente de admin — o sócio não administra conteúdo nem pessoas.\n// A coluna nasce aqui, e não só no módulo de Conversas, porque permissoesDe\n// depende dela: se o módulo falhasse ao carregar, o hub inteiro cairia.\ntry {\n await sqlite.execute(`ALTER TABLE people ADD COLUMN socio INTEGER DEFAULT 0`);\n} catch (_) { /* já existe */ }\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// Radar RSS: fontes (curadas pelo admin), o retrato de notícias (regravado a\n// cada coleta, sem histórico) e as tags que a equipe sugere para o admin aprovar.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS rss_fontes (\n id INTEGER PRIMARY KEY AUTOINCREMENT, area_id INTEGER, nome TEXT NOT NULL,\n url TEXT NOT NULL, tags TEXT DEFAULT '', peso INTEGER DEFAULT 1,\n ativa INTEGER DEFAULT 1, created_at INTEGER, created_by TEXT DEFAULT ''\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS rss_noticias (\n id INTEGER PRIMARY KEY AUTOINCREMENT, area_id INTEGER, fonte_id INTEGER,\n fonte_nome TEXT, titulo TEXT, resumo TEXT DEFAULT '', url TEXT, data TEXT,\n tags TEXT DEFAULT '', relevancia INTEGER DEFAULT 0, coletado_at INTEGER\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS rss_tags_sugeridas (\n id INTEGER PRIMARY KEY AUTOINCREMENT, fonte_id INTEGER NOT NULL, tag TEXT NOT NULL,\n sugerido_por TEXT DEFAULT '', status TEXT DEFAULT 'pendente', created_at INTEGER\n)`);\nawait sqlite.execute(\n `CREATE TABLE IF NOT EXISTS rss_meta (k TEXT PRIMARY KEY, v TEXT)`,\n);\n// Votos da equipe na notícia (polegar cima/baixo) e o relato de problema aos 5 dislikes.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS rss_votos (\n id INTEGER PRIMARY KEY AUTOINCREMENT, url TEXT NOT NULL, fonte_id INTEGER, area_id INTEGER,\n email TEXT NOT NULL, voto INTEGER NOT NULL, created_at INTEGER\n)`);\nawait sqlite.execute(\n `CREATE UNIQUE INDEX IF NOT EXISTS rss_votos_unq ON rss_votos (url, email)`,\n);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS rss_feedback (\n id INTEGER PRIMARY KEY AUTOINCREMENT, fonte_id INTEGER, area_id INTEGER, fonte_nome TEXT,\n email TEXT, texto TEXT, dislikes INTEGER, status TEXT DEFAULT 'aberto', created_at INTEGER\n)`);\n// Favoritos: cópia da notícia salva pela equipe (sobrevive ao expurgo), compartilhada por área.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS rss_favoritos (\n id INTEGER PRIMARY KEY AUTOINCREMENT, area_id INTEGER, url TEXT NOT NULL, titulo TEXT,\n fonte_nome TEXT, data TEXT, tags TEXT DEFAULT '', saved_by TEXT, saved_at INTEGER\n)`);\nawait sqlite.execute(\n `CREATE UNIQUE INDEX IF NOT EXISTS rss_fav_unq ON rss_favoritos (area_id, url)`,\n);\n// Seed inicial (só roda se ainda não houver categorias)\n// Mural de avisos: recados do escritório na home; admin publica, todos veem.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS avisos (\n id INTEGER PRIMARY KEY AUTOINCREMENT, texto TEXT NOT NULL, autor TEXT, autor_nome TEXT,\n pin INTEGER DEFAULT 0, created_at INTEGER\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS presenca (\n email TEXT PRIMARY KEY, nome TEXT, foto TEXT, last_seen INTEGER\n)`);\nasync function seedIfEmpty() {\n const count = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM categories\"))\n .rows[0].n;\n if (count > 0) {\n return;\n }\n const now = Date.now();\n const cats = [\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 = [\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;\n if (count > 0) {\n return;\n }\n const now = Date.now();\n const areas = [\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// 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;\n if (count > 0) {\n return;\n }\n const now = Date.now();\n const porArea = [\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) {\n continue; // área renomeada ou removida: pula sem quebrar o boot\n }\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}\nawait seedIfEmpty();\nawait seedAreasIfEmpty();\nawait seedProductsIfEmpty();\n// ---------------------------------------------------------------------------\n// Cripto de sessão (cookie assinado com HMAC-SHA256)\n// ---------------------------------------------------------------------------\nconst encoder = new TextEncoder();\nfunction b64urlEncode(bytes) {\n let bin = \"\";\n for (const b of bytes) {\n bin += String.fromCharCode(b);\n }\n return btoa(bin).replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/, \"\");\n}\nfunction b64urlDecode(str) {\n str = str.replace(/-/g, \"+\").replace(/_/g, \"/\");\n while (str.length % 4) {\n str += \"=\";\n }\n const bin = atob(str);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) {\n bytes[i] = bin.charCodeAt(i);\n }\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) {\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(token) {\n const dot = token.indexOf(\".\");\n if (dot < 0) {\n return null;\n }\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) {\n return null;\n }\n try {\n const payload = JSON.parse(new TextDecoder().decode(b64urlDecode(data)));\n if (payload.exp && Date.now() > payload.exp) {\n return null;\n }\n return payload;\n } catch {\n return null;\n }\n}\nfunction decodeIdToken(jwt) {\n const parts = jwt.split(\".\");\n return JSON.parse(new TextDecoder().decode(b64urlDecode(parts[1])));\n}\nasync function getUser(c) {\n const token = getCookie(c, \"session\");\n if (!token) {\n return null;\n }\n const p = await verifySession(token);\n if (!p) {\n return null;\n }\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// App\n// ---------------------------------------------------------------------------\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\nfunction getGoogle(c) {\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// ---- 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) {\n url.searchParams.set(\"hd\", dom);\n }\n const opts = {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\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});\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;\n try {\n tokens = await getGoogle(c).validateAuthorizationCode(code, verifier);\n } catch {\n return c.redirect(\"/login?error=oauth\");\n }\n let claims;\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});\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// ---- Páginas ----\napp.get(\"/login\", async (c) => {\n const user = await getUser(c);\n if (user) {\n return c.redirect(\"/\");\n }\n return serveFile(\"/frontend/login.html\");\n});\napp.get(\"/\", async (c) => {\n const user = await getUser(c);\n if (!user) {\n return c.redirect(\"/login\");\n }\n return serveFile(\"/frontend/index.html\");\n});\napp.get(\"/admin\", async (c) => {\n const user = await getUser(c);\n if (!user) {\n return c.redirect(\"/login\");\n }\n if (!user.isAdmin) {\n return c.redirect(\"/?error=forbidden\");\n }\n return serveFile(\"/frontend/admin.html\");\n});\n// Estáticos do frontend (css/js/imagens)\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n// ---- API ----\nasync function requireUser(c) {\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) {\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}\nasync function permissoesDe(email) {\n const chave = (email || \"\").toLowerCase();\n const pes = (await sqlite.execute({\n sql: \"SELECT confidencial, socio 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 = {};\n for (const l of linhas) {\n areas[Number(l.area_id)] = Number(l.nivel) || 1;\n }\n return {\n confidencial: !!(pes && Number(pes.confidencial) === 1),\n // Sócio enxerga tudo e cria canal em qualquer área. É papel de negócio,\n // diferente de admin: sócio NÃO administra conteúdo nem pessoas.\n socio: !!(pes && Number(pes.socio) === 1),\n areas,\n };\n}\n// O admin enxerga tudo: é quem cadastra e precisa conferir o que publicou.\nfunction podeVer(r, user, p) {\n if (user.isAdmin || p.socio) {\n return true;\n }\n const v = r.visibility || \"aberto\";\n if (v === \"aberto\") {\n return true;\n }\n if (v === \"confidencial\") {\n return p.confidencial;\n }\n const nivel = p.areas[Number(r.area_id)] || 0;\n if (v === \"equipe\") {\n return nivel >= 1;\n }\n if (v === \"lideranca\") {\n return nivel >= 2;\n }\n return false;\n}\napp.get(\"/api/data\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\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 // 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 // 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 // As áreas (navegação + Radar) são visíveis a TODOS; o sigilo fica no CONTEÚDO\n // (podeVer filtra recurso equipe/liderança/confidencial). O filter abaixo é o\n // comportamento antigo \"esconder área vazia\", desativado pelo true.\n const areas = true\n ? todasAreas\n : todasAreas.filter((a) =>\n perm.areas[Number(a.id)] || comConteudo.has(Number(a.id))\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 = (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 const avisos = (await sqlite.execute(\n \"SELECT * FROM avisos ORDER BY pin DESC, created_at DESC LIMIT 30\",\n )).rows;\n const online = (await sqlite.execute({\n sql:\n \"SELECT email, nome, foto, last_seen FROM presenca WHERE last_seen > ?\",\n args: [Date.now() - 180000],\n })).rows;\n const radarTotal =\n (await sqlite.execute(\"SELECT COUNT(*) AS n FROM rss_noticias\")).rows[0].n;\n const fontesTotal =\n (await sqlite.execute(\"SELECT COUNT(*) AS n FROM rss_fontes\")).rows[0].n;\n return c.json({\n me: { ...user, confidencial: perm.confidencial },\n categories,\n areas,\n products,\n resources,\n avisos,\n online,\n radarTotal,\n fontesTotal,\n });\n});\nfunction grupoDe(b) {\n return b.grupo === \"outros\" ? \"outros\" : \"ferramentas\";\n}\n// ---- Categorias (admin) ----\napp.post(\"/api/categories\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const b = await c.req.json();\n if (!b.name) {\n return c.json({ error: \"nome obrigatório\" }, 400);\n }\n const posRow = (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});\napp.put(\"/api/categories/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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});\napp.delete(\"/api/categories/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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// 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) {\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) {\n return \"aberto\";\n }\n return v;\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) {\n if (!b.product_id || !b.area_id) {\n return null;\n }\n return Number(b.product_id);\n}\n// ---- Produtos (admin) ----\napp.post(\"/api/products\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const b = await c.req.json();\n if (!b.name) {\n return c.json({ error: \"nome obrigatório\" }, 400);\n }\n if (!b.area_id) {\n return c.json({ error: \"escolha a área\" }, 400);\n }\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});\napp.put(\"/api/products/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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});\napp.delete(\"/api/products/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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// ---- Áreas (admin) ----\napp.post(\"/api/areas\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const b = await c.req.json();\n if (!b.name) {\n return c.json({ error: \"nome obrigatório\" }, 400);\n }\n const posRow = (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});\napp.put(\"/api/areas/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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});\napp.delete(\"/api/areas/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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// ---- Recursos (admin) ----\napp.post(\"/api/resources\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const b = await c.req.json();\n if (!b.title) {\n return c.json({ error: \"título obrigatório\" }, 400);\n }\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});\napp.put(\"/api/resources/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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});\napp.delete(\"/api/resources/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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// ---- 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) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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// 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) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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 const cmds = [\n {\n sql:\n `INSERT INTO people (email, name, confidencial, socio, created_at) VALUES (?, ?, ?, ?, ?)\n ON CONFLICT(email) DO UPDATE SET name = excluded.name,\n confidencial = excluded.confidencial, socio = excluded.socio`,\n args: [\n email,\n String(b.name || \"\").trim(),\n b.confidencial ? 1 : 0,\n b.socio ? 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) {\n continue; // 0 = sem acesso: não vira linha\n }\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});\napp.delete(\"/api/people/:email\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\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// ---------------------------------------------------------------------------\n// Radar RSS — MOTOR de coleta (roda DENTRO da Central: um val, um banco)\n// Val Town dá um SQLite por val, então a coleta mora aqui, junto das tabelas.\n// Motor portado do Radar RSS do Conteúdo Infinito TC (parser regex sem lib,\n// dedup por bag-of-words, limpeza das tags escapadas do Google Notícias).\n// ---------------------------------------------------------------------------\nconst RSS_JANELA_DIAS = 7;\nconst RSS_TETO_AREA = 300; // teto de RETENÇÃO por área (acúmulo de 7 dias); a tela pagina\n// versão do seed: quando muda, o coletor re-semeia as fontes 'seed' (mantém as\n// que o admin adicionou à mão). Bumpar ao trocar o RSS_SEMENTE.\nconst RSS_SEED_VERSAO = \"2026-09-03-mapa138\";\n// semente do Radar: 138 buscas blindadas (1 por tema, 8 áreas) do mapa aprovado,\n// guardadas em rss-semente.json (o arquivo passaria de 80k no main.ts). Cada item:\n// [área, peso, tema, query crua do Google Notícias, tag]. RSS_URL monta a URL.\nconst RSS_URL = (q) =>\n \"https://news.google.com/rss/search?q=\" +\n encodeURIComponent(q).replace(/%20/g, \"+\") +\n \"&hl=pt-BR&gl=BR&ceid=BR:pt-419\";\nasync function rssSemente() {\n try {\n return JSON.parse(await (await serveFile(\"/rss-semente.json\")).text());\n } catch (_) {\n return [];\n }\n}\nasync function rssSeedSeVazio() {\n const n = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM rss_fontes\"))\n .rows[0].n;\n const ver =\n (await sqlite.execute(\"SELECT v FROM rss_meta WHERE k = 'seed_versao'\"))\n .rows[0]?.v;\n if (n > 0 && String(ver) === RSS_SEED_VERSAO) {\n return;\n }\n const RSS_SEMENTE = await rssSemente();\n if (!RSS_SEMENTE.length) {\n return; // sem semente: não zera nada\n }\n const areas = (await sqlite.execute(\"SELECT id, name FROM areas\")).rows;\n const idDe = (nome) => {\n const a = areas.find((x) => String(x.name) === nome);\n return a ? Number(a.id) : null;\n };\n const now = Date.now();\n // re-semeia só as fontes 'seed' (preserva as que o admin cadastrou à mão)\n await sqlite.execute(\"DELETE FROM rss_fontes WHERE created_by = 'seed'\");\n for (const [areaNome, peso, nome, url, tags] of RSS_SEMENTE) {\n await sqlite.execute({\n sql:\n \"INSERT INTO rss_fontes (area_id, nome, url, tags, peso, ativa, created_at, created_by) VALUES (?, ?, ?, ?, ?, 1, ?, 'seed')\",\n args: [idDe(areaNome), nome, RSS_URL(url), tags, peso, now],\n });\n }\n await sqlite.execute({\n sql:\n \"INSERT INTO rss_meta (k, v) VALUES ('seed_versao', ?) ON CONFLICT(k) DO UPDATE SET v = excluded.v\",\n args: [RSS_SEED_VERSAO],\n });\n}\nconst RSS_UA = {\n \"User-Agent\":\n \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125 Safari/537.36\",\n \"Accept\":\n \"application/rss+xml, application/atom+xml, application/xml, text/xml, */*\",\n};\nconst rssDesescapa = (t) =>\n (t || \"\")\n .replace(/ /g, \" \").replace(/</g, \"<\").replace(/>/g, \">\")\n .replace(/&#(\\d+);/g, (_, d) => String.fromCharCode(+d))\n .replace(/"/g, '\"').replace(/'|'/g, \"'\").replace(\n /&/g,\n \"&\",\n );\nconst rssLimpa = (s) => {\n let t = (s || \"\").replace(//g, \"$1\");\n for (let i = 0; i < 2; i++) {\n t = rssDesescapa(t).replace(/<[^>]*>/g, \" \");\n }\n return t.replace(/https?:\\/\\/\\S+/g, \" \").replace(/\\s+/g, \" \").trim();\n};\nconst rssCampo = (b, tags) => {\n for (const tag of tags) {\n const m = new RegExp(\n \"<\" + tag + \"(?:\\\\s[^>]*)?>([\\\\s\\\\S]*?)\",\n \"i\",\n ).exec(b);\n if (m) {\n return rssLimpa(m[1]);\n }\n }\n return \"\";\n};\nconst rssLinkDe = (b) => {\n const m = /]*href=[\"']([^\"']+)[\"']/i.exec(b);\n if (m) {\n return m[1];\n }\n const m2 = /]*)?>([\\s\\S]*?)<\\/link>/i.exec(b);\n return m2 ? rssDesescapa(m2[1].replace(//g, \"\")).trim() : \"\";\n};\nconst rssDataBruta = (b) => {\n const m =\n /<(?:pubDate|published|updated|dc:date)(?:\\s[^>]*)?>([\\s\\S]*?)<\\/(?:pubDate|published|updated|dc:date)>/i\n .exec(b);\n return m ? m[1].trim() : \"\";\n};\nfunction rssParse(xml) {\n const blocos = xml.match(/][\\s\\S]*?<\\/item>/gi) ||\n xml.match(/][\\s\\S]*?<\\/entry>/gi) || [];\n return blocos.map((b) => ({\n titulo: rssCampo(b, [\"title\"]),\n resumo: ((r) => r.length >= 60 ? r.slice(0, 400) : \"\")(\n rssCampo(b, [\"description\", \"summary\", \"content:encoded\", \"content\"]),\n ),\n link: rssLinkDe(b),\n data: rssDataBruta(b),\n })).filter((i) => i.titulo);\n}\nasync function rssPuxa(f) {\n const c = new AbortController();\n const t = setTimeout(() => c.abort(), 15000);\n try {\n const r = await fetch(f.url, {\n headers: RSS_UA,\n signal: c.signal,\n redirect: \"follow\",\n });\n clearTimeout(t);\n if (!r.ok) {\n return { f, erro: \"HTTP \" + r.status, itens: [] };\n }\n return { f, itens: rssParse(await r.text()) };\n } catch (e) {\n clearTimeout(t);\n return {\n f,\n erro: e?.name === \"AbortError\"\n ? \"timeout\"\n : String(e?.message || e).slice(0, 40),\n itens: [],\n };\n }\n}\nconst rssNorm = (s) =>\n (s || \"\").normalize(\"NFD\").replace(/[̀-ͯ]/g, \"\").toLowerCase();\nconst RSS_VAZIAS = new Set([\n \"sobre\",\n \"ainda\",\n \"todos\",\n \"nesta\",\n \"pelos\",\n \"entre\",\n \"parte\",\n \"outro\",\n \"nosso\",\n \"apos\",\n \"contra\",\n \"para\",\n \"como\",\n \"mais\",\n \"pode\",\n]);\nfunction rssNovo(vistos, titulo) {\n const sig = new Set(\n rssNorm(titulo).split(/[^a-z0-9]+/).filter((w) =>\n w.length > 4 && !RSS_VAZIAS.has(w)\n ),\n );\n const igual = vistos.find((ant) => {\n const menor = Math.min(ant.size, sig.size);\n if (menor < 3) {\n return false;\n }\n let cc = 0;\n sig.forEach((w) => {\n if (ant.has(w)) {\n cc++;\n }\n });\n return cc / menor >= 0.5;\n });\n if (igual) {\n return false;\n }\n vistos.push(sig);\n return true;\n}\nasync function rssColetar(soArea) {\n await rssSeedSeVazio();\n const fontes = (await sqlite.execute(\n soArea\n ? {\n sql: \"SELECT * FROM rss_fontes WHERE ativa = 1 AND area_id = ?\",\n args: [soArea],\n }\n : \"SELECT * FROM rss_fontes WHERE ativa = 1\",\n )).rows;\n const resultados = [];\n // paraleliza em lotes maiores: com 138 fontes, lotes de 4 estouram o limite\n // de 1 min do Val Town free. 12 por vez fecha a coleta em ~30s.\n for (let i = 0; i < fontes.length; i += 12) {\n resultados.push(...await Promise.all(fontes.slice(i, i + 12).map(rssPuxa)));\n }\n const corte = Date.now() - RSS_JANELA_DIAS * 864e5;\n const corteIso = new Date(corte).toISOString();\n // áreas que esta coleta cobre — usadas para semear o dedup com o que JÁ está guardado\n const areasColeta = soArea != null\n ? [String(soArea)]\n : [...new Set(fontes.map((f) => String(f.area_id ?? \"0\")))];\n // ACÚMULO: carrega o que já existe por área e semeia o dedup (título + URL), para a\n // coleta só ACRESCENTAR o que é novo — sem regravar o retrato nem refazer o passado.\n const vistos = {};\n const urlsVistas = {};\n for (const chave of areasColeta) {\n vistos[chave] = [];\n urlsVistas[chave] = new Set();\n const exist = (await sqlite.execute({\n sql: \"SELECT titulo, url FROM rss_noticias WHERE area_id = ?\",\n args: [Number(chave)],\n })).rows;\n for (const e of exist) {\n rssNovo(vistos[chave], e.titulo); // registra a assinatura do já-guardado\n if (e.url) {\n urlsVistas[chave].add(e.url);\n }\n }\n }\n const novos = [];\n let falhas = 0;\n for (const { f, itens, erro } of resultados) {\n if (erro) {\n falhas++;\n continue;\n }\n const chave = String(f.area_id ?? \"0\");\n vistos[chave] ||= [];\n urlsVistas[chave] ||= new Set();\n for (const it of itens) {\n const quando = Date.parse(it.data);\n if (isNaN(quando) || quando < corte) {\n continue; // sem data ou fora da janela: não entra\n }\n if (it.link && urlsVistas[chave].has(it.link)) {\n continue; // já guardada (mesma URL)\n }\n if (!rssNovo(vistos[chave], it.titulo)) {\n continue; // dup por título (guardadas + lote)\n }\n if (it.link) {\n urlsVistas[chave].add(it.link);\n }\n novos.push({\n area_id: f.area_id,\n fonte_id: f.id,\n fonte_nome: f.nome,\n titulo: (it.titulo || \"\").slice(0, 220),\n resumo: (it.resumo || \"\").slice(0, 300),\n url: it.link,\n data: new Date(quando).toISOString(),\n tags: f.tags || \"\",\n relevancia: Number(f.peso || 1),\n });\n }\n }\n const now = Date.now();\n const iso = new Date(now).toISOString();\n const cmds = [];\n // 1. acrescenta só os novos (nunca regrava o passado)\n for (const l of novos) {\n cmds.push({\n sql:\n \"INSERT INTO rss_noticias (area_id, fonte_id, fonte_nome, titulo, resumo, url, data, tags, relevancia, coletado_at) VALUES (?,?,?,?,?,?,?,?,?,?)\",\n args: [\n l.area_id,\n l.fonte_id,\n l.fonte_nome,\n l.titulo,\n l.resumo,\n l.url,\n l.data,\n l.tags,\n l.relevancia,\n now,\n ],\n });\n }\n // 2. expurga o que passou de 7 dias 3. corta ao teto por área (mantém as mais novas)\n for (const chave of areasColeta) {\n cmds.push({\n sql: \"DELETE FROM rss_noticias WHERE area_id = ? AND data < ?\",\n args: [Number(chave), corteIso],\n });\n cmds.push({\n sql:\n \"DELETE FROM rss_noticias WHERE area_id = ? AND id NOT IN (SELECT id FROM rss_noticias WHERE area_id = ? ORDER BY data DESC LIMIT ?)\",\n args: [Number(chave), Number(chave), RSS_TETO_AREA],\n });\n }\n cmds.push({\n sql:\n \"INSERT INTO rss_meta (k, v) VALUES (?, ?) ON CONFLICT(k) DO UPDATE SET v = excluded.v\",\n args: [soArea ? \"col_\" + soArea : \"ultima_coleta\", iso],\n });\n if (soArea) {\n cmds.push({\n sql:\n \"INSERT INTO rss_meta (k, v) VALUES ('ultima_coleta', ?) ON CONFLICT(k) DO UPDATE SET v = excluded.v\",\n args: [iso],\n });\n }\n await sqlite.batch(cmds);\n return {\n fontes: fontes.length,\n falhas,\n noticias: novos.length,\n area: soArea ?? null,\n gerado: iso,\n };\n}\n// ---------------------------------------------------------------------------\n// Radar RSS — notícias por área (últimos 7 dias, sem histórico)\n// A coleta roda AQUI mesmo (rssColetar), disparada pelo botão (admin) e pelo\n// val de cron, que chama /api/rss/coletar?key=RSS_CRON_KEY de 6 em 6h.\n// ---------------------------------------------------------------------------\napp.get(\"/api/rss\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n const area = Number(c.req.query(\"area\") || 0);\n // Atualização POR ÁREA, sob demanda: se o retrato desta área passou de 6h,\n // coleta só as fontes dela (≈20) de forma síncrona. Cabe no ~1 min do Val\n // Town free e não dispara a rajada das 138 de uma vez, que o Google Notícias\n // bloqueia. As áreas coletam em momentos diferentes, conforme o uso. Uma\n // trava de 3 min por área evita duas coletas simultâneas da mesma área.\n if (area > 0) {\n const cm = (await sqlite.execute({\n sql: \"SELECT v FROM rss_meta WHERE k = ?\",\n args: [\"col_\" + area],\n })).rows[0];\n const ultima = cm ? Date.parse(String(cm.v)) : 0;\n const lk = (await sqlite.execute({\n sql: \"SELECT v FROM rss_meta WHERE k = ?\",\n args: [\"lock_\" + area],\n })).rows[0];\n const travado = lk && (Date.now() - Number(lk.v) < 3 * 60 * 1000);\n if ((!ultima || Date.now() - ultima > 6 * 3600 * 1000) && !travado) {\n await sqlite.execute({\n sql:\n \"INSERT INTO rss_meta (k, v) VALUES (?, ?) ON CONFLICT(k) DO UPDATE SET v = excluded.v\",\n args: [\"lock_\" + area, String(Date.now())],\n });\n try {\n await rssColetar(area);\n } catch (_) { /* coleta falhou: mantém o retrato anterior desta área */ }\n await sqlite.execute({\n sql: \"DELETE FROM rss_meta WHERE k = ?\",\n args: [\"lock_\" + area],\n }).catch(() => {});\n }\n }\n const noticias = (await sqlite.execute({\n sql:\n \"SELECT area_id, fonte_id, fonte_nome, titulo, resumo, url, data, tags FROM rss_noticias WHERE area_id = ? ORDER BY data DESC\",\n args: [area],\n })).rows;\n // anexa o voto do próprio usuário em cada notícia (para acender o polegar certo)\n const meusVotos = (await sqlite.execute({\n sql: \"SELECT url, voto FROM rss_votos WHERE email = ? AND area_id = ?\",\n args: [user.email, area],\n })).rows;\n const votoDe = {};\n for (const v of meusVotos) {\n votoDe[v.url] = v.voto;\n }\n for (const n of noticias) {\n n.voto = votoDe[n.url] || 0;\n }\n // favoritos da área (compartilhados) + marca cada notícia que já está salva\n const favoritos = (await sqlite.execute({\n sql:\n \"SELECT area_id, url, titulo, fonte_nome, data, tags, saved_by FROM rss_favoritos WHERE area_id = ? ORDER BY saved_at DESC\",\n args: [area],\n })).rows;\n const favSet = new Set(favoritos.map((f) => f.url));\n for (const n of noticias) {\n n.fav = favSet.has(n.url);\n }\n const meta = (await sqlite.execute({\n sql: \"SELECT v FROM rss_meta WHERE k = ?\",\n args: [area > 0 ? \"col_\" + area : \"ultima_coleta\"],\n })).rows[0];\n const fontes = user.isAdmin\n ? (await sqlite.execute({\n sql:\n \"SELECT id, nome, url, tags, peso, ativa FROM rss_fontes WHERE area_id = ? ORDER BY nome\",\n args: [area],\n })).rows\n : [];\n const sugestoes = user.isAdmin\n ? (await sqlite.execute(\n \"SELECT s.id, s.fonte_id, s.tag, s.sugerido_por, f.nome AS fonte_nome FROM rss_tags_sugeridas s JOIN rss_fontes f ON f.id = s.fonte_id WHERE s.status = 'pendente' ORDER BY s.created_at\",\n )).rows\n : [];\n return c.json({\n noticias,\n fontes,\n sugestoes,\n favoritos,\n ultimaColeta: meta ? meta.v : null,\n });\n});\n// Dispara a coleta agora: aceita o admin logado (botão \"Coletar agora\") OU a\n// chave do cron (?key=RSS_CRON_KEY), para o val de cron chamar sem sessão.\napp.post(\"/api/rss/coletar\", async (c) => rssDispara(c));\napp.get(\"/api/rss/coletar\", async (c) => rssDispara(c)); // o cron chama por GET\nasync function rssDispara(c) {\n const key = c.req.query(\"key\") || \"\";\n const esperado = Deno.env.get(\"RSS_CRON_KEY\") || \"\";\n const user = await getUser(c);\n const porChave = esperado && key === esperado;\n if (!(user?.isAdmin || porChave)) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const area = Number(c.req.query(\"area\") || 0);\n try {\n return c.json({\n ok: true,\n ...(await rssColetar(area > 0 ? area : undefined)),\n });\n } catch (e) {\n return c.json({ ok: false, error: String(e?.message || e) }, 500);\n }\n}\n// Voto na notícia: 1 (polegar cima) / -1 (baixo) / 0 desfaz. 1 voto por pessoa por notícia.\n// Aos 5 dislikes numa fonte (a busca daquela palavra-chave), pede um relato para reanálise.\napp.post(\"/api/rss/voto\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n const b = await c.req.json();\n const url = String(b.url || \"\");\n const voto = Number(b.voto) || 0;\n if (!url) {\n return c.json({ error: \"url obrigatória\" }, 400);\n }\n if (voto === 0) {\n await sqlite.execute({\n sql: \"DELETE FROM rss_votos WHERE url = ? AND email = ?\",\n args: [url, user.email],\n });\n } else {\n await sqlite.execute({\n sql:\n \"INSERT INTO rss_votos (url, fonte_id, area_id, email, voto, created_at) VALUES (?,?,?,?,?,?) ON CONFLICT(url, email) DO UPDATE SET voto = excluded.voto, fonte_id = excluded.fonte_id, area_id = excluded.area_id, created_at = excluded.created_at\",\n args: [\n url,\n b.fonte_id ?? null,\n b.area_id ?? null,\n user.email,\n voto,\n Date.now(),\n ],\n });\n }\n let precisaFeedback = false, dislikes = 0, fonteNome = \"\";\n if (voto === -1 && b.fonte_id) {\n dislikes = (await sqlite.execute({\n sql:\n \"SELECT COUNT(*) AS n FROM rss_votos WHERE fonte_id = ? AND voto = -1\",\n args: [Number(b.fonte_id)],\n })).rows[0].n;\n if (dislikes >= 5) {\n const ja = (await sqlite.execute({\n sql:\n \"SELECT COUNT(*) AS n FROM rss_feedback WHERE fonte_id = ? AND status = 'aberto'\",\n args: [Number(b.fonte_id)],\n })).rows[0].n;\n if (!ja) {\n const f = (await sqlite.execute({\n sql: \"SELECT nome FROM rss_fontes WHERE id = ?\",\n args: [Number(b.fonte_id)],\n })).rows[0];\n fonteNome = f ? f.nome : \"\";\n precisaFeedback = true;\n }\n }\n }\n return c.json({\n ok: true,\n precisaFeedback,\n dislikes,\n fonteNome,\n fonte_id: b.fonte_id ?? null,\n });\n});\n// Relato do problema quando uma busca acumula 5 dislikes (fica guardado para reanálise).\napp.post(\"/api/rss/feedback\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n const b = await c.req.json();\n const dislikes = (await sqlite.execute({\n sql: \"SELECT COUNT(*) AS n FROM rss_votos WHERE fonte_id = ? AND voto = -1\",\n args: [Number(b.fonte_id)],\n })).rows[0].n;\n await sqlite.execute({\n sql:\n \"INSERT INTO rss_feedback (fonte_id, area_id, fonte_nome, email, texto, dislikes, status, created_at) VALUES (?,?,?,?,?,?, 'aberto', ?)\",\n args: [\n b.fonte_id ?? null,\n b.area_id ?? null,\n String(b.fonte_nome || \"\"),\n user.email,\n String(b.texto || \"\").slice(0, 1000),\n dislikes,\n Date.now(),\n ],\n });\n return c.json({ ok: true });\n});\n// Favorito compartilhado da área. Salvar guarda uma cópia (sobrevive ao expurgo);\n// remover só quem salvou ou o admin. Toggle: clica salva; clica de novo remove.\napp.post(\"/api/rss/favorito\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n const b = await c.req.json();\n const url = String(b.url || \"\");\n if (!url) {\n return c.json({ error: \"url obrigatória\" }, 400);\n }\n const ja = (await sqlite.execute({\n sql: \"SELECT saved_by FROM rss_favoritos WHERE area_id = ? AND url = ?\",\n args: [b.area_id ?? null, url],\n })).rows[0];\n if (ja) {\n if (user.isAdmin || ja.saved_by === user.email) {\n await sqlite.execute({\n sql: \"DELETE FROM rss_favoritos WHERE area_id = ? AND url = ?\",\n args: [b.area_id ?? null, url],\n });\n return c.json({ ok: true, favoritado: false });\n }\n return c.json({\n ok: false,\n favoritado: true,\n motivo: \"Só quem salvou ou um admin pode remover dos Favoritos.\",\n });\n }\n await sqlite.execute({\n sql:\n \"INSERT INTO rss_favoritos (area_id, url, titulo, fonte_nome, data, tags, saved_by, saved_at) VALUES (?,?,?,?,?,?,?,?)\",\n args: [\n b.area_id ?? null,\n url,\n String(b.titulo || \"\").slice(0, 220),\n String(b.fonte_nome || \"\"),\n String(b.data || \"\"),\n String(b.tags || \"\"),\n user.email,\n Date.now(),\n ],\n });\n return c.json({ ok: true, favoritado: true });\n});\napp.post(\"/api/avisos\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n if (!user.isAdmin) {\n return c.json({ error: \"só admin publica avisos\" }, 403);\n }\n const b = await c.req.json();\n const texto = String(b.texto || \"\").trim().slice(0, 2000);\n if (!texto) {\n return c.json({ error: \"texto obrigatório\" }, 400);\n }\n const pin = b.pin ? 1 : 0;\n await sqlite.execute({\n sql:\n \"INSERT INTO avisos (texto, autor, autor_nome, pin, created_at) VALUES (?,?,?,?,?)\",\n args: [texto, user.email, user.name || \"\", pin, Date.now()],\n });\n return c.json({ ok: true });\n});\napp.delete(\"/api/avisos/:id\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n if (!user.isAdmin) {\n return c.json({ error: \"só admin remove avisos\" }, 403);\n }\n await sqlite.execute({\n sql: \"DELETE FROM avisos WHERE id = ?\",\n args: [Number(c.req.param(\"id\"))],\n });\n return c.json({ ok: true });\n});\napp.post(\"/api/presenca\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n await sqlite.execute({\n sql:\n \"INSERT INTO presenca (email, nome, foto, last_seen) VALUES (?,?,?,?) ON CONFLICT(email) DO UPDATE SET nome=excluded.nome, foto=excluded.foto, last_seen=excluded.last_seen\",\n args: [user.email, user.name || \"\", user.picture || \"\", Date.now()],\n });\n return c.json({ ok: true });\n});\n// Fontes de confiança — só o admin cadastra/edita/remove.\napp.get(\"/api/rss/fontes\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const fontes =\n (await sqlite.execute(\n \"SELECT id, area_id, nome, url, tags, peso, ativa FROM rss_fontes ORDER BY area_id, nome\",\n )).rows;\n const porArea =\n (await sqlite.execute(\n \"SELECT area_id, COUNT(*) AS n FROM rss_noticias GROUP BY area_id\",\n )).rows;\n const porFonte =\n (await sqlite.execute(\n \"SELECT fonte_id, COUNT(*) AS n FROM rss_noticias GROUP BY fonte_id\",\n )).rows;\n const meta =\n (await sqlite.execute(\"SELECT v FROM rss_meta WHERE k = 'ultima_coleta'\"))\n .rows[0];\n return c.json({\n fontes,\n noticiasPorArea: porArea,\n noticiasPorFonte: porFonte,\n ultimaColeta: meta ? meta.v : null,\n });\n});\n\napp.post(\"/api/rss/fontes\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const b = await c.req.json();\n if (!b.nome || !b.url) {\n return c.json({ error: \"nome e url obrigatórios\" }, 400);\n }\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO rss_fontes (area_id, nome, url, tags, peso, ativa, created_at, created_by) VALUES (?, ?, ?, ?, ?, 1, ?, ?)\",\n args: [\n b.area_id ?? null,\n b.nome,\n b.url,\n (b.tags || \"\").trim(),\n Number(b.peso) || 1,\n Date.now(),\n user.email,\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\napp.put(\"/api/rss/fontes/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE rss_fontes SET nome = ?, url = ?, tags = ?, peso = ?, ativa = ?, area_id = ? WHERE id = ?\",\n args: [\n b.nome,\n b.url,\n (b.tags || \"\").trim(),\n Number(b.peso) || 1,\n b.ativa ? 1 : 0,\n b.area_id ?? null,\n id,\n ],\n });\n return c.json({ ok: true });\n});\napp.delete(\"/api/rss/fontes/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const id = Number(c.req.param(\"id\"));\n await sqlite.batch([\n { sql: \"DELETE FROM rss_noticias WHERE fonte_id = ?\", args: [id] },\n { sql: \"DELETE FROM rss_tags_sugeridas WHERE fonte_id = ?\", args: [id] },\n { sql: \"DELETE FROM rss_fontes WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n// Tags: qualquer pessoa logada sugere; o admin aprova (a tag entra na fonte) ou recusa.\napp.post(\"/api/rss/tags/sugerir\", async (c) => {\n const user = await requireUser(c);\n if (!user) {\n return c.json({ error: \"não autenticado\" }, 401);\n }\n const b = await c.req.json();\n const tag = String(b.tag || \"\").trim().toLowerCase().replace(\n /[^a-z0-9-]/g,\n \"\",\n );\n if (!tag || !b.fonte_id) {\n return c.json({ error: \"tag e fonte obrigatórias\" }, 400);\n }\n await sqlite.execute({\n sql:\n \"INSERT INTO rss_tags_sugeridas (fonte_id, tag, sugerido_por, status, created_at) VALUES (?, ?, ?, 'pendente', ?)\",\n args: [Number(b.fonte_id), tag, user.email, Date.now()],\n });\n return c.json({ ok: true });\n});\napp.post(\"/api/rss/tags/aprovar\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n const b = await c.req.json();\n const s = (await sqlite.execute({\n sql: \"SELECT * FROM rss_tags_sugeridas WHERE id = ?\",\n args: [Number(b.id)],\n })).rows[0];\n if (!s) {\n return c.json({ error: \"sugestão não encontrada\" }, 404);\n }\n const f = (await sqlite.execute({\n sql: \"SELECT tags FROM rss_fontes WHERE id = ?\",\n args: [Number(s.fonte_id)],\n })).rows[0];\n const atuais = String(f?.tags || \"\").split(\",\").map((x) => x.trim()).filter(\n Boolean,\n );\n if (!atuais.includes(String(s.tag))) {\n atuais.push(String(s.tag));\n }\n await sqlite.batch([\n {\n sql: \"UPDATE rss_fontes SET tags = ? WHERE id = ?\",\n args: [atuais.join(\",\"), Number(s.fonte_id)],\n },\n {\n sql: \"UPDATE rss_tags_sugeridas SET status = 'aprovada' WHERE id = ?\",\n args: [Number(b.id)],\n },\n ]);\n return c.json({ ok: true });\n});\napp.delete(\"/api/rss/tags/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) {\n return c.json({ error: \"sem permissão\" }, 403);\n }\n await sqlite.execute({\n sql: \"DELETE FROM rss_tags_sugeridas WHERE id = ?\",\n args: [Number(c.req.param(\"id\"))],\n });\n return c.json({ ok: true });\n});\n// ---------------------------------------------------------------------------\n// Conversas — canais por caso sobre os espaços do Google Chat (conversas.ts)\n//\n// O módulo entra por import DINÂMICO dentro de try/catch de propósito: se ele\n// falhar (arquivo ausente, erro de sintaxe, tabela que não cria), a Central\n// inteira continua no ar e só as Conversas ficam fora. Um import estático no\n// topo derrubaria o hub, o Radar e os tribunais junto.\n// ---------------------------------------------------------------------------\nlet conversasNoAr = false;\ntry {\n const { montar } = await import(\"./conversas.ts\");\n montar(app, { getUser });\n conversasNoAr = true;\n} catch (e) {\n console.error(\"[conversas] módulo não carregou:\", e);\n}\napp.get(\"/conversas\", async (c) => {\n const user = await getUser(c);\n if (!user) {\n return c.redirect(\"/login\");\n }\n if (!conversasNoAr) {\n return c.text(\"As Conversas estão indisponíveis no momento.\", 503);\n }\n // Serve o HUB: as Conversas viram uma vista dentro dele (o app.js lê o\n // caminho e já abre nessa vista). A página separada abria branca e sem menu.\n return serveFile(\"/frontend/index.html\");\n});\nexport default app.fetch;",[156],"7b61bb17-98ef-49d1-9827-c6f570cf4172","conversas.ts","d45c3a6e-a9f7-11f1-9797-1607ee4eb77e",172,["D",1788742774405],7,"// Central TC — Conversas: canais por caso, presos ao cliente.\n//\n// A conversa mora em espaços do Google Chat, mas quem escreve é a Central:\n// as mensagens vão pela API do Chat com a conta da própria pessoa. O Chat\n// continua servindo de aplicativo no celular, mostrando a mesma linha do tempo.\n//\n// Três regras, todas verificadas aqui no servidor porque é aqui que se decide:\n// 1. A área vem da pessoa. Ninguém cria canal em área que não é sua.\n// 2. Cliente com nome idêntico não vira cadastro novo (índice UNIQUE garante).\n// 3. Nome parecido não bloqueia, avisa. Quem decide é o usuário.\n//\n// Escopos que o Workspace precisa autorizar por pessoa, uma vez:\n// chat.spaces chat.memberships chat.messages\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { getCookie, setCookie } from \"npm:hono/cookie\";\nimport {\n chaveOrdem,\n conferir,\n gerarSlug,\n slugDoCanal,\n slugLivre,\n sugerir,\n} from \"./nomes.ts\";\n\n// ---------------------------------------------------------------------------\n// Banco\n// ---------------------------------------------------------------------------\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS clientes (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n nome TEXT NOT NULL,\n chave TEXT NOT NULL,\n area_id INTEGER,\n created_at INTEGER,\n created_by TEXT DEFAULT ''\n)`);\n// A trava de cadastro repetido é do banco, não só da conferência da tela:\n// duas pessoas clicando ao mesmo tempo não conseguem criar o mesmo cliente.\nawait sqlite.execute(\n `CREATE UNIQUE INDEX IF NOT EXISTS clientes_chave_unica ON clientes(chave)`,\n);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS canais (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n cliente_id INTEGER NOT NULL,\n area_id INTEGER NOT NULL,\n slug TEXT NOT NULL,\n titulo TEXT NOT NULL,\n chave TEXT NOT NULL,\n space TEXT DEFAULT '',\n processo TEXT DEFAULT '',\n drive_url TEXT DEFAULT '',\n arquivado INTEGER DEFAULT 0,\n created_at INTEGER,\n created_by TEXT DEFAULT ''\n)`);\nawait sqlite.execute(\n `CREATE UNIQUE INDEX IF NOT EXISTS canais_slug_unico ON canais(slug)`,\n);\n\n// Quem participa de cada canal, espelhando a associação do espaço no Chat.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS canal_membros (\n canal_id INTEGER NOT NULL,\n email TEXT NOT NULL,\n entrou_at INTEGER,\n PRIMARY KEY (canal_id, email)\n)`);\n\n// Consentimento do Chat, por pessoa. Guarda só o refresh token.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS google_chat_tokens (\n email TEXT PRIMARY KEY,\n refresh_token TEXT NOT NULL,\n escopos TEXT DEFAULT '',\n updated_at INTEGER\n)`);\n// O id da pessoa no Google (users/123). A API do Chat identifica o autor por\n// ele e NÃO devolve o nome na listagem de mensagens; sem este vínculo toda\n// mensagem apareceria como \"Alguém\". É aprendido no primeiro envio.\ntry {\n await sqlite.execute(\n `ALTER TABLE google_chat_tokens ADD COLUMN google_id TEXT DEFAULT ''`,\n );\n} catch { /* já existe */ }\n\n// Papel de sócio: enxerga tudo na Central e abre canal em qualquer área.\n// É diferente de admin — o sócio não administra conteúdo nem pessoas.\ntry {\n await sqlite.execute(`ALTER TABLE people ADD COLUMN socio INTEGER DEFAULT 0`);\n} catch { /* já existe */ }\n\n// ---------------------------------------------------------------------------\n// Google Chat\n// ---------------------------------------------------------------------------\nexport const ESCOPOS_CHAT = [\n \"https://www.googleapis.com/auth/chat.spaces\",\n \"https://www.googleapis.com/auth/chat.memberships\",\n \"https://www.googleapis.com/auth/chat.messages\",\n];\n\nconst CHAT_API = \"https://chat.googleapis.com/v1\";\n\n/** Troca o refresh token guardado por um access token de curta duração. */\nasync function accessToken(email: string): Promise {\n const row = (await sqlite.execute({\n sql: \"SELECT refresh_token FROM google_chat_tokens WHERE email = ?\",\n args: [email.toLowerCase()],\n })).rows[0];\n if (!row) return null;\n\n const r = await fetch(\"https://oauth2.googleapis.com/token\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/x-www-form-urlencoded\" },\n body: new URLSearchParams({\n client_id: Deno.env.get(\"GOOGLE_CLIENT_ID\") || \"\",\n client_secret: Deno.env.get(\"GOOGLE_CLIENT_SECRET\") || \"\",\n refresh_token: String(row.refresh_token),\n grant_type: \"refresh_token\",\n }),\n });\n if (!r.ok) return null;\n const j = await r.json();\n return j.access_token || null;\n}\n\nasync function chamarChat(\n token: string,\n caminho: string,\n init: RequestInit = {},\n): Promise {\n const r = await fetch(`${CHAT_API}${caminho}`, {\n ...init,\n headers: {\n Authorization: `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n ...(init.headers || {}),\n },\n });\n const corpo = await r.json().catch(() => ({}));\n if (!r.ok) {\n const msg = corpo?.error?.message || `Chat API ${r.status}`;\n throw Object.assign(new Error(msg), { status: r.status, corpo });\n }\n return corpo;\n}\n\nasync function criarEspaco(token: string, nomeVisivel: string) {\n return chamarChat(token, \"/spaces\", {\n method: \"POST\",\n body: JSON.stringify({ spaceType: \"SPACE\", displayName: nomeVisivel }),\n });\n}\n\nasync function convidar(token: string, space: string, email: string) {\n return chamarChat(token, `/${space}/members`, {\n method: \"POST\",\n body: JSON.stringify({ member: { name: `users/${email}`, type: \"HUMAN\" } }),\n });\n}\n\n/** Nomes que a própria Central conhece, por id do Google. */\nasync function nomesConhecidos(): Promise> {\n const mapa: Record = {};\n try {\n const linhas = (await sqlite.execute(\n `SELECT t.google_id AS gid, t.email AS email, p.name AS nome\n FROM google_chat_tokens t\n LEFT JOIN people p ON LOWER(p.email) = LOWER(t.email)\n WHERE t.google_id IS NOT NULL AND t.google_id != ''`,\n )).rows as any[];\n for (const l of linhas) {\n const bruto = String(l.nome || \"\").trim();\n const doEmail = String(l.email || \"\").split(\"@\")[0].replace(\n /[._-]+/g,\n \" \",\n );\n const nome = bruto || doEmail.replace(/\\b\\w/g, (c) => c.toUpperCase());\n if (l.gid) mapa[`users/${l.gid}`] = nome;\n }\n } catch { /* sem nomes o fio ainda aparece */ }\n return mapa;\n}\n\n/**\n * Quem é quem no espaço, por id do Google.\n * Existe porque `spaces.messages.list` devolve `sender.name` (users/123) mas\n * deixa `sender.displayName` vazio — sem isto toda mensagem vira \"Alguém\".\n */\nasync function nomesDoEspaco(\n token: string,\n space: string,\n): Promise> {\n const nomes: Record = {};\n try {\n const j = await chamarChat(token, `/${space}/members?pageSize=200`);\n for (const m of j.memberships || []) {\n const u = m.member || {};\n if (u.name) nomes[u.name] = u.displayName || \"\";\n }\n } catch { /* sem os nomes o fio ainda aparece, só sem autor */ }\n return nomes;\n}\n\nasync function listarMensagens(token: string, space: string, teto = 60) {\n const q = new URLSearchParams({\n pageSize: String(teto),\n orderBy: \"createTime desc\",\n showDeleted: \"false\",\n });\n const j = await chamarChat(token, `/${space}/messages?${q}`);\n return (j.messages || []).reverse();\n}\n\nasync function enviarMensagem(token: string, space: string, texto: string) {\n return chamarChat(token, `/${space}/messages`, {\n method: \"POST\",\n body: JSON.stringify({ text: texto }),\n });\n}\n\n// ---------------------------------------------------------------------------\n// Helpers de domínio\n// ---------------------------------------------------------------------------\ntype Usuario = {\n email: string;\n name: string;\n picture: string;\n isAdmin: boolean;\n};\n\n/** As áreas em que a pessoa atua. É o que trava o campo Área na criação. */\nasync function areasDe(email: string, isAdmin: boolean): Promise {\n const socio = isAdmin || (await sqlite.execute({\n sql: \"SELECT socio FROM people WHERE email = ?\",\n args: [email.toLowerCase()],\n })).rows.some((r: any) => Number(r.socio) === 1);\n\n // Sócio (e admin) abre canal em qualquer área do escritório.\n if (socio) {\n return (await sqlite.execute(\"SELECT id FROM areas ORDER BY position, id\"))\n .rows.map((r: any) => Number(r.id));\n }\n return (await sqlite.execute({\n sql: \"SELECT area_id FROM people_areas WHERE email = ? ORDER BY area_id\",\n args: [email.toLowerCase()],\n })).rows.map((r: any) => Number(r.area_id));\n}\n\nasync function listaClientes() {\n return (await sqlite.execute(\n `SELECT c.id, c.nome, c.area_id,\n (SELECT COUNT(*) FROM canais k WHERE k.cliente_id = c.id AND k.arquivado = 0) AS canais\n FROM clientes c ORDER BY c.nome`,\n )).rows as any[];\n}\n\n/** Todos os slugs em uso. O nome do canal é único no escritório inteiro. */\nasync function todosOsSlugs(): Promise {\n return (await sqlite.execute(\"SELECT slug FROM canais\")).rows.map((r: any) =>\n String(r.slug)\n );\n}\n\nasync function casosDoCliente(clienteId: number) {\n return (await sqlite.execute({\n sql: `SELECT id, slug, titulo, area_id FROM canais\n WHERE cliente_id = ? AND arquivado = 0 ORDER BY created_at DESC`,\n args: [clienteId],\n })).rows as any[];\n}\n\n/** Só os canais em que a pessoa está. Quem manda no sigilo é o Chat. */\nasync function canaisDe(user: Usuario) {\n const sql = `\n SELECT k.*, c.nome AS cliente_nome, a.name AS area_nome, a.color AS area_cor,\n (SELECT COUNT(*) FROM canal_membros m2 WHERE m2.canal_id = k.id) AS membros\n FROM canais k\n JOIN clientes c ON c.id = k.cliente_id\n LEFT JOIN areas a ON a.id = k.area_id\n WHERE k.arquivado = 0\n AND EXISTS (SELECT 1 FROM canal_membros m\n WHERE m.canal_id = k.id AND m.email = ?)\n ORDER BY k.created_at DESC`;\n const canais =\n (await sqlite.execute({ sql, args: [user.email.toLowerCase()] }))\n .rows as any[];\n if (!canais.length) return canais;\n\n // Quem está em cada canal, para a tela do canal listar sem uma volta extra.\n const todos = (await sqlite.execute(\n \"SELECT canal_id, email FROM canal_membros\",\n )).rows as any[];\n const porCanal: Record = {};\n for (const m of todos) {\n const k = Number(m.canal_id);\n (porCanal[k] ||= []).push(String(m.email));\n }\n for (const k of canais) k.membros_lista = porCanal[Number(k.id)] || [];\n return canais;\n}\n\nasync function participa(canalId: number, email: string): Promise {\n const r = await sqlite.execute({\n sql: \"SELECT 1 FROM canal_membros WHERE canal_id = ? AND email = ?\",\n args: [canalId, email.toLowerCase()],\n });\n return r.rows.length > 0;\n}\n\n// ---------------------------------------------------------------------------\n// Rotas\n// ---------------------------------------------------------------------------\nexport function montar(\n app: any,\n deps: { getUser: (c: any) => Promise },\n) {\n const { getUser } = deps;\n\n async function exigir(c: any): Promise {\n const u = await getUser(c);\n if (!u) {\n c.status(401);\n return null;\n }\n return u;\n }\n\n // ---- consentimento do Chat, incremental e por pessoa -------------------\n app.get(\"/auth/chat\", async (c: any) => {\n const user = await getUser(c);\n if (!user) return c.redirect(\"/login\");\n const estado = crypto.randomUUID();\n setCookie(c, \"chat_state\", estado, {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n path: \"/\",\n maxAge: 600,\n });\n const u = new URL(\"https://accounts.google.com/o/oauth2/v2/auth\");\n u.searchParams.set(\"client_id\", Deno.env.get(\"GOOGLE_CLIENT_ID\") || \"\");\n u.searchParams.set(\n \"redirect_uri\",\n new URL(c.req.url).origin + \"/auth/chat/callback\",\n );\n u.searchParams.set(\"response_type\", \"code\");\n u.searchParams.set(\"scope\", ESCOPOS_CHAT.join(\" \"));\n u.searchParams.set(\"access_type\", \"offline\");\n u.searchParams.set(\"prompt\", \"consent\");\n u.searchParams.set(\"include_granted_scopes\", \"true\");\n u.searchParams.set(\"login_hint\", user.email);\n u.searchParams.set(\"state\", estado);\n return c.redirect(u.toString());\n });\n\n app.get(\"/auth/chat/callback\", async (c: any) => {\n const user = await getUser(c);\n if (!user) return c.redirect(\"/login\");\n const code = c.req.query(\"code\");\n const estado = c.req.query(\"state\");\n if (!code || !estado || estado !== getCookie(c, \"chat_state\")) {\n return c.redirect(\"/conversas?erro=consentimento\");\n }\n const r = await fetch(\"https://oauth2.googleapis.com/token\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/x-www-form-urlencoded\" },\n body: new URLSearchParams({\n code,\n client_id: Deno.env.get(\"GOOGLE_CLIENT_ID\") || \"\",\n client_secret: Deno.env.get(\"GOOGLE_CLIENT_SECRET\") || \"\",\n redirect_uri: new URL(c.req.url).origin + \"/auth/chat/callback\",\n grant_type: \"authorization_code\",\n }),\n });\n const j = await r.json().catch(() => ({}));\n if (!r.ok || !j.refresh_token) {\n return c.redirect(\"/conversas?erro=sem_refresh\");\n }\n await sqlite.execute({\n sql:\n `INSERT INTO google_chat_tokens (email, refresh_token, escopos, updated_at)\n VALUES (?, ?, ?, ?)\n ON CONFLICT(email) DO UPDATE SET\n refresh_token = excluded.refresh_token,\n escopos = excluded.escopos,\n updated_at = excluded.updated_at`,\n args: [\n user.email.toLowerCase(),\n j.refresh_token,\n j.scope || \"\",\n Date.now(),\n ],\n });\n return c.redirect(\"/conversas\");\n });\n\n /**\n * Endpoint de gatilho do app de Chat.\n *\n * Existe só para o app ter identidade no Google Chat. Com os recursos\n * interativos desligados, toda mensagem enviada pela Central aparecia\n * assinada como \"App anônimo\" ao lado do nome da pessoa. O console exige um\n * URL de gatilho para ligá-los, então este é o URL: aceita o evento e não\n * faz nada, porque a Central não responde a interações dentro do Chat.\n */\n app.post(\"/api/conversas/chat-evento\", (c: any) => c.json({}));\n\n // ---- estado da tela ----------------------------------------------------\n app.get(\"/api/conversas\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n\n const ligado = (await sqlite.execute({\n sql: \"SELECT 1 FROM google_chat_tokens WHERE email = ?\",\n args: [user.email.toLowerCase()],\n })).rows.length > 0;\n\n const minhas = await areasDe(user.email, user.isAdmin);\n const areas =\n (await sqlite.execute(\n \"SELECT id, name, color FROM areas ORDER BY position, id\",\n ))\n .rows.filter((a: any) => minhas.includes(Number(a.id)));\n\n return c.json({ ligado, canais: await canaisDe(user), minhasAreas: areas });\n });\n\n /** Colegas do escritório, para escolher quem entra no canal. Não é dado sigiloso. */\n app.get(\"/api/conversas/equipe\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const linhas = (await sqlite.execute(\n \"SELECT email, name FROM people ORDER BY name, email\",\n )).rows as any[];\n const equipe = linhas\n .filter((p) => String(p.email).toLowerCase() !== user.email.toLowerCase())\n .map((p) => ({\n email: String(p.email),\n name: String(p.name || p.email),\n }));\n return c.json({ equipe });\n });\n\n // ---- clientes ----------------------------------------------------------\n app.get(\"/api/conversas/clientes\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const q = c.req.query(\"q\") || \"\";\n const todos = await listaClientes();\n return c.json({ clientes: q ? sugerir(q, todos) : todos.slice(0, 8) });\n });\n\n app.get(\"/api/conversas/clientes/:id/casos\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n return c.json({ casos: await casosDoCliente(Number(c.req.param(\"id\"))) });\n });\n\n /** Confere um nome de cliente. Não grava nada: só responde o que a tela deve mostrar. */\n app.post(\"/api/conversas/clientes/conferir\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const { termo } = await c.req.json().catch(() => ({ termo: \"\" }));\n const r = conferir(String(termo || \"\"), await listaClientes());\n return c.json({\n identico: r.identico,\n parecidos: r.parecidos.map((p) => ({\n ...p.item,\n grau: Math.round(p.grau * 100),\n motivo: p.motivo,\n })),\n });\n });\n\n app.post(\"/api/conversas/clientes\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const body = await c.req.json().catch(() => ({}));\n const nome = String(body.nome || \"\").trim();\n if (!nome) return c.json({ error: \"informe o nome do cliente\" }, 400);\n\n const chave = chaveOrdem(nome);\n if (!chave) {\n return c.json({ error: \"nome sem palavras aproveitáveis\" }, 400);\n }\n\n const r = conferir(nome, await listaClientes());\n if (r.identico) {\n return c.json(\n { error: \"cliente já cadastrado\", identico: r.identico },\n 409,\n );\n }\n const area = Number(body.area_id) || null;\n try {\n const ins = await sqlite.execute({\n sql:\n `INSERT INTO clientes (nome, chave, area_id, created_at, created_by)\n VALUES (?, ?, ?, ?, ?) RETURNING id`,\n args: [nome, chave, area, Date.now(), user.email],\n });\n return c.json({ id: Number(ins.rows[0].id), nome, canais: 0 });\n } catch (e) {\n // O índice UNIQUE é a última linha de defesa contra dois cliques simultâneos.\n return c.json({ error: \"cliente já cadastrado\" }, 409);\n }\n });\n\n // ---- casos dentro do cliente ------------------------------------------\n app.post(\"/api/conversas/casos/conferir\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const { cliente_id, termo } = await c.req.json().catch(() => ({}));\n if (!cliente_id) return c.json({ identico: null, parecidos: [] });\n const casos = await casosDoCliente(Number(cliente_id));\n const r = conferir(String(termo || \"\"), casos, \"titulo\");\n const nomeCli = (await sqlite.execute({\n sql: \"SELECT nome FROM clientes WHERE id = ?\",\n args: [Number(cliente_id)],\n })).rows[0]?.nome || \"\";\n return c.json({\n identico: r.identico,\n parecidos: r.parecidos.map((p) => ({\n ...p.item,\n grau: Math.round(p.grau * 100),\n motivo: p.motivo,\n })),\n slug: slugLivre(\n slugDoCanal(String(nomeCli), String(termo || \"\")),\n await todosOsSlugs(),\n ),\n });\n });\n\n // ---- criar o canal -----------------------------------------------------\n app.post(\"/api/conversas/canais\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n\n const body = await c.req.json().catch(() => ({}));\n const clienteId = Number(body.cliente_id);\n const titulo = String(body.titulo || \"\").trim();\n const areaId = Number(body.area_id);\n const convidados: string[] = Array.isArray(body.membros)\n ? body.membros\n : [];\n\n if (!clienteId || !titulo) {\n return c.json({ error: \"informe o cliente e o caso\" }, 400);\n }\n\n // Regra 1: a área é da pessoa. Recusar aqui, não só esconder na tela.\n const minhas = await areasDe(user.email, user.isAdmin);\n if (!minhas.includes(areaId)) {\n return c.json({ error: \"você só cria canais nas suas áreas\" }, 403);\n }\n\n const cliente = (await sqlite.execute({\n sql: \"SELECT id, nome FROM clientes WHERE id = ?\",\n args: [clienteId],\n })).rows[0];\n if (!cliente) return c.json({ error: \"cliente não encontrado\" }, 404);\n\n const casos = await casosDoCliente(clienteId);\n const conf = conferir(titulo, casos, \"titulo\");\n if (conf.identico && !body.forcar) {\n return c.json({\n error: \"este cliente já tem um canal com esse assunto\",\n identico: conf.identico,\n }, 409);\n }\n\n const token = await accessToken(user.email);\n if (!token) {\n return c.json(\n { error: \"autorize o Google Chat\", precisaConsentir: true },\n 428,\n );\n }\n\n // Nome do canal = iniciais do cliente + o caso, único no escritório inteiro.\n // Sem o prefixo, o \"Divórcio\" de um cliente brigava com o de outro.\n const base = String(body.slug || \"\").trim() ||\n slugDoCanal(String(cliente.nome), titulo);\n const slug = slugLivre(base, await todosOsSlugs());\n\n let space = \"\";\n try {\n const criado = await criarEspaco(token, `${cliente.nome} · ${titulo}`);\n space = criado.name || \"\";\n } catch (e: any) {\n return c.json({\n error: `Google Chat recusou criar o espaço: ${e.message}`,\n }, 502);\n }\n\n const agora = Date.now();\n const ins = await sqlite.execute({\n sql: `INSERT INTO canais\n (cliente_id, area_id, slug, titulo, chave, space, created_at, created_by)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?) RETURNING id`,\n args: [\n clienteId,\n areaId,\n slug,\n titulo,\n chaveOrdem(titulo),\n space,\n agora,\n user.email,\n ],\n });\n const canalId = Number(ins.rows[0].id);\n\n // Quem criou entra sempre; os demais são convidados no Chat e espelhados aqui.\n const membros = Array.from(\n new Set([\n user.email.toLowerCase(),\n ...convidados.map((e) => String(e).toLowerCase()).filter(Boolean),\n ]),\n );\n const falhas: string[] = [];\n for (const email of membros) {\n if (email !== user.email.toLowerCase()) {\n try {\n await convidar(token, space, email);\n } catch {\n falhas.push(email);\n continue;\n }\n }\n await sqlite.execute({\n sql:\n \"INSERT OR IGNORE INTO canal_membros (canal_id, email, entrou_at) VALUES (?, ?, ?)\",\n args: [canalId, email, agora],\n });\n }\n\n return c.json({ id: canalId, slug, space, titulo, falhas });\n });\n\n /** Chamar mais alguém depois, de dentro do canal. */\n app.post(\"/api/conversas/canais/:id/membros\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const canalId = Number(c.req.param(\"id\"));\n if (!await participa(canalId, user.email)) {\n return c.json({ error: \"você não está neste canal\" }, 403);\n }\n\n const { email } = await c.req.json().catch(() => ({}));\n const alvo = String(email || \"\").toLowerCase().trim();\n if (!alvo) return c.json({ error: \"informe o e-mail\" }, 400);\n\n const canal = (await sqlite.execute({\n sql: \"SELECT space FROM canais WHERE id = ?\",\n args: [canalId],\n })).rows[0];\n const token = await accessToken(user.email);\n if (!token) {\n return c.json(\n { error: \"autorize o Google Chat\", precisaConsentir: true },\n 428,\n );\n }\n\n try {\n await convidar(token, String(canal.space), alvo);\n } catch (e: any) {\n return c.json({ error: e.message }, 502);\n }\n\n await sqlite.execute({\n sql:\n \"INSERT OR IGNORE INTO canal_membros (canal_id, email, entrou_at) VALUES (?, ?, ?)\",\n args: [canalId, alvo, Date.now()],\n });\n return c.json({ ok: true });\n });\n\n // ---- mensagens ---------------------------------------------------------\n app.get(\"/api/conversas/canais/:id/mensagens\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const canalId = Number(c.req.param(\"id\"));\n if (!await participa(canalId, user.email)) {\n return c.json({ error: \"você não está neste canal\" }, 403);\n }\n\n const canal = (await sqlite.execute({\n sql: \"SELECT space FROM canais WHERE id = ?\",\n args: [canalId],\n })).rows[0];\n if (!canal?.space) return c.json({ mensagens: [] });\n\n const token = await accessToken(user.email);\n if (!token) {\n return c.json(\n { error: \"autorize o Google Chat\", precisaConsentir: true },\n 428,\n );\n }\n\n try {\n const [brutas, doEspaco, daCentral] = await Promise.all([\n listarMensagens(token, String(canal.space)),\n nomesDoEspaco(token, String(canal.space)),\n nomesConhecidos(),\n ]);\n const nomes = { ...doEspaco, ...daCentral };\n return c.json({\n mensagens: brutas.map((m: any) => ({\n id: m.name,\n texto: m.text || \"\",\n autor: m.sender?.displayName || nomes[m.sender?.name] || \"\",\n autor_id: m.sender?.name || \"\",\n quando: m.createTime || \"\",\n anexos: (m.attachment || []).map((a: any) => ({\n nome: a.contentName || \"arquivo\",\n tipo: a.contentType || \"\",\n })),\n })),\n });\n } catch (e: any) {\n return c.json({ error: e.message }, 502);\n }\n });\n\n app.post(\"/api/conversas/canais/:id/mensagens\", async (c: any) => {\n const user = await exigir(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const canalId = Number(c.req.param(\"id\"));\n if (!await participa(canalId, user.email)) {\n return c.json({ error: \"você não está neste canal\" }, 403);\n }\n\n const { texto } = await c.req.json().catch(() => ({}));\n const corpo = String(texto || \"\").trim();\n if (!corpo) return c.json({ error: \"mensagem vazia\" }, 400);\n\n const canal = (await sqlite.execute({\n sql: \"SELECT space FROM canais WHERE id = ?\",\n args: [canalId],\n })).rows[0];\n const token = await accessToken(user.email);\n if (!token) {\n return c.json(\n { error: \"autorize o Google Chat\", precisaConsentir: true },\n 428,\n );\n }\n\n try {\n const m = await enviarMensagem(token, String(canal.space), corpo);\n // O Google devolve quem assinou: guardamos o vínculo id -> e-mail para a\n // listagem conseguir nomear o autor daqui em diante.\n const gid = String(m.sender?.name || \"\").replace(\"users/\", \"\");\n if (gid) {\n await sqlite.execute({\n sql:\n \"UPDATE google_chat_tokens SET google_id = ? WHERE email = ? AND (google_id IS NULL OR google_id = '')\",\n args: [gid, user.email.toLowerCase()],\n });\n }\n return c.json({ id: m.name, quando: m.createTime });\n } catch (e: any) {\n return c.json({ error: e.message }, 502);\n }\n });\n}\n\nexport { areasDe, canaisDe, casosDoCliente, gerarSlug, listaClientes };",[164],"15b6cd7c-1b0d-47dd-8863-d3560cfb4f09","frontend","a7603784-9be9-11f1-b2eb-1607ee4eb77e",6,["D",1787156352547],1,"directory",[172],"pulls","branches","forks","envVars",{"_186":174,"_188":63},"connections",{"_186":63,"_187":63},"count","unfilledCount","emptyCount",{"_43":171,"_32":172,"_30":173,"_139":-5,"_41":42,"_40":174,"_141":59,"_38":280,"_13":176,"_34":177,"_35":-5,"_24":25,"_145":-5,"_203":281,"_27":282},{"_43":272,"_32":273,"_30":274,"_139":173,"_41":42,"_40":275,"_141":25,"_38":276,"_13":268,"_34":20,"_35":277,"_24":25,"_145":-5,"_203":278,"_27":279},{"_43":263,"_32":264,"_30":265,"_139":173,"_41":42,"_40":266,"_141":25,"_38":267,"_13":268,"_34":152,"_35":269,"_24":25,"_145":-5,"_203":270,"_27":271},{"_43":254,"_32":255,"_30":256,"_139":173,"_41":42,"_40":257,"_141":59,"_38":258,"_13":259,"_34":152,"_35":260,"_24":25,"_145":-5,"_203":261,"_27":262},{"_43":245,"_32":246,"_30":247,"_139":173,"_41":42,"_40":248,"_141":25,"_38":249,"_13":250,"_34":20,"_35":251,"_24":25,"_145":-5,"_203":252,"_27":253},{"_43":237,"_32":238,"_30":239,"_139":173,"_41":42,"_40":240,"_141":25,"_38":241,"_13":168,"_34":152,"_35":242,"_24":25,"_145":-5,"_203":243,"_27":244},{"_43":228,"_32":229,"_30":230,"_139":173,"_41":42,"_40":231,"_141":59,"_38":232,"_13":233,"_34":20,"_35":234,"_24":25,"_145":-5,"_203":235,"_27":236},{"_43":220,"_32":221,"_30":222,"_139":173,"_41":42,"_40":223,"_141":59,"_38":224,"_13":174,"_34":20,"_35":225,"_24":25,"_145":-5,"_203":226,"_27":227},{"_43":215,"_32":33,"_30":31,"_139":173,"_41":42,"_40":14,"_141":59,"_38":216,"_13":217,"_34":20,"_35":37,"_24":25,"_145":-5,"_203":218,"_27":219},{"_43":163,"_32":164,"_30":165,"_139":-5,"_41":42,"_40":166,"_141":59,"_38":212,"_13":168,"_34":152,"_35":169,"_24":25,"_145":-5,"_203":213,"_27":214},{"_43":155,"_32":156,"_30":57,"_139":-5,"_41":42,"_40":157,"_141":59,"_38":209,"_13":159,"_34":160,"_35":161,"_24":25,"_145":-5,"_203":210,"_27":211},{"_43":147,"_32":148,"_30":149,"_139":-5,"_41":42,"_40":150,"_141":59,"_38":206,"_13":143,"_34":152,"_35":153,"_24":25,"_145":-5,"_203":207,"_27":208},{"_43":136,"_32":137,"_30":138,"_139":-5,"_41":42,"_40":140,"_141":59,"_38":202,"_13":143,"_34":20,"_35":144,"_24":25,"_145":-5,"_203":204,"_27":205},["D",1788488186586],"children",[],[137],["D",1788733091313],[],[148],["D",1788811328268],[],[156],["D",1788742774405],[],[164],"72f0b5fa-3aad-4058-8b8a-bdb2342494cc",["D",1788811403331],36,[],[172,33],"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",[],[172,221],"918c0e6a-719b-4dc1-b7f3-34cb00b6410f","index.html","057094cc-9bea-11f1-a46b-1607ee4eb77e",162,["D",1788727207875],12,"\n\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 \n \n

\n\n

\n\n \n \n \n \n",[],[172,229],"a39e24a1-ff7b-43b6-bb16-997ce50e5b2d","conversas.js","8ea60134-a9f8-11f1-8c27-1607ee4eb77e",170,["D",1788740589216],"// Central TC — Conversas: canais por caso sobre os espaços do Google Chat.\n//\n// Este arquivo NÃO é uma página: é uma vista do hub. Ele se pendura em\n// window.Conversas e o app.js o monta dentro do #content quando a pessoa\n// clica em \"Conversas\" na lateral. Assim o menu, o tema e o resto da Central\n// continuam de pé — antes isto era página separada, que abria branca e sem menu.\n//\n// A conferência de nome que importa é a do servidor (nomes.ts). Aqui só se\n// pergunta e se mostra: a tela nunca decide sozinha se um cliente é novo.\n\nwindow.Conversas = (function () {\n let DADOS = { ligado: false, canais: [], minhasAreas: [] };\n let EQUIPE = [];\n let canalAberto = null;\n let relogio = null;\n let raiz = null;\n let montado = false;\n\n const $ = (id) => document.getElementById(id);\n const esc = (t) =>\n String(t ?? \"\")\n .replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\");\n\n const normalizar = (t) =>\n String(t ?? \"\").normalize(\"NFD\")\n .replace(/[̀-ͯ]/g, \"\").toLowerCase()\n .replace(/[^a-z0-9\\s]/g, \" \").replace(/\\s+/g, \" \").trim();\n\n const soSlug = (t, teto) =>\n String(t || \"\").normalize(\"NFD\")\n .replace(/[̀-ͯ]/g, \"\").toLowerCase()\n .replace(/[^a-z0-9]+/g, \"-\").replace(/^-+|-+$/g, \"\").slice(0, teto || 40)\n .replace(/-+$/g, \"\");\n\n // Palavras que não distinguem um cliente. Espelha a lista do servidor\n // (nomes.ts): a prévia na tela tem de bater com o nome que será gravado.\n const VAZIAS_PRE = [\n \"de\",\n \"da\",\n \"do\",\n \"das\",\n \"dos\",\n \"e\",\n \"em\",\n \"a\",\n \"o\",\n \"as\",\n \"os\",\n \"ltda\",\n \"me\",\n \"epp\",\n \"eireli\",\n \"sa\",\n \"s\",\n \"cia\",\n \"mei\",\n \"cond\",\n \"condominio\",\n \"edificio\",\n \"ed\",\n \"residencial\",\n \"familia\",\n \"grupo\",\n \"espolio\",\n \"sucessao\",\n ];\n\n function iniciaisCliente(nome) {\n const partes = soSlug(nome).split(\"-\").filter((w) =>\n w && VAZIAS_PRE.indexOf(w) === -1\n );\n if (!partes.length) return \"\";\n const ini = partes.map((p) => p[0]).join(\"\");\n return ini.length >= 2 ? ini : partes[0];\n }\n\n // O nome do canal leva as iniciais do cliente na frente: sem isso, dois\n // clientes com \"Divórcio\" brigavam pelo mesmo #divorcio.\n const slugLocal = (cliente, caso) => {\n const pre = soSlug(iniciaisCliente(cliente), 12);\n const corpo = soSlug(caso, 44 - (pre ? pre.length + 1 : 0));\n if (!pre) return corpo;\n if (!corpo) return pre;\n return pre + \"-\" + corpo;\n };\n\n const iniciais = (nome) =>\n String(nome || \"?\").trim().split(/\\s+/)\n .slice(0, 2).map((p) => p[0] || \"\").join(\"\").toUpperCase() || \"?\";\n\n const SVG_ALERTA =\n '';\n\n async function api(caminho, opts) {\n const r = await fetch(caminho, {\n headers: { \"Content-Type\": \"application/json\" },\n ...opts,\n });\n const j = await r.json().catch(() => ({}));\n if (!r.ok) {\n throw Object.assign(new Error(j.error || (\"erro \" + r.status)), {\n status: r.status,\n corpo: j,\n });\n }\n return j;\n }\n\n // ── o casco da vista, escrito dentro do #content do hub ──────────────\n function casco() {\n return `\n \n\n \n\n \n\n

Central TC · Google Chat

Novo canal

\n \n

O canal nasce dentro de um cliente. A Central confere o nome contra o que já existe antes de criar.

\n\n

\n Área\n \n \n

Você cria canais na sua área, a mesma que define o que enxerga na Central. Para um caso de outra área, quem atua nela é que abre o canal.

\n\n

\n Cliente\n \n

\n \n \n

A base de clientes é do escritório inteiro. Digite um trecho e a Central mostra quem já está cadastrado.

\n\n

\n Caso\n \n \n

O nome do canal sai daqui. A Central compara com os casos que este cliente já tem.

\n\n

\n Nome do canal\n

\n #\n \n

Minúsculas e hífen, sem acento. É por ele que a equipe busca depois.

\n\n

\n Quem participa\n

Você entra sempre. Depois, qualquer participante pode chamar mais gente de dentro da conversa.

\n\n

\n \n \n \n

\n\n

O que acontece ao criar

\n Resolve o cliente na base\n

Nome idêntico não passa: a Central manda usar o cadastro existente. Nome parecido avisa, e você decide.

\n Confere o caso dentro do cliente\n

Se aquele cliente já tem canal de assunto parecido, a Central mostra qual antes de deixar criar outro.

\n Cria o espaço no Google Chat\n

Com o nome do caso e as pessoas marcadas. Aparece no celular de todo mundo.

\n Amarra tudo na Central\n

Canal preso ao cliente e à sua área, ao lado do material do caso.

\n\n

Carregando as conversas...

`;\n }\n\n // ── navegação entre as telas da vista ────────────────────────────────\n const TELAS = [\"consentir\", \"lista\", \"sala\", \"novo\"];\n\n function mostrar(nome) {\n TELAS.forEach((t) => {\n const el = $(\"tela-\" + t);\n if (el) el.hidden = t !== nome;\n });\n const cont = document.querySelector(\".conteudo\");\n if (cont) {\n cont.classList.toggle(\"modo-sala\", nome === \"sala\");\n cont.scrollTop = 0;\n }\n if (nome !== \"sala\") pararRelogio();\n }\n\n // ── lista de canais ──────────────────────────────────────────────────\n function cartao(k, comCliente) {\n const cor = k.area_cor || \"\";\n const novas = k.novas\n ? '' + k.novas + \"\"\n : \"\";\n const areaTag = k.area_nome\n ? '' + esc(k.area_nome) + \"\"\n : 'Transversal';\n const ultima = k.ultima\n ? '

' + esc(k.ultima_autor || \"\") + \": \" +\n esc(k.ultima) + \"

\"\n : \"\";\n return '\";\n }\n\n function pintarLista() {\n const canais = DADOS.canais;\n const alvoCaso = $(\"vista-caso\");\n const alvoCli = $(\"vista-cliente\");\n if (!alvoCaso) return;\n\n if (!canais.length) {\n alvoCaso.innerHTML =\n '

Nenhum canal ainda. Crie o primeiro em “Novo canal”.

';\n alvoCli.innerHTML = \"\";\n } else {\n alvoCaso.innerHTML = '

' +\n '

Casos ativos · ' +\n canais.length + \"

\" +\n '

' + canais.map((k) => cartao(k, true)).join(\"\") +\n \"

\";\n\n const ordem = [], mapa = {};\n canais.forEach((k) => {\n if (!mapa[k.cliente_nome]) {\n mapa[k.cliente_nome] = [];\n ordem.push(k.cliente_nome);\n }\n mapa[k.cliente_nome].push(k);\n });\n alvoCli.innerHTML = ordem.map((nome) => {\n const itens = mapa[nome];\n const areas = [];\n itens.forEach((k) => {\n if (k.area_nome && !areas.some((a) => a.nome === k.area_nome)) {\n areas.push({ nome: k.area_nome, cor: k.area_cor });\n }\n });\n return '

' +\n '' + esc(nome) + \"\" +\n '' + itens.length +\n (itens.length > 1 ? \" canais\" : \" canal\") + \"\" +\n '' + areas.map((a) =>\n '' + esc(a.nome) + \"\"\n ).join(\"\") +\n \"

\" +\n '

' + itens.map((k) =>\n cartao(k, false)\n ).join(\"\") + \"

\";\n }).join(\"\");\n }\n\n const clientes = [...new Set(canais.map((k) => k.cliente_nome))];\n const conta = $(\"conta-canais\");\n if (conta) {\n conta.textContent = canais.length\n ? canais.length + \" \" + (canais.length > 1 ? \"canais\" : \"canal\") +\n \" · \" +\n clientes.length + \" \" + (clientes.length > 1 ? \"clientes\" : \"cliente\")\n : \"\";\n }\n }\n\n // ── canal aberto ─────────────────────────────────────────────────────\n function diaDe(iso) {\n const d = new Date(iso), hoje = new Date();\n const ontem = new Date(hoje.getTime() - 86400000);\n const igual = (a, b) => a.toDateString() === b.toDateString();\n if (igual(d, hoje)) return \"Hoje\";\n if (igual(d, ontem)) return \"Ontem\";\n return d.toLocaleDateString(\"pt-BR\", { day: \"2-digit\", month: \"long\" });\n }\n const horaDe = (iso) =>\n new Date(iso).toLocaleTimeString(\"pt-BR\", {\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n\n function pintarFio(mensagens) {\n const fio = $(\"fio\");\n if (!fio) return;\n if (!mensagens.length) {\n fio.innerHTML =\n '

Ainda não há mensagens. Escreva a primeira abaixo.

';\n return;\n }\n let dia = \"\";\n fio.innerHTML = mensagens.map((m) => {\n let cab = \"\";\n const d = diaDe(m.quando);\n if (d !== dia) {\n dia = d;\n cab = '

' + esc(d) + \"

\";\n }\n const anexos = (m.anexos || []).map((a) =>\n '

' +\n esc(a.nome) + \"

\"\n ).join(\"\");\n return cab + '

' +\n '' + esc(iniciais(m.autor)) + \"\" +\n '

' +\n '

' +\n esc(m.autor || \"Alguém\") + \"\" +\n '' + esc(horaDe(m.quando)) + \"

\" +\n '

' + esc(m.texto) + \"

\" + anexos +\n \"

\";\n }).join(\"\");\n const r = document.querySelector(\".fio-rolagem\");\n if (r) r.scrollTop = r.scrollHeight;\n }\n\n async function carregarMensagens(silencioso) {\n if (!canalAberto) return;\n try {\n const j = await api(\n \"/api/conversas/canais/\" + canalAberto.id + \"/mensagens\",\n );\n pintarFio(j.mensagens || []);\n } catch (e) {\n if (e.status === 428) {\n mostrar(\"consentir\");\n return;\n }\n if (!silencioso && $(\"fio\")) {\n $(\"fio\").innerHTML =\n '

Não deu para ler as mensagens: ' +\n esc(e.message) + \"

\";\n }\n }\n }\n\n function pararRelogio() {\n if (relogio) {\n clearInterval(relogio);\n relogio = null;\n }\n }\n\n async function abrirCanal(id) {\n const k = DADOS.canais.find((c) => String(c.id) === String(id));\n if (!k) return;\n canalAberto = k;\n\n $(\"sala-slug\").textContent = k.slug;\n $(\"sala-caso\").textContent = k.titulo + \" · \" + k.cliente_nome;\n $(\"comp-txt\").placeholder = \"Escreva em #\" + k.slug;\n const idEspaco = String(k.space || \"\").split(\"/\")[1] || \"\";\n $(\"sala-chat\").href = idEspaco\n ? \"https://mail.google.com/chat/u/0/#chat/space/\" + idEspaco\n : \"https://mail.google.com/chat/\";\n\n $(\"sala-caso-campos\").innerHTML = [\n k.processo ? { r: \"Processo\", v: k.processo, m: true } : null,\n { r: \"Cliente\", v: k.cliente_nome },\n { r: \"Área\", v: k.area_nome || \"Transversal\" },\n {\n r: \"Aberto em\",\n v: new Date(Number(k.created_at)).toLocaleDateString(\"pt-BR\"),\n },\n ].filter(Boolean).map((c) =>\n '

' + esc(c.r) + \"

\" +\n '

' + esc(c.v) +\n \"

\"\n ).join(\"\");\n\n $(\"sala-pessoas\").innerHTML =\n (k.membros_lista || []).map((e) =>\n '' +\n esc(iniciais(e.split(\"@\")[0].replace(/[._]/g, \" \"))) + \"\" +\n esc(e.split(\"@\")[0]) + \"\"\n ).join(\"\") ||\n '?só você';\n\n mostrar(\"sala\");\n $(\"fio\").innerHTML = '

Carregando mensagens...

';\n await carregarMensagens();\n pararRelogio();\n // Não existe conexão permanente para cliente no Chat: a Central pergunta.\n relogio = setInterval(() => carregarMensagens(true), 5000);\n }\n\n // ── criar canal ──────────────────────────────────────────────────────\n let clienteAtual = null, casoLiberado = false, casosDoCliente = [];\n let buscaTimer = null, casoTimer = null;\n let ultimaConferencia = { identico: null, parecidos: [] };\n\n function ligarCampos(on) {\n [\"campo-caso\", \"campo-slug\", \"campo-gente\"].forEach((id) => {\n const el = $(id);\n if (el) el.classList.toggle(\"desligado\", !on);\n });\n }\n function conferirCriar() {\n const b = $(\"btn-criar\");\n if (b) {\n b.disabled = !(clienteAtual && $(\"f-caso\").value.trim() && casoLiberado);\n }\n }\n function realcar(nome, termo) {\n const i = normalizar(nome).indexOf(normalizar(termo));\n if (!termo || i === -1) return esc(nome);\n return esc(nome.slice(0, i)) + \"\" +\n esc(nome.slice(i, i + termo.length)) + \"\" +\n esc(nome.slice(i + termo.length));\n }\n\n async function buscarClientes(termo) {\n const t = termo.trim();\n const sug = $(\"cliente-sug\");\n if (!sug) return;\n if (!t) {\n sug.hidden = true;\n $(\"f-cliente\").setAttribute(\"aria-expanded\", \"false\");\n return;\n }\n\n let achados = [], conf = { identico: null, parecidos: [] };\n try {\n achados =\n (await api(\"/api/conversas/clientes?q=\" + encodeURIComponent(t)))\n .clientes || [];\n conf = await api(\"/api/conversas/clientes/conferir\", {\n method: \"POST\",\n body: JSON.stringify({ termo: t }),\n });\n } catch (e) { /* a criação ainda é conferida no servidor */ }\n\n let html = achados.map((c) =>\n '

\"\n ).join(\"\");\n if (!achados.length) {\n html += '

Nenhum cliente com esse trecho.

';\n }\n\n html += '

' +\n '

\";\n\n sug.innerHTML = html;\n sug.hidden = false;\n $(\"f-cliente\").setAttribute(\"aria-expanded\", \"true\");\n // O aviso não aparece a cada tecla: competiria com a lista. Ele surge no\n // clique em \"cadastrar novo\", que é onde a decisão acontece.\n $(\"cliente-aviso\").hidden = true;\n ultimaConferencia = conf;\n }\n\n function pintarAvisoCliente(conf, termo) {\n const av = $(\"cliente-aviso\");\n if (conf.identico) {\n av.className = \"aviso-dup bloqueia\";\n av.innerHTML = '

' + SVG_ALERTA +\n \"Este cliente já está cadastrado

\" +\n \"

Nome idêntico ao de um cadastro existente, então a Central não cria um segundo. Use o que já existe.

\" +\n '

' +\n '' + esc(conf.identico.nome) + \"\" +\n '#' + conf.identico.id +\n \"

\" +\n '

';\n av.hidden = false;\n return;\n }\n if (!conf.parecidos || !conf.parecidos.length) {\n av.hidden = true;\n return;\n }\n av.className = \"aviso-dup\";\n av.innerHTML = '

' + SVG_ALERTA +\n \"Já existe cliente com nome parecido

\" +\n \"

Confira se é a mesma pessoa antes de abrir cadastro novo. Dois cadastros para o mesmo cliente separam os casos dele para sempre.

\" +\n '

' +\n conf.parecidos.slice(0, 3).map((p) =>\n '

' + esc(p.nome) +\n \"\" +\n '' + p.grau + \"% igual\" +\n '

'\n ).join(\"\") + \"

\" +\n '

\";\n av.hidden = false;\n }\n\n // O nome digitado já libera o resto do formulário. A lista de sugestões é\n // atalho, não porteiro: antes era preciso clicar nela para o campo Caso\n // acender, e nada na tela dizia isso. Quem digita e segue em frente tem o\n // nome resolvido na hora de criar, com as mesmas regras do servidor.\n function marcarPendente(nome) {\n const t = String(nome || \"\").trim();\n if (!t) {\n if (clienteAtual && clienteAtual.pendente) {\n clienteAtual = null;\n ligarCampos(false);\n conferirCriar();\n }\n return;\n }\n if (clienteAtual && !clienteAtual.pendente) return; // já escolhido de verdade\n clienteAtual = { id: null, nome: t, pendente: true };\n ligarCampos(true);\n avaliarCaso($(\"f-caso\").value);\n }\n\n async function escolherCliente(c) {\n clienteAtual = c;\n $(\"cliente-escolhido\").hidden = false;\n $(\"cliente-combo\").hidden = true;\n $(\"cliente-aviso\").hidden = true;\n $(\"cliente-sug\").hidden = true;\n $(\"cliente-nome\").textContent = c.nome;\n $(\"cliente-meta\").textContent = c.id\n ? \"cliente #\" + c.id + \" · \" + (c.canais || 0) + \" \" +\n (Number(c.canais) === 1 ? \"canal aberto\" : \"canais abertos\")\n : \"cliente novo · será cadastrado ao criar o canal\";\n\n casosDoCliente = [];\n if (c.id) {\n try {\n casosDoCliente =\n (await api(\"/api/conversas/clientes/\" + c.id + \"/casos\")).casos || [];\n } catch (e) {}\n }\n const cx = $(\"cliente-casos\");\n if (casosDoCliente.length) {\n $(\"cliente-casos-lista\").innerHTML = casosDoCliente\n .map((k) => '#' + esc(k.slug) + \"\").join(\n \"\",\n );\n cx.hidden = false;\n } else cx.hidden = true;\n\n ligarCampos(true);\n avaliarCaso($(\"f-caso\").value);\n }\n\n function trocarCliente() {\n clienteAtual = null;\n casoLiberado = false;\n casosDoCliente = [];\n $(\"cliente-escolhido\").hidden = true;\n $(\"cliente-combo\").hidden = false;\n $(\"cliente-casos\").hidden = true;\n $(\"caso-aviso\").hidden = true;\n $(\"cliente-aviso\").hidden = true;\n ligarCampos(false);\n const b = $(\"f-cliente\");\n b.value = \"\";\n b.focus();\n conferirCriar();\n }\n\n async function avaliarCaso(termo) {\n const t = String(termo || \"\").trim();\n const av = $(\"caso-aviso\");\n if (!av) return;\n casoLiberado = !!t;\n\n // Cliente novo não tem casos para comparar, mas o nome do canal precisa\n // aparecer assim mesmo.\n if (t && !$(\"f-slug\").dataset.tocado) {\n $(\"f-slug\").value = slugLocal(clienteAtual && clienteAtual.nome, t);\n }\n\n if (!t || !clienteAtual || !clienteAtual.id) {\n av.hidden = true;\n conferirCriar();\n return;\n }\n\n let conf = { identico: null, parecidos: [], slug: \"\" };\n try {\n conf = await api(\"/api/conversas/casos/conferir\", {\n method: \"POST\",\n body: JSON.stringify({ cliente_id: clienteAtual.id, termo: t }),\n });\n } catch (e) {\n av.hidden = true;\n conferirCriar();\n return;\n }\n\n if (conf.slug && !$(\"f-slug\").dataset.tocado) $(\"f-slug\").value = conf.slug;\n\n const achados = conf.identico\n ? [Object.assign({}, conf.identico, { grau: 100 })]\n : (conf.parecidos || []);\n if (!achados.length) {\n av.hidden = true;\n conferirCriar();\n return;\n }\n\n casoLiberado = false;\n av.className = \"aviso-dup\";\n av.innerHTML = '

' + SVG_ALERTA +\n (conf.identico\n ? \"Este cliente já tem um canal com esse assunto\"\n : \"Assunto parecido com um canal existente\") +\n \"

\" +\n \"

\" + esc(clienteAtual.nome) +\n \" já tem o canal abaixo. Diga se é o mesmo assunto ou se este caso é outro.

\" +\n '

' +\n achados.slice(0, 3).map((k) =>\n '

#' + esc(k.slug) +\n \"\" +\n '' + (k.grau || 100) + \"% igual\" +\n '

'\n ).join(\"\") + \"

\" +\n '

';\n av.hidden = false;\n conferirCriar();\n }\n\n // O escritório tem duas Eduardas: só o primeiro nome não distingue. Quando o\n // primeiro nome se repete, o rótulo ganha a inicial do sobrenome.\n function rotuloDe(pessoa, todos) {\n const cheio = String(pessoa.name || pessoa.email || \"\").trim();\n const partes = cheio.split(/\\s+/);\n const primeiro = partes[0] || cheio;\n const repete =\n todos.filter((o) =>\n String(o.name || o.email || \"\").trim().split(/\\s+/)[0] === primeiro\n ).length > 1;\n if (!repete || partes.length < 2) return primeiro;\n return primeiro + \" \" + partes[partes.length - 1][0] + \".\";\n }\n\n function pintarEquipe() {\n const el = $(\"lista-gente\");\n if (!el) return;\n el.innerHTML =\n EQUIPE.map((p) =>\n '\"\n ).join(\"\") ||\n 'Ningu\\u00e9m mais cadastrado ainda.';\n }\n\n async function criarCanal() {\n const btn = $(\"btn-criar\"), estado = $(\"criar-estado\");\n btn.disabled = true;\n estado.textContent = \"Criando o espaço no Google Chat...\";\n try {\n let cliente = clienteAtual;\n\n // Nome digitado e não escolhido na lista: resolver agora, com as regras.\n if (cliente.pendente) {\n const conf = await api(\"/api/conversas/clientes/conferir\", {\n method: \"POST\",\n body: JSON.stringify({ termo: cliente.nome }),\n });\n if (conf.identico) {\n cliente = conf.identico; // é o mesmo cadastro: usa o que já existe\n } else if (conf.parecidos && conf.parecidos.length) {\n estado.textContent = \"\";\n pintarAvisoCliente(conf, cliente.nome);\n $(\"cliente-aviso\").scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n btn.disabled = false;\n return; // a decisão é do usuário\n }\n }\n\n if (!cliente.id) {\n cliente = await api(\"/api/conversas/clientes\", {\n method: \"POST\",\n body: JSON.stringify({\n nome: cliente.nome,\n area_id: Number($(\"f-area\").value) || null,\n }),\n });\n }\n const membros = [].slice.call(\n raiz.querySelectorAll('#lista-gente .escolha[aria-pressed=\"true\"]'),\n )\n .map((b) => b.dataset.email);\n const canal = await api(\"/api/conversas/canais\", {\n method: \"POST\",\n body: JSON.stringify({\n cliente_id: cliente.id,\n titulo: $(\"f-caso\").value.trim(),\n slug: $(\"f-slug\").value.trim(),\n area_id: Number($(\"f-area\").value),\n membros: membros,\n forcar: true,\n }),\n });\n estado.textContent = \"\";\n if (canal.falhas && canal.falhas.length) {\n alert(\n \"Canal criado, mas não deu para convidar: \" + canal.falhas.join(\", \"),\n );\n }\n await carregar();\n abrirCanal(canal.id);\n } catch (e) {\n estado.textContent = e.message;\n if (e.status === 428) mostrar(\"consentir\");\n btn.disabled = false;\n }\n }\n\n // ── carga ────────────────────────────────────────────────────────────\n async function carregar() {\n try {\n DADOS = await api(\"/api/conversas\");\n } catch (e) {\n const c = $(\"conv-carregando\");\n if (c) {\n c.hidden = false;\n c.textContent = \"Não deu para carregar: \" + e.message;\n }\n return;\n }\n const carregando = $(\"conv-carregando\");\n if (carregando) carregando.hidden = true;\n\n const sel = $(\"f-area\");\n sel.innerHTML = DADOS.minhasAreas.map((a) =>\n '\"\n ).join(\"\");\n const uma = DADOS.minhasAreas.length === 1;\n $(\"area-travada\").hidden = !uma;\n sel.hidden = uma;\n if (uma) {\n $(\"area-nome\").textContent = DADOS.minhasAreas[0].name;\n $(\"area-dot\").style.background = DADOS.minhasAreas[0].color || \"#9A9AA2\";\n }\n if (!DADOS.minhasAreas.length) {\n const b = $(\"btn-novo\");\n if (b) {\n b.disabled = true;\n b.title = \"Você ainda não está associado a nenhuma área do escritório.\";\n }\n }\n\n try {\n EQUIPE = (await api(\"/api/conversas/equipe\")).equipe || [];\n } catch (e) {\n EQUIPE = [];\n }\n pintarEquipe();\n pintarLista();\n mostrar(DADOS.ligado ? \"lista\" : \"consentir\");\n }\n\n // ── eventos, delegados na raiz da vista ──────────────────────────────\n function ligarEventos() {\n raiz.addEventListener(\"click\", (e) => {\n const ir = e.target.closest(\"[data-ir-conv]\");\n if (ir) {\n e.preventDefault();\n mostrar(ir.dataset.irConv);\n return;\n }\n if (e.target.closest(\"#btn-novo\")) {\n mostrar(\"novo\");\n return;\n }\n if (e.target.closest(\"#sala-voltar\")) {\n mostrar(\"lista\");\n return;\n }\n if (e.target.closest(\"#cliente-trocar\")) {\n trocarCliente();\n return;\n }\n if (e.target.closest(\"#btn-criar\")) {\n criarCanal();\n return;\n }\n if (e.target.closest(\"#btn-chamar\")) {\n if (!canalAberto) return;\n const email = prompt(\"E-mail de quem entra no canal:\");\n if (!email) return;\n api(\"/api/conversas/canais/\" + canalAberto.id + \"/membros\", {\n method: \"POST\",\n body: JSON.stringify({ email: email }),\n }).then(() => alert(\"Convidado.\")).catch((err) =>\n alert(\"Não deu: \" + err.message)\n );\n return;\n }\n\n const canal = e.target.closest(\"[data-canal]\");\n if (canal) {\n abrirCanal(canal.dataset.canal);\n return;\n }\n\n const usar = e.target.closest(\"[data-usar]\");\n if (usar) {\n escolherCliente({\n id: Number(usar.dataset.usar),\n nome: usar.dataset.nome,\n canais: Number(usar.dataset.canais) || 0,\n });\n return;\n }\n const sugc = e.target.closest(\"[data-cliente]\");\n if (sugc) {\n escolherCliente({\n id: Number(sugc.dataset.cliente),\n nome: sugc.dataset.nome,\n canais: Number(sugc.dataset.canais) || 0,\n });\n return;\n }\n const novo = e.target.closest(\"[data-novo]\");\n if (novo && !novo.disabled) {\n const nome = $(\"f-cliente\").value.trim();\n if (!nome) return;\n if (novo.dataset.confirmado) {\n escolherCliente({ id: null, nome: nome, canais: 0 });\n return;\n }\n $(\"cliente-sug\").hidden = true;\n if (\n ultimaConferencia.identico ||\n (ultimaConferencia.parecidos && ultimaConferencia.parecidos.length)\n ) {\n pintarAvisoCliente(ultimaConferencia, nome);\n return;\n }\n escolherCliente({ id: null, nome: nome, canais: 0 });\n return;\n }\n const abrir = e.target.closest(\"[data-abrir]\");\n if (abrir) {\n abrirCanal(abrir.dataset.abrir);\n return;\n }\n const forcar = e.target.closest(\"[data-forcar]\");\n if (forcar) {\n casoLiberado = true;\n $(\"caso-aviso\").hidden = true;\n conferirCriar();\n return;\n }\n\n const pes = e.target.closest(\"#lista-gente .escolha\");\n if (pes) {\n pes.setAttribute(\n \"aria-pressed\",\n pes.getAttribute(\"aria-pressed\") === \"true\" ? \"false\" : \"true\",\n );\n return;\n }\n\n const seg = e.target.closest(\".segm button\");\n if (seg) {\n const v = seg.dataset.vista;\n raiz.querySelectorAll(\".segm button\").forEach((o) =>\n o.setAttribute(\"aria-pressed\", String(o.dataset.vista === v))\n );\n $(\"vista-caso\").hidden = v !== \"caso\";\n $(\"vista-cliente\").hidden = v !== \"cliente\";\n return;\n }\n\n const sug = $(\"cliente-sug\");\n if (sug && !sug.hidden && !e.target.closest(\"#cliente-combo\")) {\n sug.hidden = true;\n }\n });\n\n raiz.addEventListener(\"focusin\", (e) => {\n if (e.target.id === \"f-cliente\" && e.target.value.trim()) {\n buscarClientes(e.target.value);\n }\n });\n\n raiz.addEventListener(\"input\", (e) => {\n if (e.target.id === \"f-cliente\") {\n marcarPendente(e.target.value);\n clearTimeout(buscaTimer);\n const v = e.target.value;\n buscaTimer = setTimeout(() => buscarClientes(v), 220);\n }\n if (e.target.id === \"f-caso\") {\n $(\"f-slug\").dataset.tocado = \"\";\n clearTimeout(casoTimer);\n const v = e.target.value;\n casoTimer = setTimeout(() => avaliarCaso(v), 260);\n }\n if (e.target.id === \"f-slug\") e.target.dataset.tocado = \"1\";\n if (e.target.id === \"conv-q\") {\n const t = normalizar(e.target.value);\n raiz.querySelectorAll(\"#vista-caso .canal, #vista-cliente .canal\")\n .forEach((c) => {\n c.style.display = !t || normalizar(c.textContent).indexOf(t) !== -1\n ? \"\"\n : \"none\";\n });\n }\n });\n\n raiz.addEventListener(\"submit\", async (e) => {\n if (e.target.id !== \"compositor\") return;\n e.preventDefault();\n const txt = $(\"comp-txt\");\n const corpo = txt.value.trim();\n if (!corpo || !canalAberto) return;\n const botao = raiz.querySelector(\".comp-enviar\");\n botao.disabled = true;\n txt.value = \"\";\n try {\n await api(\"/api/conversas/canais/\" + canalAberto.id + \"/mensagens\", {\n method: \"POST\",\n body: JSON.stringify({ texto: corpo }),\n });\n await carregarMensagens(true);\n } catch (err) {\n txt.value = corpo;\n if (err.status === 428) mostrar(\"consentir\");\n else alert(\"Não deu para enviar: \" + err.message);\n } finally {\n botao.disabled = false;\n }\n });\n\n raiz.addEventListener(\"keydown\", (e) => {\n if (e.target.id === \"comp-txt\" && e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n raiz.querySelector(\"#compositor\").requestSubmit();\n }\n });\n }\n\n // ── API para o app.js ────────────────────────────────────────────────\n return {\n montar: function (el) {\n if (montado && raiz === el) return; // idempotente: a busca do hub re-renderiza\n raiz = el;\n raiz.innerHTML = casco();\n montado = true;\n ligarEventos();\n carregar();\n },\n desmontar: function () {\n pararRelogio();\n montado = false;\n canalAberto = null;\n const cont = document.querySelector(\".conteudo\");\n if (cont) cont.classList.remove(\"modo-sala\");\n },\n };\n})();",[],[172,238],"da14f81f-6d5b-4d4b-85dc-7a252d85cc17","conversas.css","67f131d0-a9f8-11f1-a3c4-1607ee4eb77e",161,["D",1788727143083],4,"/* ═══════════════════════════════════════════════════════════════════\n CENTRAL TC — Conversas.\n Complementa styles.css (pele Julia v2): aqui ficam só as peças que\n a tela de canais traz de novo. Nenhuma cor nova: a da área continua\n entrando como filete de 3px, nunca como bloco chapado.\n ═══════════════════════════════════════════════════════════════════ */\n\n/* O atributo hidden precisa vencer o display explícito destes elementos.\n Sem isto, .travado{display:flex} mantinha o campo de área visível escondido.\n NÃO usar seletor global [hidden]: esta folha carrega no hub inteiro e a regra\n passaria por cima de coisas que não são das Conversas. */\n.travado[hidden],\n.escolhido[hidden],\n.casos-do-cliente[hidden],\n.aviso-dup[hidden],\n.sugestoes[hidden],\n.tela[hidden] {\n display: none !important;\n}\n\n/* ── agrupar por caso ou por cliente ── */\n.barra-vista {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n}\n.segm {\n display: inline-flex;\n gap: 2px;\n padding: 3px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--superficie-2);\n}\n.segm button {\n height: 30px;\n padding: 0 15px;\n border: none;\n border-radius: 7px;\n background: none;\n color: var(--tinta-2);\n font: 500 var(--t-nav) var(--sans);\n}\n.segm button:hover {\n color: var(--tinta);\n}\n.segm button[aria-pressed=\"true\"] {\n background: var(--superficie);\n color: var(--tinta);\n font-weight: 600;\n box-shadow: var(--elev-1);\n}\n.barra-vista .conta {\n margin-left: auto;\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n\n/* ── cartão de canal ── */\n.canal {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid var(--linha);\n border-left: 3px solid var(--filete, var(--linha-forte));\n border-radius: 12px;\n background: var(--superficie);\n padding: 15px 16px 13px;\n box-shadow: var(--elev-1);\n min-height: 128px;\n text-align: left;\n width: 100%;\n cursor: pointer;\n transition:\n border-color var(--transicao),\n box-shadow var(--transicao),\n transform var(--transicao);\n}\n.canal:hover {\n border-color: var(--linha-forte);\n box-shadow: var(--elev-2);\n transform: translateY(-1px);\n}\n.canal:focus-visible {\n outline: 2px solid var(--acento);\n outline-offset: 2px;\n}\n.canal-cab {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n min-width: 0;\n}\n.canal-hash {\n width: 40px;\n height: 40px;\n border-radius: 11px;\n flex: none;\n border: 1px solid var(--linha);\n background: var(--superficie-2);\n display: grid;\n place-items: center;\n font: 500 17px var(--mono);\n color: var(--tinta-3);\n}\n.canal-id {\n min-width: 0;\n flex: 1;\n}\n.canal-cliente {\n font: 400 var(--t-rotulo) var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.canal-id h3 {\n margin: 0;\n font: 500 14.5px/1.3 var(--mono);\n letter-spacing: -0.03em;\n color: var(--tinta);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.canal-tipo {\n display: block;\n margin-top: 4px;\n font-size: 12px;\n color: var(--tinta-3);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.canal-novas {\n flex: none;\n min-width: 22px;\n height: 20px;\n padding: 0 7px;\n border-radius: 20px;\n background: var(--acento);\n color: var(--acento-tinta);\n font: 600 var(--t-rotulo)/20px var(--sans);\n text-align: center;\n}\n.canal-ultima {\n margin: 0;\n font-size: 12.5px;\n line-height: 1.5;\n color: var(--tinta-2);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n.canal-ultima b {\n color: var(--tinta);\n font-weight: 600;\n}\n.canal-pe {\n margin-top: auto;\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n.canal-quando {\n margin-left: auto;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n\n/* ── blocos por cliente ── */\n.cliente-bloco + .cliente-bloco {\n margin-top: 28px;\n}\n.cliente-cab {\n display: flex;\n align-items: baseline;\n gap: 11px;\n flex-wrap: wrap;\n margin: 0 0 13px;\n padding-bottom: 9px;\n border-bottom: 1px solid var(--linha);\n}\n.cliente-nome {\n font: 600 16px var(--sans);\n letter-spacing: -0.015em;\n color: var(--tinta);\n}\n.cliente-meta {\n font: 400 11px var(--mono);\n color: var(--tinta-3);\n}\n.cliente-areas {\n margin-left: auto;\n display: flex;\n gap: 6px;\n}\n\n/* ── canal aberto ── */\n.sala {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 268px;\n gap: 24px;\n align-items: start;\n}\n@media (max-width: 1080px) {\n .sala {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n\n.sala-cab {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--linha);\n margin-bottom: 18px;\n}\n.sala-hash {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n flex: none;\n border: 1px solid var(--linha);\n background: var(--superficie-2);\n display: grid;\n place-items: center;\n font: 500 19px var(--mono);\n color: var(--tinta-3);\n}\n.sala-id h2 {\n margin: 0;\n font: 500 19px/1.25 var(--mono);\n letter-spacing: -0.03em;\n color: var(--tinta);\n}\n.sala-id p {\n margin: 4px 0 0;\n font-size: 12.5px;\n color: var(--tinta-3);\n}\n.sala-cab .pill-acao {\n margin-left: auto;\n}\n\n.conteudo.modo-sala {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding-bottom: 24px;\n}\n.conteudo.modo-sala #tela-sala {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n.conteudo.modo-sala .sala {\n flex: 1;\n min-height: 0;\n}\n.conteudo.modo-sala .conversa {\n height: 100%;\n}\n.conteudo.modo-sala .fio-rolagem {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.conteudo.modo-sala .trilho {\n max-height: 100%;\n overflow-y: auto;\n}\n\n.conversa {\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n.fio-rolagem {\n padding-right: 4px;\n}\n.fio {\n display: flex;\n flex-direction: column;\n gap: 18px;\n}\n.dia {\n display: flex;\n align-items: center;\n gap: 12px;\n font: 400 10.5px var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.dia::before, .dia::after {\n content: \"\";\n height: 1px;\n background: var(--linha);\n flex: 1;\n}\n\n.msg {\n display: flex;\n gap: 12px;\n}\n.msg.enviando {\n opacity: 0.55;\n}\n.msg-av {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n flex: none;\n display: grid;\n place-items: center;\n font: 600 11.5px var(--sans);\n color: var(--acento-tinta);\n background: var(--tinta-3);\n}\n.msg-corpo {\n min-width: 0;\n flex: 1;\n}\n.msg-cab {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 3px;\n flex-wrap: wrap;\n}\n.msg-nome {\n font: 600 13.5px var(--sans);\n color: var(--tinta);\n}\n.msg-hora {\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.msg-selo {\n font: 400 10px var(--mono);\n color: var(--tinta-3);\n}\n.msg-texto {\n margin: 0;\n font-size: 13.5px;\n line-height: 1.55;\n color: var(--tinta-2);\n max-width: 68ch;\n white-space: pre-wrap;\n}\n.msg-anexo {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin-top: 8px;\n padding: 8px 12px;\n border: 1px solid var(--linha);\n border-radius: 9px;\n background: var(--superficie);\n font-size: 12.5px;\n color: var(--tinta-2);\n}\n.msg-anexo svg {\n width: 14px;\n height: 14px;\n flex: none;\n color: var(--tinta-3);\n}\n.msg-anexo b {\n color: var(--tinta);\n font-weight: 600;\n}\n\n/* ── caixa de escrita ── */\n.compositor {\n flex: none;\n margin-top: 18px;\n border: 1px solid var(--linha);\n border-radius: 12px;\n background: var(--superficie);\n box-shadow: var(--elev-1);\n transition: border-color var(--transicao);\n}\n.compositor:focus-within {\n border-color: var(--linha-forte);\n}\n.compositor textarea {\n display: block;\n width: 100%;\n min-height: 62px;\n max-height: 160px;\n resize: none;\n padding: 13px 15px 4px;\n border: none;\n background: none;\n color: var(--tinta);\n font: 13.5px/1.55 var(--sans);\n}\n.compositor textarea:focus {\n outline: none;\n}\n.compositor textarea::placeholder {\n color: var(--tinta-3);\n}\n.comp-pe {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 10px 9px 12px;\n border-top: 1px solid var(--linha);\n}\n.comp-dica {\n font: 400 11px var(--mono);\n color: var(--tinta-3);\n margin-left: 4px;\n}\n.comp-enviar {\n margin-left: auto;\n height: 34px;\n padding: 0 17px;\n border-radius: var(--raio-pill);\n border: 1px solid var(--acento);\n background: var(--acento);\n color: var(--acento-tinta);\n font: 600 var(--t-nav) var(--sans);\n display: inline-flex;\n align-items: center;\n gap: 7px;\n}\n.comp-enviar:hover:not(:disabled) {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n}\n.comp-enviar:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.comp-enviar svg {\n width: 14px;\n height: 14px;\n}\n\n/* ── trilho do caso ── */\n.trilho {\n display: flex;\n flex-direction: column;\n gap: 18px;\n}\n.bloco {\n border: 1px solid var(--linha);\n border-radius: 12px;\n background: var(--superficie);\n box-shadow: var(--elev-1);\n overflow: hidden;\n}\n.bloco-cab {\n padding: 12px 15px;\n border-bottom: 1px solid var(--linha);\n background: var(--superficie-2);\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.bloco-campo {\n padding: 12px 15px;\n border-top: 1px solid var(--linha);\n}\n.bloco > .bloco-campo:first-of-type {\n border-top: none;\n}\n.bloco-rot {\n font: 400 10px var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 5px;\n}\n.bloco-val {\n font-size: 13px;\n color: var(--tinta);\n font-variant-numeric: tabular-nums;\n}\n.bloco-val.mono {\n font-family: var(--mono);\n font-size: 12px;\n letter-spacing: -0.02em;\n}\n.pessoas {\n display: flex;\n flex-wrap: wrap;\n gap: 7px;\n padding: 13px 15px;\n}\n.pessoa {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 4px 10px 4px 4px;\n border: 1px solid var(--linha);\n border-radius: 20px;\n background: var(--superficie);\n font-size: 12px;\n color: var(--tinta-2);\n}\n.pessoa i {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n font: 600 9.5px var(--sans);\n font-style: normal;\n background: var(--tinta-3);\n color: var(--acento-tinta);\n}\n.chamar {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n padding: 10px 15px;\n border: none;\n border-top: 1px solid var(--linha);\n background: none;\n color: var(--tinta-2);\n font: 500 12.5px var(--sans);\n text-align: left;\n}\n.chamar:hover {\n background: var(--superficie-2);\n color: var(--tinta);\n}\n.chamar svg {\n width: 15px;\n height: 15px;\n color: var(--tinta-3);\n}\n\n/* ── formulário de criação ── */\n.forma {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 320px;\n gap: 26px;\n align-items: start;\n}\n@media (max-width: 980px) {\n .forma {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.campos {\n display: flex;\n flex-direction: column;\n gap: 18px;\n max-width: 560px;\n}\n.campo label {\n display: block;\n font: 500 var(--t-rotulo) var(--sans);\n letter-spacing: var(--ls-rotulo);\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 7px;\n}\n.campo input, .campo select {\n width: 100%;\n height: 42px;\n padding: 0 13px;\n border-radius: 10px;\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta);\n font: 14px var(--sans);\n}\n.campo input:focus, .campo select:focus {\n outline: 2px solid var(--acento);\n outline-offset: 1px;\n border-color: transparent;\n}\n.campo .dica {\n margin: 7px 0 0;\n font-size: 12px;\n color: var(--tinta-3);\n}\n.campo.desligado {\n opacity: 0.45;\n pointer-events: none;\n}\n\n.travado {\n display: flex;\n align-items: center;\n gap: 10px;\n height: 42px;\n padding: 0 13px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--superficie-2);\n color: var(--tinta);\n font-size: 14px;\n}\n.travado .dot {\n margin: 0;\n}\n.travado-nome {\n font-weight: 500;\n}\n.travado-nota {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n gap: 7px;\n font: 400 10.5px var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n}\n.travado-nota svg {\n width: 13px;\n height: 13px;\n}\n\n.combo {\n position: relative;\n}\n.sugestoes {\n position: absolute;\n z-index: 8;\n left: 0;\n right: 0;\n top: calc(100% + 5px);\n margin: 0;\n padding: 5px;\n list-style: none;\n border: 1px solid var(--linha-forte);\n border-radius: 11px;\n background: var(--superficie);\n box-shadow: var(--elev-2);\n max-height: 232px;\n overflow-y: auto;\n}\n.sugestoes[hidden] {\n display: none;\n}\n.sug {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 9px 11px;\n border: none;\n border-radius: 8px;\n background: none;\n text-align: left;\n color: var(--tinta);\n font: 13.5px var(--sans);\n}\n.sug:hover, .sug:focus-visible {\n background: var(--superficie-2);\n outline: none;\n}\n.sug-nome {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.sug-nome mark {\n background: none;\n color: var(--tinta);\n font-weight: 700;\n}\n.sug-meta {\n flex: none;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.sug-sep {\n margin: 5px 6px;\n border: none;\n border-top: 1px solid var(--linha);\n}\n.sug-novo {\n color: var(--tinta-2);\n}\n.sug-novo:disabled {\n opacity: 0.45;\n cursor: not-allowed;\n}\n.sug-novo:disabled:hover {\n background: none;\n}\n.sug-vazio {\n padding: 11px;\n font-size: 13px;\n color: var(--tinta-3);\n}\n\n.escolhido {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 11px 13px;\n border: 1px solid var(--linha);\n border-left: 3px solid var(--acento);\n border-radius: 10px;\n background: var(--superficie);\n}\n.escolhido[hidden] {\n display: none;\n}\n.escolhido-nome {\n display: block;\n font: 600 14px var(--sans);\n color: var(--tinta);\n}\n.escolhido-meta {\n display: block;\n margin-top: 2px;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.escolhido .mini {\n margin-left: auto;\n flex: none;\n}\n\n.casos-do-cliente {\n margin-top: 9px;\n padding: 11px 13px;\n border: 1px solid var(--linha);\n border-radius: 10px;\n background: var(--superficie-2);\n}\n.casos-do-cliente[hidden] {\n display: none;\n}\n.casos-rot {\n font: 400 10px var(--mono);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--tinta-3);\n margin-bottom: 7px;\n}\n.casos-lista {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n}\n.caso-chip {\n font: 12px var(--mono);\n letter-spacing: -0.02em;\n color: var(--tinta-2);\n border: 1px solid var(--linha);\n background: var(--superficie);\n padding: 3px 9px;\n border-radius: 6px;\n}\n\n.aviso-dup {\n margin-top: 10px;\n padding: 12px 14px;\n border: 1px solid var(--linha);\n border-left: 3px solid var(--alerta);\n border-radius: 10px;\n background: var(--superficie);\n}\n.aviso-dup[hidden] {\n display: none;\n}\n.aviso-dup.bloqueia {\n border-left-color: var(--perigo, #b42318);\n}\n.aviso-titulo {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 7px;\n font: 600 13px var(--sans);\n color: var(--tinta);\n}\n.aviso-titulo svg {\n width: 15px;\n height: 15px;\n flex: none;\n color: var(--alerta);\n}\n.aviso-dup.bloqueia .aviso-titulo svg {\n color: var(--perigo, #b42318);\n}\n.aviso-dup p {\n margin: 0 0 10px;\n font-size: 12.5px;\n line-height: 1.5;\n color: var(--tinta-2);\n}\n.achados {\n display: flex;\n flex-direction: column;\n gap: 7px;\n margin-bottom: 11px;\n}\n.achado {\n display: flex;\n align-items: center;\n gap: 9px;\n padding: 8px 11px;\n border: 1px solid var(--linha);\n border-radius: 8px;\n background: var(--superficie-2);\n font-size: 13px;\n color: var(--tinta);\n}\n.achado-nome {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.achado-nome.mono {\n font: 12.5px var(--mono);\n letter-spacing: -0.02em;\n}\n.achado-meta {\n flex: none;\n font: 400 10.5px var(--mono);\n color: var(--tinta-3);\n}\n.escolhas-dup {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.slug-caixa {\n display: flex;\n align-items: center;\n}\n.slug-pre {\n height: 42px;\n padding: 0 12px;\n display: grid;\n place-items: center;\n border: 1px solid var(--linha);\n border-right: none;\n border-radius: 10px 0 0 10px;\n background: var(--superficie-2);\n color: var(--tinta-3);\n font: 500 15px var(--mono);\n}\n.slug-caixa input {\n border-radius: 0 10px 10px 0;\n font-family: var(--mono);\n letter-spacing: -0.02em;\n}\n\n.escolhas {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n.escolha {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 13px 7px 8px;\n border: 1px solid var(--linha);\n border-radius: 20px;\n background: var(--superficie);\n color: var(--tinta-2);\n font-size: 13px;\n}\n.escolha i {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n font: 600 10px var(--sans);\n font-style: normal;\n background: var(--superficie-2);\n color: var(--tinta-3);\n}\n.escolha[aria-pressed=\"true\"] {\n border-color: var(--acento);\n background: var(--acento);\n color: var(--acento-tinta);\n font-weight: 500;\n}\n.escolha[aria-pressed=\"true\"] i {\n background: rgba(127, 127, 127, 0.4);\n color: var(--acento-tinta);\n}\n\n.acoes {\n display: flex;\n align-items: center;\n gap: 12px;\n padding-top: 4px;\n}\n.mini {\n height: 32px;\n padding: 0 14px;\n border-radius: var(--raio-pill);\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta-2);\n font: 500 12.5px var(--sans);\n}\n.mini:hover {\n border-color: var(--linha-forte);\n color: var(--tinta);\n}\n.mini-forte {\n background: var(--acento);\n border-color: var(--acento);\n color: var(--acento-tinta);\n font-weight: 600;\n}\n.mini-forte:hover {\n background: var(--acento-hover);\n border-color: var(--acento-hover);\n color: var(--acento-tinta);\n}\n\n/* ── porta de consentimento ── */\n.consentir {\n max-width: 560px;\n margin: 40px auto;\n padding: 28px 30px;\n border: 1px solid var(--linha);\n border-radius: 14px;\n background: var(--superficie);\n box-shadow: var(--elev-1);\n text-align: center;\n}\n.consentir h2 {\n margin: 0 0 12px;\n font: 600 20px var(--sans);\n letter-spacing: -0.02em;\n color: var(--tinta);\n}\n.consentir p {\n margin: 0 0 20px;\n font-size: 13.5px;\n line-height: 1.6;\n color: var(--tinta-2);\n}\n.consentir ul {\n margin: 0 0 22px;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n text-align: left;\n}\n.consentir li {\n display: flex;\n gap: 9px;\n font-size: 13px;\n color: var(--tinta-2);\n}\n.consentir li::before {\n content: \"·\";\n color: var(--tinta-3);\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n white-space: nowrap;\n border: 0;\n}\n\n/* ── cabeçalho da vista, agora que ela mora dentro do hub ── */\n.conv-cab {\n display: flex;\n align-items: flex-end;\n gap: 18px;\n flex-wrap: wrap;\n margin: 6px 0 10px;\n}\n.conv-cab > div {\n min-width: 0;\n}\n.conv-cab h1 {\n margin: 0;\n font: 600 clamp(26px, 3vw, 40px)/1.05 var(--sans);\n letter-spacing: -0.03em;\n color: var(--tinta);\n text-wrap: balance;\n}\n.conv-cab > .pill-acao, .conv-cab > .mini {\n margin-left: auto;\n flex: none;\n}\n.conv-lead {\n margin: 0 0 22px;\n color: var(--tinta-2);\n font-size: var(--t-nav);\n max-width: 62ch;\n}\n.conv-busca {\n flex: 1 1 200px;\n min-width: 160px;\n max-width: 320px;\n}\n.conv-busca input {\n width: 100%;\n height: 34px;\n padding: 0 12px;\n border-radius: 9px;\n border: 1px solid var(--linha);\n background: var(--superficie);\n color: var(--tinta);\n font: 13px var(--sans);\n}\n.conv-busca input::placeholder {\n color: var(--tinta-3);\n}\n.conv-busca input:focus {\n outline: none;\n border-color: var(--linha-forte);\n}\n.sala-cab #sala-voltar {\n flex: none;\n}",[],[172,246],"53ba30b7-a06b-410a-a4ef-a87468774876","app.js","bdceaa72-9bea-11f1-9b55-1607ee4eb77e",163,["D",1788727310882],29,"// 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.\nconst KIND_LABELS = {\n system: \"Sistema\",\n link: \"Link\",\n tip: \"Dica\",\n doc: \"Documento\",\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};\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\";\nfunction esc(s) {\n return String(s == null ? \"\" : s).replace(/[&<>\"']/g, (m) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]));\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 cartorios:\n '',\n tutoriais:\n '',\n padrao: '',\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\")) {\n return SVG.assinadas;\n }\n if (n.includes(\"gratuit\")) {\n return SVG.gratuitas;\n }\n if (n === \"ia\" || n.includes(\"ia \") || n.includes(\"intelig\")) {\n return SVG.ia;\n }\n if (n.includes(\"tribun\")) {\n return SVG.tribunais;\n }\n if (n.includes(\"modelo\") || n.includes(\"document\")) {\n return SVG.documentos;\n }\n if (n.includes(\"link\")) {\n return SVG.links;\n }\n if (n.includes(\"formul\")) {\n return SVG.formularios;\n }\n if (n.includes(\"tutor\")) {\n return SVG.tutoriais;\n }\n if (n.includes(\"dica\")) {\n return SVG.dicas;\n }\n if (n.includes(\"cart\")) {\n return SVG.cartorios;\n }\n if (\n n.includes(\"institu\") || n.includes(\"material\") || n.includes(\"materia\")\n ) {\n return SVG.institucionais;\n }\n return SVG.padrao;\n}\nfunction svgCat(nome) {\n return ``;\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}\nasync function load() {\n try {\n const res = await fetch(\"/api/data\", {\n headers: { accept: \"application/json\" },\n });\n if (!res.ok) {\n throw new Error(\"api\");\n }\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 // /conversas continua sendo um endereço válido: abre o hub já na vista das\n // Conversas, em vez de uma página separada.\n if (location.pathname === \"/conversas\") {\n vista = { tipo: \"conversas\", id: null };\n }\n renderUser();\n renderNav();\n render();\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) {\n 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}\nfunction renderNav() {\n document.getElementById(\"conta-tudo\").textContent = DATA.resources.length ||\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 // 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 document.querySelector(\"#nav-inicio .lat-item\").classList.toggle(\n \"ativo\",\n vista.tipo === \"home\",\n );\n const itemConversas = document.getElementById(\"lat-conversas\");\n if (itemConversas) {\n itemConversas.classList.toggle(\"ativo\", vista.tipo === \"conversas\");\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\") {\n vista = { tipo: \"home\", id: null };\n } else if (b.dataset.ir === \"conversas\") {\n vista = { tipo: \"conversas\", id: null };\n } else if (b.dataset.area) {\n vista = { tipo: \"area\", id: Number(b.dataset.area) };\n } else {\n vista = { tipo: \"cat\", id: Number(b.dataset.cat) };\n }\n renderNav();\n render();\n document.querySelector(\".conteudo\").scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n };\n });\n}\nfunction matches(r) {\n if (!query) {\n return true;\n }\n const hay = (r.title + \" \" + r.description + \" \" + r.tags).toLowerCase();\n return query.toLowerCase().split(/\\s+/).every((t) => hay.includes(t));\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}\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}\nfunction secaoHTML(titulo, cor, itens, rotulo) {\n if (!itens.length) {\n return \"\";\n }\n return `

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

${\n itens.map((r) => cardHTML(r, rotulo || titulo)).join(\"\")\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// ── 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// 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// 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) {\n return \"\";\n }\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)) {\n ufAtiva = \"\";\n }\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}\nfunction ligarFiltroUF() {\n document.querySelectorAll(\".uf-btn\").forEach((b) => {\n b.onclick = () => {\n ufAtiva = b.dataset.uf;\n render();\n };\n });\n}\nfunction rotuloUF(v) {\n return v === \"SUP\" ? \"Superiores\" : v === \"NAC\" ? \"Nacionais\" : v;\n}\nfunction passaUF(r) {\n if (!ufAtiva) {\n return true;\n }\n if (ufAtiva === \"SUP\") {\n return r.ramo === \"Tribunais Superiores\";\n }\n if (ufAtiva === \"NAC\") {\n return r.ramo === \"Nacional\";\n }\n // num estado, superiores e nacionais ficam de fora — têm seção própria\n if (r.ramo === \"Tribunais Superiores\" || r.ramo === \"Nacional\") {\n return false;\n }\n return ufsDoItem(r).includes(ufAtiva);\n}\nfunction renderFaixa() {\n const faixa = document.getElementById(\"areas-faixa\");\n faixa.innerHTML = \"\";\n if (query) {\n 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) {\n return;\n }\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 if (vista.tipo !== \"home\" || !DATA.areas.length) {\n return;\n }\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}\nfunction saudacaoHora() {\n const h = new Date().getHours();\n return h < 12 ? \"Bom dia\" : (h < 18 ? \"Boa tarde\" : \"Boa noite\");\n}\nfunction homeTopoHTML() {\n const me = DATA.me || {};\n const primeiro = (me.name || \"\").trim().split(/\\s+/)[0] || \"\";\n const foto = me.picture\n ? ` $\"\"$ `\n : `

${esc(initials(me.name))}

`;\n const dia = new Date().toLocaleDateString(\"pt-BR\", {\n weekday: \"long\",\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\",\n });\n const diaCap = dia.charAt(0).toUpperCase() + dia.slice(1);\n const avisos = DATA.avisos || [];\n const admin = !!me.isAdmin;\n const lista = avisos.length\n ? avisos.map((a) =>\n `

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

${esc(a.autor_nome || \"\")}${\n a.created_at\n ? \" · \" +\n esc(new Date(a.created_at).toLocaleDateString(\"pt-BR\", {\n day: \"2-digit\",\n month: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n }))\n : \"\"\n }${\n admin\n ? ``\n : \"\"\n }

`\n ).join(\"\")\n : `

Nenhum aviso por aqui ainda.

`;\n const novo = admin\n ? `

\n \n

fixar no topo

`\n : \"\";\n return `

${foto}\n

${saudacaoHora()}, ${\n esc(primeiro)\n }.

${esc(diaCap)}

📌 Mural de avisos

${novo}

${lista}

`;\n}\nasync function ligarMural() {\n const pub = document.querySelector(\".mural-publicar\");\n if (pub) {\n pub.onclick = async () => {\n const ta = document.querySelector(\".mural-txt\");\n const texto = (ta.value || \"\").trim();\n if (!texto) {\n ta.focus();\n return;\n }\n const pin = document.querySelector(\".mural-pin\") &&\n document.querySelector(\".mural-pin\").checked\n ? 1\n : 0;\n pub.disabled = true;\n pub.textContent = \"publicando…\";\n try {\n await fetch(\"/api/avisos\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ texto, pin }),\n });\n await load();\n } catch {\n pub.disabled = false;\n pub.textContent = \"Publicar\";\n }\n };\n }\n document.querySelectorAll(\".mural-del\").forEach((\n b,\n ) => (b.onclick = async () => {\n if (!confirm(\"Remover este aviso do mural?\")) {\n return;\n }\n try {\n await fetch(\"/api/avisos/\" + b.dataset.aviso, { method: \"DELETE\" });\n await load();\n } catch {}\n }));\n}\n// ── Painel da Home (dashboard) ──────────────────────────────\nconst EQUIPE_FOTO = \"https://tcadvs.com.br/assets/\";\nconst HERO_FOTO = {\n \"bruno@tcadvs.com.br\": \"team-bruno\",\n \"davi@tcadvs.com.br\": \"team-davi\",\n \"gabriella@tcadvs.com.br\": \"team-gabriella\",\n \"felipe@tcadvs.com.br\": \"team-felipe\",\n \"lmelo@tcadvs.com.br\": \"team-lara\",\n \"tlacerda@tcadvs.com.br\": \"team-thiago\",\n \"edomingues@tcadvs.com.br\": \"team-eduarda-domingues\",\n \"mcirne@tcadvs.com.br\": \"team-eduarda-cirne\",\n \"rlins@tcadvs.com.br\": \"team-radharanni\",\n \"iksobral@tcadvs.com.br\": \"team-ingrid\",\n \"lsampaio@tcadvs.com.br\": \"team-luiza\",\n \"malves@tcadvs.com.br\": \"team-marina\",\n};\nconst TEAM = [\n {\n nome: \"Bruno Tiburcio\",\n foto: \"team-bruno\",\n cargo: \"Sócio Fundador\",\n area: \"Coordenação\",\n cor: \"#14B8A6\",\n oab: \"OAB/PE 34.410\",\n },\n {\n nome: \"Davi Cavalcanti\",\n foto: \"team-davi\",\n cargo: \"Sócio Fundador\",\n area: \"Contencioso\",\n cor: \"#3B82F6\",\n oab: \"OAB/PE 26.170\",\n },\n {\n nome: \"Gabriella Loreto\",\n foto: \"team-gabriella\",\n cargo: \"Sócia\",\n area: \"Empresarial\",\n cor: \"#8B5CF6\",\n oab: \"OAB/PE 36.505\",\n },\n {\n nome: \"Felipe Coêlho\",\n foto: \"team-felipe\",\n cargo: \"Advogado\",\n area: \"Trabalhista\",\n cor: \"#EC4899\",\n oab: \"OAB/PE 29.416\",\n },\n {\n nome: \"Lara Brito\",\n foto: \"team-lara\",\n cargo: \"Advogada\",\n area: \"Empresarial\",\n cor: \"#8B5CF6\",\n oab: \"OAB/PE 41.257\",\n },\n {\n nome: \"Thiago Lacerda\",\n foto: \"team-thiago\",\n cargo: \"Advogado\",\n area: \"Tributário\",\n cor: \"#D97706\",\n oab: \"OAB/PE 71.315\",\n },\n {\n nome: \"Eduarda Domingues\",\n foto: \"team-eduarda-domingues\",\n cargo: \"Advogada\",\n area: \"Saúde\",\n cor: \"#10B981\",\n oab: \"OAB/PE 64.171\",\n },\n {\n nome: \"Eduarda Cirne\",\n foto: \"team-eduarda-cirne\",\n cargo: \"Advogada\",\n area: \"Saúde\",\n cor: \"#10B981\",\n oab: \"OAB/PE 59.721\",\n },\n {\n nome: \"Radharanni Lins\",\n foto: \"team-radharanni\",\n cargo: \"Advogada\",\n area: \"Imobiliário\",\n cor: \"#3B82F6\",\n oab: \"OAB/PE 50.114\",\n },\n {\n nome: \"Ingrid Sobral\",\n foto: \"team-ingrid\",\n cargo: \"Advogada\",\n area: \"Cível\",\n cor: \"#6366F1\",\n oab: \"OAB/PE 49.560\",\n },\n {\n nome: \"Luiza Sampaio\",\n foto: \"team-luiza\",\n cargo: \"Advogada\",\n area: \"Família\",\n cor: \"#F97316\",\n oab: \"OAB/PE 69.914\",\n },\n {\n nome: \"Marina Alves\",\n foto: \"team-marina\",\n cargo: \"Estagiária\",\n area: \"—\",\n cor: \"#9A9AA2\",\n oab: \"\",\n },\n];\nconst DASH_WAVES = [\n \"M2,16 C16,6 24,22 40,13 C56,5 66,20 82,11 C96,4 110,18 126,9\",\n \"M2,12 C18,20 26,4 42,14 C58,22 68,7 84,15 C98,22 112,7 126,14\",\n];\nconst EMAIL_EQUIPE = Object.fromEntries(\n Object.entries(HERO_FOTO).map(([e, f]) => [f, e]),\n);\nconst WHATSAPP = {}; // preencher: { \"team-bruno\": \"5581999999999\", ... } quando os números chegarem\nfunction eqAcoes(t) {\n const email = EMAIL_EQUIPE[t.foto] || \"\";\n const wa = WHATSAPP[t.foto] || \"\";\n const waSvg =\n ``;\n const mailSvg =\n ``;\n const zap = wa\n ? `${waSvg}`\n : `${waSvg}`;\n const mail = email\n ? `${mailSvg}`\n : \"\";\n return `

${zap}${mail}

`;\n}\nfunction homeDashboardHTML() {\n const me = DATA.me || {};\n const nome1 = (me.name || \"\").trim().split(/\\s+/)[0] || \"\";\n const dia = new Date().toLocaleDateString(\"pt-BR\", {\n weekday: \"long\",\n day: \"numeric\",\n month: \"long\",\n });\n const diaCap = dia.charAt(0).toUpperCase() + dia.slice(1);\n const fSite = HERO_FOTO[(me.email || \"\").toLowerCase()];\n const heroFoto = fSite\n ? `

`\n : (me.picture\n ? `

`\n : `

${esc(initials(me.name))}

`);\n const recursos = (DATA.resources || []).length,\n areas = (DATA.areas || []).length;\n const radar = DATA.radarTotal || 0,\n fontes = DATA.fontesTotal || 0,\n equipe = TEAM.length;\n const stats = `

${recursos}

Recursos

${areas}

Áreas

${equipe}

Equipe

${radar}

No Radar

`;\n const hero = `

${heroFoto}\n

Bem-vindo de volta

${\n esc(diaCap)\n }${saudacaoHora()}, ${esc(nome1)}.

\n \n

${stats}

`;\n const pres = `

Quem está aqui agora

carregando…

`;\n const radarbox = `

Seu Radar esta semana

${radar}

\n \n

notícias nas áreas (últimos 7 dias)

Radar Jurídico · ${fontes} buscas ativas

${miniCalendarioHTML()}

`;\n const avisos = DATA.avisos || [], admin = !!me.isAdmin;\n const muralLista = avisos.length\n ? avisos.map((a) =>\n `

${\n esc(a.texto || \"\")\n }

`\n ).join(\"\")\n : `

Nenhum aviso por aqui ainda.

`;\n const muralNovo = admin\n ? `

fixar no topo

`\n : \"\";\n const mural =\n `

📌 Mural de avisos

${muralNovo}

${muralLista}

`;\n const eqRows = TEAM.map((t, i) =>\n `

$\"${\n$

${\n esc(t.nome)\n }

${esc(t.cargo)}

${eqAcoes(t)}

${\n esc(t.area)\n }

${esc(t.oab || \"—\")}

\n \n

`\n ).join(\"\");\n const equipe2 =\n `

Nossa equipe

MembroÁreaOABAtividade

${eqRows}

`;\n return `

${hero}${pres}${radarbox}${mural}${equipe2}

`;\n}\nasync function montarPresenca() {\n try {\n await fetch(\"/api/presenca\", { method: \"POST\" });\n } catch {}\n try {\n const d = await fetch(\"/api/data\").then((r) => r.json());\n if (d && d.online) {\n DATA.online = d.online;\n }\n } catch {}\n pintarPresenca();\n clearInterval(window.__presInt);\n window.__presInt = setInterval(async () => {\n if (vista.tipo !== \"home\" || query) {\n return;\n }\n try {\n await fetch(\"/api/presenca\", { method: \"POST\" });\n } catch {}\n try {\n const d = await fetch(\"/api/data\").then((r) => r.json());\n if (d && d.online) {\n DATA.online = d.online;\n }\n } catch {}\n pintarPresenca();\n }, 60000);\n}\nfunction pintarPresenca() {\n const box = document.getElementById(\"dash-presenca\");\n if (!box) {\n return;\n }\n const online = DATA.online || [], eu = (DATA.me || {}).email;\n const lista = box.querySelector(\".pres-lista\"),\n cnt = box.querySelector(\".cnt\");\n if (!online.length) {\n lista.innerHTML = `

Ninguém online agora.

`;\n if (cnt) {\n cnt.innerHTML = \"\";\n }\n return;\n }\n lista.innerHTML = online.slice(0, 6).map((p) => {\n const pf = HERO_FOTO[p.email]\n ? EQUIPE_FOTO + HERO_FOTO[p.email] + \".jpg\"\n : p.foto;\n const foto = pf\n ? ` $\"\"$ `\n : `${esc(initials(p.nome))}`;\n const euTag = p.email === eu ? \" (você)\" : \"\";\n return `

${foto}${\n esc(p.nome || p.email)\n }${euTag}online

`;\n }).join(\"\");\n if (cnt) {\n cnt.innerHTML = `${online.length} ${\n online.length === 1 ? \"pessoa\" : \"pessoas\"\n } na Central agora`;\n }\n}\nfunction conectarGCal() {\n alert(\n \"Conectar ao Google Calendar\\n\\nEstamos ativando a conexão com a sua agenda. Em breve você poderá autorizar o acesso por aqui — cada pessoa conecta a própria agenda.\",\n );\n}\nfunction miniCalendarioHTML() {\n const hoje = new Date();\n const ano = hoje.getFullYear(),\n mes = hoje.getMonth(),\n diaHoje = hoje.getDate();\n const meses = [\n \"Janeiro\",\n \"Fevereiro\",\n \"Março\",\n \"Abril\",\n \"Maio\",\n \"Junho\",\n \"Julho\",\n \"Agosto\",\n \"Setembro\",\n \"Outubro\",\n \"Novembro\",\n \"Dezembro\",\n ];\n const dow = [\"D\", \"S\", \"T\", \"Q\", \"Q\", \"S\", \"S\"];\n const inicio = new Date(ano, mes, 1).getDay();\n const dias = new Date(ano, mes + 1, 0).getDate();\n let cel = \"\";\n for (let i = 0; i < inicio; i++) {\n cel += ``;\n }\n for (let d = 1; d <= dias; d++) {\n cel += `${d}`;\n }\n return `

${meses[mes]} ${ano}

${dow.map((x) => `${x}`).join(\"\")}

${cel}

\n `;\n}\nfunction render() {\n // As Conversas são uma vista como qualquer outra: montam dentro do #content\n // e herdam menu, tema e cabeçalho. O desmontar para o relógio que fica\n // perguntando mensagens ao Google quando a pessoa sai daqui.\n if (vista.tipo !== \"conversas\" && window.Conversas) {\n window.Conversas.desmontar();\n }\n if (vista.tipo === \"conversas\") {\n document.getElementById(\"pagina-cab\").innerHTML = \"\";\n document.getElementById(\"areas-faixa\").innerHTML = \"\";\n if (window.Conversas) {\n window.Conversas.montar(document.getElementById(\"content\"));\n }\n return;\n }\n renderCab();\n renderFaixa();\n const content = document.getElementById(\"content\");\n if (vista.tipo === \"home\" && !query) {\n document.getElementById(\"pagina-cab\").innerHTML = \"\";\n document.getElementById(\"areas-faixa\").innerHTML = \"\";\n content.innerHTML = homeDashboardHTML();\n ligarMural();\n montarPresenca();\n return;\n }\n let html = \"\";\n let total = 0;\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 temFiltroUF = ufsDe(daCat).length >= 2;\n const filtrando = !query && temFiltroUF;\n const barra = filtrando ? renderFiltroUF(daCat) : \"\";\n const visiveis = filtrando ? daCat.filter(passaUF) : daCat;\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) {\n corpo += secaoHTML(ramo, \"#9A9AA2\", itens);\n }\n }\n const semRamo = visiveis.filter((r) => !ramos.includes(r.ramo));\n if (semRamo.length) {\n corpo += secaoHTML(\"Outros\", \"#9A9AA2\", semRamo);\n }\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 filtrando && ufAtiva\n ? \" em \" + esc(rotuloUF(ufAtiva)) + \"\"\n : \"\"\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 if (!total && !html) {\n html = `

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

`;\n }\n content.innerHTML =\n (vista.tipo === \"area\" && !query\n ? '

'\n : \"\") + (vista.tipo === \"home\" && !query ? homeTopoHTML() : \"\") + html;\n ligarFiltroUF();\n if (vista.tipo === \"home\" && !query) {\n ligarMural();\n }\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 // o Radar é dinâmico (vem do robô), então carrega à parte, no topo da área\n if (vista.tipo === \"area\" && !query) {\n carregarRadar(vista.id);\n }\n}\n// ── Radar RSS: notícias dos últimos 7 dias da área, buscadas sob demanda ──\nconst RADAR_PAGINA = 18; // cards por página (≈6 fileiras); o resto dos 7 dias vem paginado\nlet radarPag = 0;\nlet radarView = \"radar\"; // \"radar\" | \"favoritos\"\nlet radarAreaAtual = null;\nasync function carregarRadar(areaId) {\n const slot = document.getElementById(\"radar-slot\");\n if (!slot) {\n return;\n }\n slot.innerHTML =\n `

Radar\n carregando notícias…

`;\n let d;\n try {\n d = await fetch(\"/api/rss?area=\" + areaId).then((r) => r.json());\n } catch {\n slot.innerHTML = \"\";\n return;\n }\n if (vista.tipo !== \"area\" || vista.id != areaId) {\n return; // trocou de tela enquanto carregava\n }\n const nots = d.noticias || [];\n const favs = d.favoritos || [];\n const admin = DATA.me && DATA.me.isAdmin;\n const quando = d.ultimaColeta\n ? new Date(d.ultimaColeta).toLocaleString(\"pt-BR\", {\n day: \"2-digit\",\n month: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n })\n : \"ainda não coletado\";\n const totalPag = Math.max(1, Math.ceil(nots.length / RADAR_PAGINA));\n const hoje = new Date().toLocaleDateString(\"pt-BR\");\n radarPag = 0;\n if (radarAreaAtual !== areaId) {\n radarView = \"radar\";\n radarAreaAtual = areaId;\n } // troca de área volta ao Radar\n const item = (n) => `\n \n

\n ${esc(n.fonte_nome || \"\")}\n ${\n n.data ? esc(new Date(n.data).toLocaleDateString(\"pt-BR\")) : \"\"\n }\n

${esc(n.titulo || \"\")}

\n ${n.resumo ? `

${esc(n.resumo)}

` : \"\"}\n

${(n.data &&\n new Date(n.data).toLocaleDateString(\"pt-BR\") === hoje\n ? '[Hoje]'\n : \"\")}${(n.data && Date.now() - Date.parse(n.data) > 6 * 864e5\n ? '[expirando]'\n : \"\")}${\n (n.tags || \"\").split(\",\").map((t) => t.trim()).filter(Boolean).map((t) =>\n `#${esc(t)}`\n ).join(\"\")\n }

\n \n \n \n

\n `;\n function pinta() {\n const abas = `\n \n \n `;\n const cab = `

${abas}\n ${\n radarView === \"radar\"\n ? `${nots.length} ${\n nots.length === 1 ? \"notícia\" : \"notícias\"\n } · coleta: ${esc(quando)}`\n : `${favs.length} ${favs.length === 1 ? \"salvo\" : \"salvos\"} pela equipe`\n }${\n admin && radarView === \"radar\"\n ? ` · `\n : \"\"\n }\n

`;\n if (radarView === \"favoritos\") {\n slot.innerHTML = cab +\n (favs.length\n ? `

${\n favs.map((f) => item({ ...f, fav: true })).join(\"\")\n }

`\n : `

Ninguém salvou nada nesta área ainda. Toque no 🔖 de uma notícia.

`);\n } else if (!nots.length) {\n slot.innerHTML = cab +\n `

Sem notícias novas nesta área nos últimos 7 dias.

`;\n } else {\n if (radarPag > totalPag - 1) {\n radarPag = totalPag - 1;\n }\n if (radarPag < 0) {\n radarPag = 0;\n }\n const ini = radarPag * RADAR_PAGINA;\n const pagina = nots.slice(ini, ini + RADAR_PAGINA);\n const pager = totalPag > 1\n ? ``\n : \"\";\n slot.innerHTML = cab +\n `

${pagina.map(item).join(\"\")}

` + pager;\n }\n slot.querySelectorAll(\".radar-aba\").forEach((t) => (t.onclick = () => {\n radarView = t.dataset.view;\n radarPag = 0;\n pinta();\n }));\n const btn = document.getElementById(\"radar-coletar\");\n if (btn) {\n btn.onclick = async () => {\n btn.disabled = true;\n btn.textContent = \"coletando…\";\n try {\n await fetch(\"/api/rss/coletar?area=\" + areaId, { method: \"POST\" });\n } catch {}\n carregarRadar(areaId);\n };\n }\n const prev = document.getElementById(\"radar-prev\");\n const next = document.getElementById(\"radar-next\");\n if (prev) {\n prev.onclick = () => {\n radarPag--;\n pinta();\n };\n }\n if (next) {\n next.onclick = () => {\n radarPag++;\n pinta();\n };\n }\n }\n if (!slot.__voteBound) {\n slot.__voteBound = 1;\n slot.addEventListener(\"click\", (ev) => {\n const b = ev.target.closest(\".radar-thumb\");\n if (!b) {\n return;\n }\n ev.preventDefault();\n ev.stopPropagation();\n if (b.dataset.save) {\n salvar(b);\n } else {\n votar(b);\n }\n });\n }\n async function votar(b) {\n const url = b.dataset.url, f = b.dataset.f ? Number(b.dataset.f) : null;\n const v = b.classList.contains(\"on\") ? 0 : Number(b.dataset.v); // clicar de novo desfaz\n b.closest(\".radar-acoes\").querySelectorAll(\n \".radar-thumb.up, .radar-thumb.down\",\n ).forEach((t) => t.classList.remove(\"on\"));\n if (v !== 0) {\n b.classList.add(\"on\");\n }\n let r = {};\n try {\n r = await fetch(\"/api/rss/voto\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url, fonte_id: f, area_id: areaId, voto: v }),\n }).then((x) => x.json());\n } catch {}\n if (r.precisaFeedback) {\n abrirFeedback(f, r.fonteNome || \"\");\n }\n }\n async function salvar(b) {\n let r = {};\n try {\n r = await fetch(\"/api/rss/favorito\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n url: b.dataset.url,\n area_id: areaId,\n fonte_id: b.dataset.f ? Number(b.dataset.f) : null,\n titulo: b.dataset.titulo,\n fonte_nome: b.dataset.fonte,\n data: b.dataset.data,\n tags: b.dataset.tags,\n }),\n }).then((x) => x.json());\n } catch {}\n if (r.ok) {\n carregarRadar(areaId); // recarrega p/ refletir na lista e na contagem (mantém a aba)\n } else if (r.motivo) {\n alert(r.motivo);\n }\n }\n function abrirFeedback(fonteId, fonteNome) {\n if (document.getElementById(\"radar-fb\")) {\n return;\n }\n const ov = document.createElement(\"div\");\n ov.id = \"radar-fb\";\n ov.className = \"radar-fb-overlay\";\n ov.innerHTML = `

5 avaliações negativas em ${\n esc(fonteNome)\n }

O que está faltando ou fora do lugar nessa busca? Seu relato vai para reanálise.

\n \n

\n \n \n

`;\n document.body.appendChild(ov);\n const fechar = () => ov.remove();\n ov.querySelector(\".radar-fb-cancel\").onclick = fechar;\n ov.addEventListener(\"click\", (e) => {\n if (e.target === ov) {\n fechar();\n }\n });\n ov.querySelector(\".radar-fb-enviar\").onclick = async () => {\n const texto = ov.querySelector(\".radar-fb-txt\").value.trim();\n try {\n await fetch(\"/api/rss/feedback\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n fonte_id: fonteId,\n area_id: areaId,\n fonte_nome: fonteNome,\n texto,\n }),\n });\n } catch {}\n fechar();\n };\n }\n pinta();\n}\ndocument.getElementById(\"q\").addEventListener(\"input\", (e) => {\n query = e.target.value.trim();\n render();\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});\nload();",[],[172,255],"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();",[],[172,264],"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",[],[172,273],["D",1787156352547],[190,191,192,193,194,195,196,197],[172],["D",1787155811387],["D",1789501878689],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_128":321,"_322":323,"_324":325,"_326":25,"_327":25,"_328":25,"_329":59,"_330":-5,"_331":-7,"_332":-7,"_333":63,"_334":25,"_335":25,"_336":-5,"_337":25,"_338":25,"_339":25,"_340":-5},"ENV",{"_292":293,"_294":295,"_296":90,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320},"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"]

Ligue as Conversas à sua conta

Conversas

Novo canal

\" + esc(k.slug) + \"

Casos ativos · ' +\n canais.length + \"

${esc(r.title)}

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

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

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

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

Ferramentas do escritório

${saudacaoHora()}, ${\n esc(primeiro)\n }.

${\n esc(diaCap)\n }${saudacaoHora()}, ${esc(nome1)}.

Nossa equipe

Gerenciar conteúdo

Novo recurso

Recursos cadastrados

Nova área

Áreas do escritório

Novo serviço

Serviços por área

Nova pessoa

Quem vê o quê

Nova categoria

Categorias

Diff · v174