[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_243":244,"_245":246},"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",135,"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\"] .logo-chip, :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: 14px;\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\"] .logo-chip, :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}","createdAt",["D",1788658608226],"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":238,"_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":239,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":240,"_84":241,"_86":242,"_88":25},"tree",[171,178,179],"files",[171,172,173,174,175,176,177,178,179],"counts",{"_161":63,"_162":158,"_163":63,"_164":165,"_166":167},"contents",[131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":153,"_32":154,"_30":155,"_137":-5,"_41":42,"_40":156,"_139":59,"_38":157,"_13":158,"_34":159,"_35":-5,"_24":25,"_143":-5,"_27":160},{"_43":145,"_32":146,"_30":57,"_137":-5,"_41":42,"_40":147,"_139":25,"_38":148,"_13":149,"_34":150,"_35":151,"_24":25,"_143":-5,"_27":152},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":59,"_38":140,"_13":141,"_34":20,"_35":142,"_24":25,"_143":-5,"_27":144},"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",[135],"31baac10-56b4-4869-94d0-10366c91b567","main.ts",123,["D",1788653334665],22,"http","// Central TC — Hub interno da equipe (Tiburcio Cavalcanti Advogados)\n// Val Town HTTP val. Login com Google (restrito ao domínio do escritório),\n// banco SQLite para os conteúdos e painel de admin.\n//\n// Variáveis de ambiente necessárias (Settings > Environment Variables):\n// GOOGLE_CLIENT_ID — Client ID do OAuth (Google Cloud Console)\n// GOOGLE_CLIENT_SECRET — Client Secret do OAuth\n// SESSION_SECRET — string aleatória longa (assina o cookie de sessão)\n// ALLOWED_DOMAINS — domínios liberados, separados por vírgula (padrão: tcadvs.com.br)\n// ADMIN_EMAILS — e-mails que podem editar, separados por vírgula (padrão: bruno@tcadvs.com.br)\n//\n// Fonte: /source\n\nimport { Hono } from \"npm:hono\";\nimport { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";\nimport * as arctic from \"npm:arctic\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// ---------------------------------------------------------------------------\n// Config\n// ---------------------------------------------------------------------------\nconst THIRTY_DAYS = 30 * 24 * 60 * 60; // segundos\nconst SESSION_SECRET = Deno.env.get(\"SESSION_SECRET\") ||\n \"troque-este-segredo-inseguro\";\n\nfunction allowedDomains(): string[] {\n return (Deno.env.get(\"ALLOWED_DOMAINS\") || \"tcadvs.com.br\")\n .split(\",\").map((s) => s.trim().toLowerCase()).filter(Boolean);\n}\nfunction adminEmails(): string[] {\n return (Deno.env.get(\"ADMIN_EMAILS\") || \"bruno@tcadvs.com.br\")\n .split(\",\").map((s) => s.trim().toLowerCase()).filter(Boolean);\n}\n\n// ---------------------------------------------------------------------------\n// Banco de dados\n// ---------------------------------------------------------------------------\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS categories (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n emoji TEXT DEFAULT '',\n color TEXT DEFAULT '#17362E',\n position INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS resources (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n category_id INTEGER,\n kind TEXT DEFAULT 'link',\n title TEXT NOT NULL,\n description TEXT DEFAULT '',\n url TEXT DEFAULT '',\n tags TEXT DEFAULT '',\n position INTEGER DEFAULT 0,\n created_at INTEGER,\n updated_at INTEGER,\n created_by TEXT DEFAULT ''\n)`);\n\n// Áreas do escritório — a segunda dimensão: categoria diz O QUE é o recurso,\n// área diz DE QUAL MATÉRIA ele é. Cores canônicas do site institucional.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS areas (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n color TEXT DEFAULT '#004746',\n description TEXT DEFAULT '',\n position INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\n// migração: bancos criados antes das áreas não têm a coluna. SQLite não tem\n// \"ADD COLUMN IF NOT EXISTS\", então tentamos e ignoramos o erro de duplicata.\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN area_id INTEGER\");\n} catch {\n // coluna já existe\n}\n\n// Quem vê o quê. Dois eixos: a ÁREA diz de qual matéria o conteúdo é; o NÍVEL\n// diz que profundidade ele tem. O nível é por área — quem lidera Saúde não\n// enxerga o estratégico do Tributário só porque também atua lá.\n// aberto todo mundo do escritório\n// equipe quem tem a área (nível 1 ou 2)\n// lideranca quem tem a área em nível de liderança (nível 2)\n// confidencial quem tem a marca de confidencial do escritório (gestão)\ntry {\n await sqlite.execute(\n \"ALTER TABLE resources ADD COLUMN visibility TEXT DEFAULT 'aberto'\",\n );\n} catch {\n // coluna já existe\n}\n\n// Produtos = os serviços que o escritório presta dentro de cada área. Terceira\n// camada de navegação: Área > Produto > conteúdo. A lista veio da página\n// \"O Que Fazemos\" do site, revisada pelo Bruno.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS products (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n area_id INTEGER NOT NULL,\n name TEXT NOT NULL,\n description TEXT DEFAULT '',\n position INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN product_id INTEGER\");\n} catch {\n // coluna já existe\n}\n\n// Ícone próprio do recurso. O favicon automático resolve a maioria, mas erra\n// quando vários produtos moram no mesmo domínio (Drive, Docs, Agenda e Meet\n// servem todos o mesmo \"G\" do google.com).\ntry {\n await sqlite.execute(\n \"ALTER TABLE resources ADD COLUMN icon_url TEXT DEFAULT ''\",\n );\n} catch {\n // coluna já existe\n}\n\n// Em que bloco da lateral a categoria aparece: \"ferramentas\" (o que a equipe\n// usa para trabalhar) ou \"outros\" (apoio, formulários, material institucional).\ntry {\n await sqlite.execute(\n \"ALTER TABLE categories ADD COLUMN grupo TEXT DEFAULT 'ferramentas'\",\n );\n} catch {\n // coluna já existe\n}\n\n// Estado (UF) do recurso. Serve aos tribunais: a Central mostra um seletor de\n// estado quando a categoria tem itens marcados. Vazio = nacional, sempre visível.\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN uf TEXT DEFAULT ''\");\n} catch {\n // coluna já existe\n}\n\n// Ramo da Justiça, para agrupar dentro do estado (Estadual, Federal, Trabalho...).\ntry {\n await sqlite.execute(\"ALTER TABLE resources ADD COLUMN ramo TEXT DEFAULT ''\");\n} catch {\n // coluna já existe\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS people (\n email TEXT PRIMARY KEY,\n name TEXT DEFAULT '',\n confidencial INTEGER DEFAULT 0,\n created_at INTEGER\n)`);\n\n// nivel: 1 = equipe, 2 = liderança. Ausência da linha = sem acesso à área.\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS people_areas (\n email TEXT NOT NULL,\n area_id INTEGER NOT NULL,\n nivel INTEGER DEFAULT 1,\n PRIMARY KEY (email, area_id)\n)`);\n\n// 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\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\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)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS presenca (\n email TEXT PRIMARY KEY, nome TEXT, foto TEXT, last_seen INTEGER\n)`);\n\nasync function seedIfEmpty() {\n const count = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM categories\"))\n .rows[0].n as number;\n if (count > 0) return;\n const now = Date.now();\n const cats: [string, string, string][] = [\n [\"Sistemas Jurídicos\", \"🏛️\", \"#17362E\"],\n [\"IA & Produtividade\", \"🤖\", \"#2F7D6D\"],\n [\"Modelos & Documentos\", \"📄\", \"#B08C4D\"],\n [\"Links Úteis\", \"🔗\", \"#2E6E5E\"],\n [\"Dicas Internas\", \"💡\", \"#A23B3B\"],\n ];\n for (let i = 0; i < cats.length; i++) {\n await sqlite.execute({\n sql:\n \"INSERT INTO categories (name, emoji, color, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [cats[i][0], cats[i][1], cats[i][2], i, now],\n });\n }\n const seedRes: [number, string, string, string, string, string][] = [\n // category_id, kind, title, description, url, tags\n [\n 1,\n \"system\",\n \"PJe — Processo Judicial Eletrônico\",\n \"Peticionamento e consulta processual na Justiça Federal e Trabalhista.\",\n \"https://www.pje.jus.br\",\n \"processo, tribunal\",\n ],\n [\n 1,\n \"system\",\n \"Projudi / e-SAJ\",\n \"Sistemas dos tribunais estaduais para acompanhamento de processos.\",\n \"https://esaj.tjsp.jus.br\",\n \"processo, estadual\",\n ],\n [\n 2,\n \"system\",\n \"Claude (Cowork)\",\n \"Assistente de IA do escritório para redação, análise e pesquisa.\",\n \"https://claude.ai\",\n \"ia, redação\",\n ],\n [\n 2,\n \"tip\",\n \"Como pedir uma peça para a IA\",\n \"Sempre forneça: fatos, documentos, tese e pedido. Quanto mais contexto, melhor a minuta.\",\n \"\",\n \"ia, boas-práticas\",\n ],\n [\n 3,\n \"doc\",\n \"Modelos de Petição (Drive)\",\n \"Pasta compartilhada com os modelos padronizados do escritório.\",\n \"\",\n \"modelos, petição\",\n ],\n [\n 4,\n \"link\",\n \"Diário Oficial / DJe\",\n \"Consulta de publicações e intimações.\",\n \"https://www.jusbrasil.com.br\",\n \"publicações\",\n ],\n [\n 5,\n \"tip\",\n \"Padrão de nomeação de arquivos\",\n \"Use: AAAA-MM-DD_Cliente_TipoDoc. Facilita busca e evita retrabalho.\",\n \"\",\n \"organização\",\n ],\n ];\n for (let i = 0; i < seedRes.length; i++) {\n const r = seedRes[i];\n await sqlite.execute({\n sql:\n `INSERT INTO resources (category_id, kind, title, description, url, tags, position, created_at, updated_at, created_by)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [r[0], r[1], r[2], r[3], r[4], r[5], i, now, now, \"seed\"],\n });\n }\n}\n// Seed das áreas (só roda se ainda não houver nenhuma). Ordem e cores vêm do\n// site institucional; o Imobiliário foi clareado para não repetir o Trabalhista.\nasync function seedAreasIfEmpty() {\n const count = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM areas\"))\n .rows[0].n as number;\n if (count > 0) return;\n const now = Date.now();\n const areas: [string, string, string][] = [\n [\n \"Empresarial\",\n \"#002D2D\",\n \"Societário, contratos empresariais e reestruturações.\",\n ],\n [\n \"Tributário\",\n \"#004746\",\n \"Contencioso e consultivo fiscal, transações e planejamento.\",\n ],\n [\n \"Trabalhista\",\n \"#006B6B\",\n \"Contencioso trabalhista, compliance e relações de trabalho.\",\n ],\n [\n \"Administrativo\",\n \"#007979\",\n \"Licitações, contratos públicos e defesas administrativas.\",\n ],\n [\n \"Família e Sucessões\",\n \"#00908C\",\n \"Divórcio, inventários, holdings familiares e pactos.\",\n ],\n [\n \"Contratos e Estruturação de Negócios\",\n \"#747277\",\n \"Modelagem contratual e estruturação de operações.\",\n ],\n [\n \"Saúde e Médico\",\n \"#005F5F\",\n \"Planos de saúde, alto custo e direito médico.\",\n ],\n [\n \"Imobiliário\",\n \"#00A39D\",\n \"Compra e venda, incorporação, locação e vícios construtivos.\",\n ],\n ];\n for (let i = 0; i < areas.length; i++) {\n await sqlite.execute({\n sql:\n \"INSERT INTO areas (name, color, description, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [areas[i][0], areas[i][1], areas[i][2], i, now],\n });\n }\n}\n\n// Seed dos produtos (só roda com a tabela vazia). A área é buscada pelo nome,\n// não por id fixo, para o seed não errar de área se a ordem mudar.\nasync function seedProductsIfEmpty() {\n const count = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM products\"))\n .rows[0].n as number;\n if (count > 0) return;\n const now = Date.now();\n const porArea: [string, string[]][] = [\n [\"Empresarial\", [\n \"Contencioso\",\n \"Propriedade Intelectual\",\n \"Societário\",\n \"Relações de Consumo\",\n \"Responsabilidade Civil\",\n ]],\n [\"Tributário\", [\n \"Consultoria e Parecer Técnico\",\n \"Contencioso administrativo e judicial\",\n \"Recuperação de Créditos\",\n \"Planejamento Tributário\",\n \"Revisão Fiscal\",\n \"Transação Tributária\",\n ]],\n [\"Trabalhista\", [\n \"Consultoria Preventiva\",\n \"Contencioso administrativo e judicial\",\n \"Direito Coletivo do Trabalho\",\n \"Acordos e Convenções Coletivas\",\n \"Compliance\",\n \"Gestão de Riscos e Passivos\",\n ]],\n [\"Administrativo\", [\n \"Licitações e Contratos Administrativos\",\n ]],\n [\"Família e Sucessões\", [\n \"Pacto Antenupcial\",\n \"Divórcio\",\n \"Inventário\",\n \"União Estável\",\n \"Partilha de Bens\",\n \"Curatela\",\n \"Planejamento Sucessório\",\n \"Holding\",\n \"Instrumento de Doação\",\n \"Alimentos\",\n \"Guarda\",\n \"Protetiva\",\n ]],\n [\"Contratos e Estruturação de Negócios\", [\n \"Due Diligence Empresarial\",\n \"Avaliação de Risco\",\n \"Fusões e Aquisições\",\n \"Mediação e Negociação\",\n \"Contratos e Negócios Imobiliários\",\n \"Parecer Consultivo\",\n ]],\n [\"Imobiliário\", [\n \"Due Diligence Imobiliária\",\n \"Assessoria Notarial e Registral\",\n \"Negócios Imobiliários\",\n \"Regularização Imobiliária\",\n \"Vícios Construtivos\",\n \"Créditos Propter Rem\",\n ]],\n ];\n for (const [nomeArea, produtos] of porArea) {\n const area = (await sqlite.execute({\n sql: \"SELECT id FROM areas WHERE name = ?\",\n args: [nomeArea],\n })).rows[0];\n if (!area) continue; // área renomeada ou removida: pula sem quebrar o boot\n for (let i = 0; i < produtos.length; i++) {\n await sqlite.execute({\n sql:\n \"INSERT INTO products (area_id, name, position, created_at) VALUES (?, ?, ?, ?)\",\n args: [area.id, produtos[i], i, now],\n });\n }\n }\n}\n\nawait seedIfEmpty();\nawait seedAreasIfEmpty();\nawait seedProductsIfEmpty();\n\n// ---------------------------------------------------------------------------\n// Cripto de sessão (cookie assinado com HMAC-SHA256)\n// ---------------------------------------------------------------------------\nconst encoder = new TextEncoder();\n\nfunction b64urlEncode(bytes: Uint8Array): string {\n let bin = \"\";\n for (const b of bytes) bin += String.fromCharCode(b);\n return btoa(bin).replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/, \"\");\n}\nfunction b64urlDecode(str: string): Uint8Array {\n str = str.replace(/-/g, \"+\").replace(/_/g, \"/\");\n while (str.length % 4) str += \"=\";\n const bin = atob(str);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);\n return bytes;\n}\nasync function hmacKey() {\n return crypto.subtle.importKey(\n \"raw\",\n encoder.encode(SESSION_SECRET),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\", \"verify\"],\n );\n}\nasync function signSession(payload: Record): Promise {\n const key = await hmacKey();\n const data = b64urlEncode(encoder.encode(JSON.stringify(payload)));\n const sig = new Uint8Array(\n await crypto.subtle.sign(\"HMAC\", key, encoder.encode(data)),\n );\n return data + \".\" + b64urlEncode(sig);\n}\nasync function verifySession(\n token: string,\n): Promise | null> {\n const dot = token.indexOf(\".\");\n if (dot < 0) return null;\n const data = token.slice(0, dot);\n const sig = token.slice(dot + 1);\n const key = await hmacKey();\n let ok = false;\n try {\n ok = await crypto.subtle.verify(\n \"HMAC\",\n key,\n b64urlDecode(sig),\n encoder.encode(data),\n );\n } catch {\n return null;\n }\n if (!ok) return null;\n try {\n const payload = JSON.parse(new TextDecoder().decode(b64urlDecode(data)));\n if (payload.exp && Date.now() > payload.exp) return null;\n return payload;\n } catch {\n return null;\n }\n}\nfunction decodeIdToken(jwt: string): Record {\n const parts = jwt.split(\".\");\n return JSON.parse(new TextDecoder().decode(b64urlDecode(parts[1])));\n}\n\ntype User = { email: string; name: string; picture: string; isAdmin: boolean };\n\nasync function getUser(c: any): Promise {\n const token = getCookie(c, \"session\");\n if (!token) return null;\n const p = await verifySession(token);\n if (!p) return null;\n return {\n email: p.email,\n name: p.name || p.email,\n picture: p.picture || \"\",\n isAdmin: adminEmails().includes((p.email || \"\").toLowerCase()),\n };\n}\n\n// ---------------------------------------------------------------------------\n// App\n// ---------------------------------------------------------------------------\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nfunction getGoogle(c: any): arctic.Google {\n const origin = new URL(c.req.url).origin;\n return new arctic.Google(\n Deno.env.get(\"GOOGLE_CLIENT_ID\") || \"\",\n Deno.env.get(\"GOOGLE_CLIENT_SECRET\") || \"\",\n origin + \"/auth/callback\",\n );\n}\n\n// ---- Auth ----\napp.get(\"/auth/google\", (c) => {\n const google = getGoogle(c);\n const state = arctic.generateState();\n const codeVerifier = arctic.generateCodeVerifier();\n const url = google.createAuthorizationURL(state, codeVerifier, [\n \"openid\",\n \"profile\",\n \"email\",\n ]);\n // Sugere a tela de contas do Workspace do escritório\n const dom = allowedDomains()[0];\n if (dom) url.searchParams.set(\"hd\", dom);\n const opts = {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\" as const,\n path: \"/\",\n maxAge: 600,\n };\n setCookie(c, \"g_state\", state, opts);\n setCookie(c, \"g_verifier\", codeVerifier, opts);\n return c.redirect(url.toString());\n});\n\napp.get(\"/auth/callback\", async (c) => {\n const code = c.req.query(\"code\");\n const state = c.req.query(\"state\");\n const storedState = getCookie(c, \"g_state\");\n const verifier = getCookie(c, \"g_verifier\");\n if (!code || !state || !storedState || state !== storedState || !verifier) {\n return c.redirect(\"/login?error=state\");\n }\n let tokens: arctic.OAuth2Tokens;\n try {\n tokens = await getGoogle(c).validateAuthorizationCode(code, verifier);\n } catch {\n return c.redirect(\"/login?error=oauth\");\n }\n let claims: Record;\n try {\n claims = decodeIdToken(tokens.idToken());\n } catch {\n return c.redirect(\"/login?error=token\");\n }\n const email = String(claims.email || \"\").toLowerCase();\n const domain = email.split(\"@\")[1] || \"\";\n if (\n !email || claims.email_verified === false ||\n !allowedDomains().includes(domain)\n ) {\n return c.redirect(\"/login?error=domain\");\n }\n const session = {\n email,\n name: claims.name || email,\n picture: claims.picture || \"\",\n exp: Date.now() + THIRTY_DAYS * 1000,\n };\n deleteCookie(c, \"g_state\", { path: \"/\" });\n deleteCookie(c, \"g_verifier\", { path: \"/\" });\n setCookie(c, \"session\", await signSession(session), {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n path: \"/\",\n maxAge: THIRTY_DAYS,\n });\n return c.redirect(\"/\");\n});\n\napp.post(\"/logout\", (c) => {\n deleteCookie(c, \"session\", { path: \"/\" });\n return c.redirect(\"/login\");\n});\napp.get(\"/logout\", (c) => {\n deleteCookie(c, \"session\", { path: \"/\" });\n return c.redirect(\"/login\");\n});\n\n// ---- Páginas ----\napp.get(\"/login\", async (c) => {\n const user = await getUser(c);\n if (user) return c.redirect(\"/\");\n return serveFile(\"/frontend/login.html\");\n});\n\napp.get(\"/\", async (c) => {\n const user = await getUser(c);\n if (!user) return c.redirect(\"/login\");\n return serveFile(\"/frontend/index.html\");\n});\n\napp.get(\"/admin\", async (c) => {\n const user = await getUser(c);\n if (!user) return c.redirect(\"/login\");\n if (!user.isAdmin) return c.redirect(\"/?error=forbidden\");\n return serveFile(\"/frontend/admin.html\");\n});\n\n// Estáticos do frontend (css/js/imagens)\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---- API ----\nasync function requireUser(c: any): Promise {\n const user = await getUser(c);\n if (!user) {\n c.status(401);\n return null;\n }\n return user;\n}\nasync function requireAdmin(c: any): Promise {\n const user = await getUser(c);\n if (!user) {\n c.status(401);\n return null;\n }\n if (!user.isAdmin) {\n c.status(403);\n return null;\n }\n return user;\n}\n\n// ---------------------------------------------------------------------------\n// Permissões de leitura\n// ---------------------------------------------------------------------------\ntype Permissoes = { confidencial: boolean; areas: Record };\n\nasync function permissoesDe(email: string): Promise {\n const chave = (email || \"\").toLowerCase();\n const pes = (await sqlite.execute({\n sql: \"SELECT confidencial FROM people WHERE email = ?\",\n args: [chave],\n })).rows[0];\n const linhas = (await sqlite.execute({\n sql: \"SELECT area_id, nivel FROM people_areas WHERE email = ?\",\n args: [chave],\n })).rows;\n const areas: Record = {};\n for (const l of linhas) areas[Number(l.area_id)] = Number(l.nivel) || 1;\n return { confidencial: !!(pes && Number(pes.confidencial) === 1), areas };\n}\n\n// O admin enxerga tudo: é quem cadastra e precisa conferir o que publicou.\nfunction podeVer(r: any, user: User, p: Permissoes): boolean {\n if (user.isAdmin) return true;\n const v = r.visibility || \"aberto\";\n if (v === \"aberto\") return true;\n if (v === \"confidencial\") return p.confidencial;\n const nivel = p.areas[Number(r.area_id)] || 0;\n if (v === \"equipe\") return nivel >= 1;\n if (v === \"lideranca\") return nivel >= 2;\n return false;\n}\n\napp.get(\"/api/data\", async (c) => {\n const user = await requireUser(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n const categories =\n (await sqlite.execute(\"SELECT * FROM categories ORDER BY position, id\"))\n .rows;\n const todasAreas =\n (await sqlite.execute(\"SELECT * FROM areas ORDER BY position, id\")).rows;\n const todos =\n (await sqlite.execute(\"SELECT * FROM resources ORDER BY position, id\"))\n .rows;\n\n // O filtro é aqui, no servidor: o que a pessoa não pode ver não sai daqui.\n // Esconder só na tela deixaria o conteúdo a um /api/data de distância.\n const perm = await permissoesDe(user.email);\n const resources = todos.filter((r) => podeVer(r, user, perm));\n\n // A lateral não mostra área vazia: fica a área que a pessoa tem no cadastro\n // ou a que sobrou com algum conteúdo visível para ela.\n const comConteudo = new Set(\n resources.map((r) => Number(r.area_id)).filter(Boolean),\n );\n // 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\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 =\n (await sqlite.execute(\n \"SELECT * FROM avisos ORDER BY pin DESC, created_at DESC LIMIT 30\",\n )).rows;\n\n const online = (await sqlite.execute({ sql: \"SELECT email, nome, foto, last_seen FROM presenca WHERE last_seen > ?\", args: [Date.now() - 180000] })).rows;\n const radarTotal = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM rss_noticias\")).rows[0].n;\n const fontesTotal = (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});\n\nfunction grupoDe(b: any): string {\n return b.grupo === \"outros\" ? \"outros\" : \"ferramentas\";\n}\n\n// ---- Categorias (admin) ----\napp.post(\"/api/categories\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.name) return c.json({ error: \"nome obrigatório\" }, 400);\n const posRow = (await sqlite.execute(\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM categories\",\n )).rows[0];\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO categories (name, emoji, color, grupo, position, created_at) VALUES (?, ?, ?, ?, ?, ?)\",\n args: [\n b.name,\n b.emoji || \"\",\n b.color || \"#17362E\",\n grupoDe(b),\n b.position ?? posRow.p,\n Date.now(),\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/categories/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE categories SET name = ?, emoji = ?, color = ?, grupo = ?, position = ? WHERE id = ?\",\n args: [\n b.name,\n b.emoji || \"\",\n b.color || \"#17362E\",\n grupoDe(b),\n b.position ?? 0,\n id,\n ],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/categories/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n await sqlite.batch([\n { sql: \"DELETE FROM resources WHERE category_id = ?\", args: [id] },\n { sql: \"DELETE FROM categories WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// Visibilidade só aceita os quatro valores previstos. E \"equipe\"/\"lideranca\"\n// dependem de uma área: sem área ninguém teria a chave, e o conteúdo existiria\n// sem que pessoa nenhuma pudesse vê-lo.\nfunction visibilidade(b: any): string {\n const v = String(b.visibility || \"aberto\");\n if (![\"aberto\", \"equipe\", \"lideranca\", \"confidencial\"].includes(v)) {\n return \"aberto\";\n }\n if ((v === \"equipe\" || v === \"lideranca\") && !b.area_id) return \"aberto\";\n return v;\n}\n\n// O produto tem que pertencer à área escolhida. Se não pertencer (troquei a área\n// e esqueci o produto), o vínculo cai em vez de ficar apontando para outra área.\nfunction produtoDe(b: any): number | null {\n if (!b.product_id || !b.area_id) return null;\n return Number(b.product_id);\n}\n\n// ---- Produtos (admin) ----\napp.post(\"/api/products\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.name) return c.json({ error: \"nome obrigatório\" }, 400);\n if (!b.area_id) return c.json({ error: \"escolha a área\" }, 400);\n const posRow = (await sqlite.execute({\n sql:\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM products WHERE area_id = ?\",\n args: [Number(b.area_id)],\n })).rows[0];\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO products (area_id, name, description, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\n Number(b.area_id),\n b.name,\n b.description || \"\",\n b.position ?? posRow.p,\n Date.now(),\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/products/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE products SET area_id = ?, name = ?, description = ?, position = ? WHERE id = ?\",\n args: [Number(b.area_id), b.name, b.description || \"\", b.position ?? 0, id],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/products/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n // apagar o produto NÃO apaga o conteúdo: ele volta para a raiz da área\n await sqlite.batch([\n {\n sql: \"UPDATE resources SET product_id = NULL WHERE product_id = ?\",\n args: [id],\n },\n { sql: \"DELETE FROM products WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// ---- Áreas (admin) ----\napp.post(\"/api/areas\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.name) return c.json({ error: \"nome obrigatório\" }, 400);\n const posRow = (await sqlite.execute(\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM areas\",\n )).rows[0];\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO areas (name, color, description, position, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\n b.name,\n b.color || \"#004746\",\n b.description || \"\",\n b.position ?? posRow.p,\n Date.now(),\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/areas/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE areas SET name = ?, color = ?, description = ?, position = ? WHERE id = ?\",\n args: [\n b.name,\n b.color || \"#004746\",\n b.description || \"\",\n b.position ?? 0,\n id,\n ],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/areas/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n // apagar a área NÃO apaga os recursos: eles voltam a ser transversais\n await sqlite.batch([\n {\n sql:\n \"UPDATE resources SET area_id = NULL, product_id = NULL WHERE area_id = ?\",\n args: [id],\n },\n { sql: \"DELETE FROM products WHERE area_id = ?\", args: [id] },\n { sql: \"DELETE FROM areas WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// ---- Recursos (admin) ----\napp.post(\"/api/resources\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.title) return c.json({ error: \"título obrigatório\" }, 400);\n const now = Date.now();\n const posRow = (await sqlite.execute({\n sql:\n \"SELECT COALESCE(MAX(position), -1) + 1 AS p FROM resources WHERE category_id = ?\",\n args: [b.category_id ?? null],\n })).rows[0];\n const r = await sqlite.execute({\n sql:\n `INSERT INTO resources (category_id, area_id, product_id, visibility, kind, title, description, url, icon_url, uf, ramo, tags, position, created_at, updated_at, created_by)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n b.category_id ?? null,\n b.area_id ?? null,\n produtoDe(b),\n visibilidade(b),\n b.kind || \"link\",\n b.title,\n b.description || \"\",\n b.url || \"\",\n (b.icon_url || \"\").trim(),\n (b.uf || \"\").trim().toUpperCase(),\n (b.ramo || \"\").trim(),\n b.tags || \"\",\n b.position ?? posRow.p,\n now,\n now,\n user.email,\n ],\n });\n return c.json({ ok: true, id: Number(r.lastInsertRowid) });\n});\n\napp.put(\"/api/resources/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n `UPDATE resources SET category_id = ?, area_id = ?, product_id = ?, visibility = ?, kind = ?, title = ?, description = ?, url = ?, icon_url = ?, uf = ?, ramo = ?, tags = ?, position = ?, updated_at = ?\n WHERE id = ?`,\n args: [\n b.category_id ?? null,\n b.area_id ?? null,\n produtoDe(b),\n visibilidade(b),\n b.kind || \"link\",\n b.title,\n b.description || \"\",\n b.url || \"\",\n (b.icon_url || \"\").trim(),\n (b.uf || \"\").trim().toUpperCase(),\n (b.ramo || \"\").trim(),\n b.tags || \"\",\n b.position ?? 0,\n Date.now(),\n id,\n ],\n });\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/resources/:id\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n await sqlite.execute({\n sql: \"DELETE FROM resources WHERE id = ?\",\n args: [id],\n });\n return c.json({ ok: true });\n});\n\n// ---- Pessoas e acessos (admin) ----\n// A lista de pessoas vive à parte do /api/data porque só o admin precisa dela\n// e ela carrega quem-vê-o-quê do escritório inteiro.\napp.get(\"/api/people\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const people =\n (await sqlite.execute(\"SELECT * FROM people ORDER BY name, email\")).rows;\n const acessos = (await sqlite.execute(\"SELECT * FROM people_areas\")).rows;\n return c.json({ people, acessos });\n});\n\n// Um POST só: grava a pessoa e o conjunto de acessos dela de uma vez, para não\n// existir estado pela metade (pessoa salva com os acessos antigos).\napp.post(\"/api/people\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n const email = String(b.email || \"\").trim().toLowerCase();\n if (!email.includes(\"@\")) {\n return c.json({ error: \"informe um e-mail válido\" }, 400);\n }\n\n const cmds: any[] = [\n {\n sql:\n `INSERT INTO people (email, name, confidencial, created_at) VALUES (?, ?, ?, ?)\n ON CONFLICT(email) DO UPDATE SET name = excluded.name, confidencial = excluded.confidencial`,\n args: [\n email,\n String(b.name || \"\").trim(),\n b.confidencial ? 1 : 0,\n Date.now(),\n ],\n },\n { sql: \"DELETE FROM people_areas WHERE email = ?\", args: [email] },\n ];\n for (const a of (b.areas || [])) {\n const nivel = Number(a.nivel);\n if (nivel !== 1 && nivel !== 2) continue; // 0 = sem acesso: não vira linha\n cmds.push({\n sql: \"INSERT INTO people_areas (email, area_id, nivel) VALUES (?, ?, ?)\",\n args: [email, Number(a.area_id), nivel],\n });\n }\n await sqlite.batch(cmds);\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/people/:email\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const email = decodeURIComponent(c.req.param(\"email\")).toLowerCase();\n await sqlite.batch([\n { sql: \"DELETE FROM people_areas WHERE email = ?\", args: [email] },\n { sql: \"DELETE FROM people WHERE email = ?\", args: [email] },\n ]);\n return c.json({ ok: true });\n});\n\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: string) =>\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(): Promise<\n [string, number, string, string, string][]\n> {\n try {\n return JSON.parse(await (await serveFile(\"/rss-semente.json\")).text());\n } catch (_) {\n return [];\n }\n}\n\nasync function rssSeedSeVazio() {\n const n = (await sqlite.execute(\"SELECT COUNT(*) AS n FROM rss_fontes\"))\n .rows[0].n as number;\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) return;\n const RSS_SEMENTE = await rssSemente();\n if (!RSS_SEMENTE.length) return; // sem semente: não zera nada\n const areas = (await sqlite.execute(\"SELECT id, name FROM areas\")).rows;\n const idDe = (nome: string) => {\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: string) =>\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: string) => {\n let t = (s || \"\").replace(//g, \"$1\");\n for (let i = 0; i < 2; i++) t = rssDesescapa(t).replace(/<[^>]*>/g, \" \");\n return t.replace(/https?:\\/\\/\\S+/g, \" \").replace(/\\s+/g, \" \").trim();\n};\nconst rssCampo = (b: string, tags: string[]) => {\n for (const tag of tags) {\n const m = new RegExp(\n \"<\" + tag + \"(?:\\\\s[^>]*)?>([\\\\s\\\\S]*?)\",\n \"i\",\n ).exec(b);\n if (m) return rssLimpa(m[1]);\n }\n return \"\";\n};\nconst rssLinkDe = (b: string) => {\n const m = /]*href=[\"']([^\"']+)[\"']/i.exec(b);\n if (m) return m[1];\n const m2 = /]*)?>([\\s\\S]*?)<\\/link>/i.exec(b);\n return m2 ? rssDesescapa(m2[1].replace(//g, \"\")).trim() : \"\";\n};\nconst rssDataBruta = (b: string) => {\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: string) {\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: any) {\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) return { f, erro: \"HTTP \" + r.status, itens: [] as any[] };\n return { f, itens: rssParse(await r.text()) };\n } catch (e: any) {\n clearTimeout(t);\n return {\n f,\n erro: e?.name === \"AbortError\"\n ? \"timeout\"\n : String(e?.message || e).slice(0, 40),\n itens: [] as any[],\n };\n }\n}\nconst rssNorm = (s: string) =>\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: Set[], titulo: string) {\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) return false;\n let cc = 0;\n sig.forEach((w) => {\n if (ant.has(w)) cc++;\n });\n return cc / menor >= 0.5;\n });\n if (igual) return false;\n vistos.push(sig);\n return true;\n}\nasync function rssColetar(soArea?: number) {\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 as any[];\n const resultados: any[] = [];\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: Record[]> = {};\n const urlsVistas: Record> = {};\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 as any[];\n for (const e of exist) {\n rssNovo(vistos[chave], e.titulo as string); // registra a assinatura do já-guardado\n if (e.url) urlsVistas[chave].add(e.url as string);\n }\n }\n const novos: any[] = [];\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) continue; // sem data ou fora da janela: não entra\n if (it.link && urlsVistas[chave].has(it.link)) continue; // já guardada (mesma URL)\n if (!rssNovo(vistos[chave], it.titulo)) continue; // dup por título (guardadas + lote)\n if (it.link) urlsVistas[chave].add(it.link);\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: any[] = [];\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// ---------------------------------------------------------------------------\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) return c.json({ error: \"não autenticado\" }, 401);\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: Record = {};\n for (const v of meusVotos) votoDe[v.url as string] = v.voto as number;\n for (const n of noticias as any[]) n.voto = votoDe[n.url] || 0;\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 as string));\n for (const n of noticias as any[]) n.fav = favSet.has(n.url);\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\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: any) {\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: any) {\n return c.json({ ok: false, error: String(e?.message || e) }, 500);\n }\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) return c.json({ error: \"não autenticado\" }, 401);\n const b = await c.req.json();\n const url = String(b.url || \"\");\n const voto = Number(b.voto) || 0;\n if (!url) return c.json({ error: \"url obrigatória\" }, 400);\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 as number;\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 as number;\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 as string) : \"\";\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) return c.json({ error: \"não autenticado\" }, 401);\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 as number;\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\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) return c.json({ error: \"não autenticado\" }, 401);\n const b = await c.req.json();\n const url = String(b.url || \"\");\n if (!url) return c.json({ error: \"url obrigatória\" }, 400);\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});\n\napp.post(\"/api/avisos\", async (c) => {\n const user = await requireUser(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n if (!user.isAdmin) return c.json({ error: \"só admin publica avisos\" }, 403);\n const b = await c.req.json();\n const texto = String(b.texto || \"\").trim().slice(0, 2000);\n if (!texto) return c.json({ error: \"texto obrigatório\" }, 400);\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) return c.json({ error: \"não autenticado\" }, 401);\n if (!user.isAdmin) return c.json({ error: \"só admin remove avisos\" }, 403);\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});\n\napp.post(\"/api/presenca\", async (c) => {\n const user = await requireUser(c);\n if (!user) return c.json({ error: \"não autenticado\" }, 401);\n await sqlite.execute({\n sql: \"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\n// Fontes de confiança — só o admin cadastra/edita/remove.\napp.post(\"/api/rss/fontes\", async (c) => {\n const user = await requireAdmin(c);\n if (!user) return c.json({ error: \"sem permissão\" }, 403);\n const b = await c.req.json();\n if (!b.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) return c.json({ error: \"sem permissão\" }, 403);\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql:\n \"UPDATE 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) return c.json({ error: \"sem permissão\" }, 403);\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\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) return c.json({ error: \"não autenticado\" }, 401);\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) return c.json({ error: \"sem permissão\" }, 403);\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) return c.json({ error: \"sugestão não encontrada\" }, 404);\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))) atuais.push(String(s.tag));\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) return c.json({ error: \"sem permissão\" }, 403);\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\nexport default app.fetch;",[146],"15b6cd7c-1b0d-47dd-8863-d3560cfb4f09","frontend","a7603784-9be9-11f1-b2eb-1607ee4eb77e",6,["D",1787156352547],1,"directory",[154],"pulls","branches","forks","envVars",{"_168":156,"_170":63},"connections",{"_168":63,"_169":63},"count","unfilledCount","emptyCount",{"_43":153,"_32":154,"_30":155,"_137":-5,"_41":42,"_40":156,"_139":59,"_38":235,"_13":158,"_34":159,"_35":-5,"_24":25,"_143":-5,"_181":236,"_27":237},{"_43":227,"_32":228,"_30":229,"_137":155,"_41":42,"_40":230,"_139":25,"_38":231,"_13":205,"_34":20,"_35":232,"_24":25,"_143":-5,"_181":233,"_27":234},{"_43":219,"_32":220,"_30":221,"_137":155,"_41":42,"_40":222,"_139":25,"_38":223,"_13":205,"_34":215,"_35":224,"_24":25,"_143":-5,"_181":225,"_27":226},{"_43":209,"_32":210,"_30":211,"_137":155,"_41":42,"_40":212,"_139":25,"_38":213,"_13":214,"_34":215,"_35":216,"_24":25,"_143":-5,"_181":217,"_27":218},{"_43":200,"_32":201,"_30":202,"_137":155,"_41":42,"_40":203,"_139":25,"_38":204,"_13":205,"_34":20,"_35":206,"_24":25,"_143":-5,"_181":207,"_27":208},{"_43":192,"_32":193,"_30":194,"_137":155,"_41":42,"_40":195,"_139":59,"_38":196,"_13":156,"_34":20,"_35":197,"_24":25,"_143":-5,"_181":198,"_27":199},{"_43":187,"_32":33,"_30":31,"_137":155,"_41":42,"_40":14,"_139":25,"_38":188,"_13":189,"_34":20,"_35":37,"_24":25,"_143":-5,"_181":190,"_27":191},{"_43":145,"_32":146,"_30":57,"_137":-5,"_41":42,"_40":147,"_139":25,"_38":184,"_13":149,"_34":150,"_35":151,"_24":25,"_143":-5,"_181":185,"_27":186},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":59,"_38":180,"_13":141,"_34":20,"_35":142,"_24":25,"_143":-5,"_181":182,"_27":183},["D",1788488186586],"children",[],[135],["D",1788653334665],[],[146],"0ade1736-15c4-4e04-a4eb-6f8586f70a51",["D",1788658608226],34,[],[154,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",[],[154,193],"4301d968-3b5b-4fd7-9c50-2006465ba932","index.html","057094cc-9bea-11f1-a46b-1607ee4eb77e",122,["D",1788651802014],10,"\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",[],[154,201],"74ba3230-2eae-423d-8996-9bdc82da91a5","app.js","bdceaa72-9bea-11f1-9b55-1607ee4eb77e",133,["D",1788658365182],28,"script","// Central TC — lógica do hub (página inicial)\n// Dois eixos de navegação: ÁREA (de qual matéria) e CATEGORIA (que tipo de coisa).\n// Busca /api/data. Se a API não responder (ex.: preview estático), entra em\n// \"modo demo\" com dados de exemplo, para visualizar a interface.\n\nconst KIND_LABELS = {\n system: \"Sistema\",\n link: \"Link\",\n tip: \"Dica\",\n doc: \"Documento\",\n};\n\nconst SAMPLE = {\n me: { name: \"Equipe TC\", email: \"\", picture: \"\", isAdmin: true },\n areas: [\n {\n id: 1,\n name: \"Empresarial\",\n color: \"#002D2D\",\n description: \"Societário, contratos empresariais e reestruturações.\",\n position: 0,\n },\n {\n id: 2,\n name: \"Tributário\",\n color: \"#004746\",\n description:\n \"Contencioso e consultivo fiscal, transações e planejamento.\",\n position: 1,\n },\n {\n id: 3,\n name: \"Trabalhista\",\n color: \"#006B6B\",\n description:\n \"Contencioso trabalhista, compliance e relações de trabalho.\",\n position: 2,\n },\n {\n id: 4,\n name: \"Administrativo\",\n color: \"#007979\",\n description: \"Licitações, contratos públicos e defesas administrativas.\",\n position: 3,\n },\n {\n id: 5,\n name: \"Família e Sucessões\",\n color: \"#00908C\",\n description: \"Divórcio, inventários, holdings familiares e pactos.\",\n position: 4,\n },\n {\n id: 6,\n name: \"Contratos e Estruturação de Negócios\",\n color: \"#747277\",\n description: \"Modelagem contratual e estruturação de operações.\",\n position: 5,\n },\n {\n id: 7,\n name: \"Saúde e Médico\",\n color: \"#005F5F\",\n description: \"Planos de saúde, alto custo e direito médico.\",\n position: 6,\n },\n {\n id: 8,\n name: \"Imobiliário\",\n color: \"#00A39D\",\n description:\n \"Compra e venda, incorporação, locação e vícios construtivos.\",\n position: 7,\n },\n ],\n products: [\n { id: 101, area_id: 3, name: \"Consultoria Preventiva\", position: 0 },\n {\n id: 102,\n area_id: 3,\n name: \"Contencioso administrativo e judicial\",\n position: 1,\n },\n { id: 103, area_id: 3, name: \"Compliance\", position: 2 },\n { id: 104, area_id: 3, name: \"Gestão de Riscos e Passivos\", position: 3 },\n { id: 105, area_id: 8, name: \"Due Diligence Imobiliária\", position: 0 },\n { id: 106, area_id: 8, name: \"Vícios Construtivos\", position: 1 },\n { id: 107, area_id: 8, name: \"Regularização Imobiliária\", position: 2 },\n ],\n categories: [\n {\n id: 1,\n name: \"Tribunais\",\n emoji: \"\",\n color: \"#52525B\",\n position: 3,\n grupo: \"ferramentas\",\n },\n {\n id: 2,\n name: \"IA\",\n emoji: \"\",\n color: \"#71717A\",\n position: 2,\n grupo: \"ferramentas\",\n },\n {\n id: 3,\n name: \"Modelos & Documentos\",\n emoji: \"\",\n color: \"#A1A1AA\",\n position: 2,\n },\n {\n id: 4,\n name: \"Links Úteis\",\n emoji: \"\",\n color: \"#3F3F46\",\n position: 0,\n grupo: \"outros\",\n },\n {\n id: 5,\n name: \"Dicas Internas\",\n emoji: \"\",\n color: \"#B42318\",\n position: 2,\n grupo: \"outros\",\n },\n ],\n resources: [\n {\n id: 1,\n category_id: 1,\n area_id: null,\n uf: \"PE\",\n kind: \"system\",\n title: \"PJe — Processo Judicial Eletrônico\",\n description:\n \"Peticionamento e consulta processual na Justiça Federal e Trabalhista.\",\n url: \"https://www.pje.jus.br\",\n tags: \"processo, tribunal\",\n },\n {\n id: 2,\n category_id: 1,\n area_id: 3,\n uf: \"SP\",\n kind: \"system\",\n title: \"e-SAJ (TJSP)\",\n description:\n \"Sistema do tribunal estadual para acompanhamento de processos.\",\n url: \"https://esaj.tjsp.jus.br\",\n tags: \"processo, estadual\",\n },\n {\n id: 3,\n category_id: 2,\n area_id: null,\n kind: \"system\",\n title: \"Claude (Cowork)\",\n description:\n \"Assistente de IA do escritório para redação, análise e pesquisa.\",\n url: \"https://claude.ai\",\n tags: \"ia, redação\",\n },\n {\n id: 4,\n category_id: 2,\n area_id: null,\n kind: \"tip\",\n title: \"Como pedir uma peça para a IA\",\n description:\n \"Sempre forneça: fatos, documentos, tese e pedido. Quanto mais contexto, melhor a minuta.\",\n url: \"\",\n tags: \"ia, boas-práticas\",\n },\n {\n id: 5,\n category_id: 3,\n area_id: 8,\n kind: \"doc\",\n title: \"Modelos de Petição (Drive)\",\n description:\n \"Pasta compartilhada com os modelos padronizados do escritório.\",\n url: \"\",\n tags: \"modelos, petição\",\n },\n {\n id: 6,\n category_id: 4,\n area_id: 2,\n kind: \"link\",\n title: \"Diário Oficial / DJe\",\n description: \"Consulta de publicações e intimações.\",\n url: \"https://www.jusbrasil.com.br\",\n tags: \"publicações\",\n },\n {\n id: 7,\n category_id: 5,\n area_id: null,\n kind: \"tip\",\n title: \"Padrão de nomeação de arquivos\",\n description:\n \"Use: AAAA-MM-DD_Cliente_TipoDoc. Facilita a busca e evita retrabalho.\",\n url: \"\",\n tags: \"organização\",\n },\n {\n id: 8,\n category_id: 3,\n area_id: 3,\n product_id: 102,\n visibility: \"equipe\",\n kind: \"doc\",\n title: \"Modelo de contestação trabalhista\",\n description: \"Peça-base da área, com as teses que costumam prevalecer.\",\n url: \"\",\n tags: \"modelos\",\n },\n {\n id: 9,\n category_id: 5,\n area_id: 3,\n product_id: 103,\n visibility: \"lideranca\",\n kind: \"tip\",\n title: \"Leitura estratégica — Trabalhista\",\n description:\n \"Onde estamos ganhando, onde perdemos e o que não se fala com o cliente.\",\n url: \"\",\n tags: \"estratégia\",\n },\n {\n id: 10,\n category_id: 5,\n area_id: null,\n visibility: \"confidencial\",\n kind: \"tip\",\n title: \"Política de honorários\",\n description: \"Faixas, descontos autorizados e quem aprova exceção.\",\n url: \"\",\n tags: \"gestão\",\n },\n ],\n};\n\nlet DATA = { me: null, areas: [], products: [], categories: [], resources: [] };\n// vista.tipo: \"home\" | \"area\" | \"produto\" | \"cat\"\nlet vista = { tipo: \"home\", id: null };\nlet query = \"\";\n// Pernambuco abre por padrão: é onde está o escritório. \"\" = todos os estados.\nlet ufAtiva = \"PE\";\n\nfunction esc(s) {\n return String(s == null ? \"\" : s).replace(\n /[&<>\"']/g,\n (\n m,\n ) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]),\n );\n}\nfunction initials(name) {\n return (name || \"?\").trim().split(/\\s+/).slice(0, 2).map((w) => w[0]).join(\"\")\n .toUpperCase();\n}\nfunction areaDe(id) {\n return DATA.areas.find((a) => a.id == id);\n}\n// Ícones da lateral. Traço simples, 1.6px, no mesmo desenho do ícone da Home —\n// o ponto colorido continua sendo a marca das ÁREAS; as categorias ganham\n// desenho porque \"que tipo de coisa é\" se reconhece mais rápido por forma.\nconst SVG = {\n assinadas:\n '',\n gratuitas:\n '',\n ia:\n '',\n tribunais:\n '',\n documentos:\n '',\n links:\n '',\n formularios:\n '',\n dicas:\n '',\n institucionais:\n '',\n cartorios:\n '',\n tutoriais:\n '',\n padrao: '',\n};\n\n// A categoria escolhe o ícone pelo nome; renomear cai no padrão, não quebra.\nfunction iconeCat(nome) {\n const n = (nome || \"\").toLowerCase();\n if (n.includes(\"assinad\")) return SVG.assinadas;\n if (n.includes(\"gratuit\")) return SVG.gratuitas;\n if (n === \"ia\" || n.includes(\"ia \") || n.includes(\"intelig\")) return SVG.ia;\n if (n.includes(\"tribun\")) return SVG.tribunais;\n if (n.includes(\"modelo\") || n.includes(\"document\")) return SVG.documentos;\n if (n.includes(\"link\")) return SVG.links;\n if (n.includes(\"formul\")) return SVG.formularios;\n if (n.includes(\"tutor\")) return SVG.tutoriais;\n if (n.includes(\"dica\")) return SVG.dicas;\n if (n.includes(\"cart\")) return SVG.cartorios;\n if (\n n.includes(\"institu\") || n.includes(\"material\") || n.includes(\"materia\")\n ) return SVG.institucionais;\n return SVG.padrao;\n}\n\nfunction svgCat(nome) {\n return ``;\n}\n\nfunction prodDe(id) {\n return (DATA.products || []).find((p) => p.id == id);\n}\nfunction produtosDa(areaId) {\n return (DATA.products || []).filter((p) => p.area_id == areaId);\n}\nfunction contaProduto(id) {\n return DATA.resources.filter((r) => r.product_id == id).length;\n}\nfunction catDe(id) {\n return DATA.categories.find((c) => c.id == id);\n}\nfunction corArea(id) {\n const a = areaDe(id);\n return a ? (a.color || \"#9A9AA2\") : \"#9A9AA2\";\n}\n\nasync function load() {\n try {\n const res = await fetch(\"/api/data\", {\n headers: { accept: \"application/json\" },\n });\n if (!res.ok) throw new Error(\"api\");\n DATA = await res.json();\n DATA.areas = DATA.areas || [];\n DATA.products = DATA.products || [];\n } catch {\n DATA = SAMPLE;\n document.getElementById(\"demo-banner\").innerHTML =\n '';\n }\n renderUser();\n renderNav();\n render();\n}\n\nfunction renderUser() {\n const me = DATA.me || {};\n const avatar = document.getElementById(\"user-avatar\");\n avatar.innerHTML = me.picture\n ? ` $\"\"$ `\n : esc(initials(me.name));\n document.getElementById(\"user-nome\").textContent = me.name || me.email || \"\";\n if (me.isAdmin) document.getElementById(\"admin-link\").style.display = \"\";\n}\n\nfunction contaArea(id) {\n return DATA.resources.filter((r) => r.area_id == id).length;\n}\nfunction contaCat(id) {\n return DATA.resources.filter((r) => r.category_id == id).length;\n}\n\nfunction renderNav() {\n document.getElementById(\"conta-tudo\").textContent = DATA.resources.length ||\n \"\";\n\n // ÁREAS: marcador na cor canônica da área\n const areaAtiva = vista.tipo === \"area\"\n ? vista.id\n : (vista.tipo === \"produto\" ? (prodDe(vista.id) || {}).area_id : null);\n document.getElementById(\"nav-areas\").innerHTML = DATA.areas.map((a) => `\n `).join(\"\");\n\n // FERRAMENTAS e OUTROS: marcador cinza, para o olho separar dos eixos de área\n const itemCat = (c) => `\n `;\n const ferramentas = DATA.categories.filter((c) =>\n (c.grupo || \"ferramentas\") !== \"outros\"\n );\n const outros = DATA.categories.filter((c) => c.grupo === \"outros\");\n document.getElementById(\"nav-cats\").innerHTML = ferramentas.map(itemCat).join(\n \"\",\n );\n document.getElementById(\"nav-outros\").innerHTML = outros.map(itemCat).join(\n \"\",\n );\n // bloco vazio não aparece: rótulo sem item embaixo confunde\n document.getElementById(\"grupo-outros\").style.display = outros.length\n ? \"\"\n : \"none\";\n\n document.querySelector(\"#nav-inicio .lat-item\").classList.toggle(\n \"ativo\",\n vista.tipo === \"home\",\n );\n\n document.querySelectorAll(\n \".lat-item[data-ir], .lat-item[data-area], .lat-item[data-cat]\",\n ).forEach((b) => {\n b.onclick = () => {\n if (b.dataset.ir === \"home\") vista = { tipo: \"home\", id: null };\n else if (b.dataset.area) {\n vista = { tipo: \"area\", id: Number(b.dataset.area) };\n } else vista = { tipo: \"cat\", id: Number(b.dataset.cat) };\n renderNav();\n render();\n document.querySelector(\".conteudo\").scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n };\n });\n}\n\nfunction matches(r) {\n if (!query) return true;\n const hay = (r.title + \" \" + r.description + \" \" + r.tags).toLowerCase();\n return query.toLowerCase().split(/\\s+/).every((t) => hay.includes(t));\n}\n\nfunction tileHTML(r) {\n // ícone escolhido à mão tem prioridade: o favicon erra quando vários produtos\n // dividem o mesmo domínio (todo *.google.com devolve o mesmo \"G\")\n if (r.icon_url) {\n return ` $\"\"$ ${\n esc((r.title || \"?\")[0].toUpperCase())\n }'\" />`;\n }\n // sem ícone próprio: favicon do site; sem URL, a inicial do título\n if (r.url) {\n try {\n const host = new URL(r.url).hostname;\n return ` $\"\"$ ${\n esc((r.title || \"?\")[0].toUpperCase())\n }'\" />`;\n } catch { /* URL inválida cai no tile de letra */ }\n }\n return `${\n esc((r.title || \"?\")[0].toUpperCase())\n }`;\n}\n\nfunction cardHTML(r, rotulo) {\n const kind = r.kind || \"link\";\n const clickable = r.url ? \"linkable\" : \"\";\n const novo = r.created_at && (Date.now() - r.created_at) < 7 * 864e5\n ? `novo`\n : \"\";\n const area = areaDe(r.area_id);\n // selo da área no cartão: só aparece fora do espaço da própria área\n // quem enxerga um item restrito precisa saber que ele é restrito, para não\n // repassar por e-mail o que a Central estava guardando\n const VIS = {\n equipe: \"equipe\",\n lideranca: \"liderança\",\n confidencial: \"confidencial\",\n };\n const seloRestrito = VIS[r.visibility]\n ? `${\n VIS[r.visibility]\n }`\n : \"\";\n const prod = prodDe(r.product_id);\n const seloProduto = prod && vista.tipo !== \"produto\"\n ? `${esc(prod.name)}`\n : \"\";\n const seloArea = area && vista.tipo !== \"area\"\n ? `${esc(area.name)}`\n : \"\";\n const tags = (r.tags || \"\").split(\",\").map((t) => t.trim()).filter(Boolean)\n .slice(0, seloArea ? 1 : 2)\n .map((t) => `${esc(t)}`).join(\"\");\n const go = r.url\n ? ``\n : \"\";\n const attr = r.url ? `data-url=\"${esc(r.url)}\"` : \"\";\n return `

\n ${tileHTML(r)}\n

${esc(r.title)}

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

\n ${r.description ? `

${esc(r.description)}

` : \"\"}\n

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

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

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

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

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

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

\n ${p.description ? `

${esc(p.description)}

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

Área do escritório

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

\n ${a.description ? `

${esc(a.description)}

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

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

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

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

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

Central TC

Ferramentas do escritório

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

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

\n Estado\n

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

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

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

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

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

Áreas do escritório

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

`;\n faixa.querySelectorAll(\".area-tile\").forEach((b) => {\n b.onclick = () => irPara({ tipo: \"area\", id: Number(b.dataset.area) });\n });\n}\n\nfunction 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(\n 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 }${\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?\")) return;\n try {\n await fetch(\"/api/avisos/\" + b.dataset.aviso, { method: \"DELETE\" });\n await load();\n } catch {}\n }));\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];\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}\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\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\n const pres = `

Quem está aqui agora

carregando…

`;\n\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\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\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\n return `

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

`;\n}\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) DATA.online = d.online;\n } catch {}\n pintarPresenca();\n clearInterval(window.__presInt);\n window.__presInt = setInterval(async () => {\n if (vista.tipo !== \"home\" || query) return;\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) DATA.online = d.online;\n } catch {}\n pintarPresenca();\n }, 60000);\n}\nfunction pintarPresenca() {\n const box = document.getElementById(\"dash-presenca\");\n if (!box) return;\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) cnt.innerHTML = \"\";\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}\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++) cel += ``;\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}\n\nfunction render() {\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\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) corpo += secaoHTML(ramo, \"#9A9AA2\", itens);\n }\n const semRamo = visiveis.filter((r) => !ramos.includes(r.ramo));\n if (semRamo.length) corpo += secaoHTML(\"Outros\", \"#9A9AA2\", semRamo);\n } else {\n corpo = `

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

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

Nada cadastrado${\n 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\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\n ligarFiltroUF();\n if (vista.tipo === \"home\" && !query) ligarMural();\n content.querySelectorAll(\".card.linkable\").forEach((el) => {\n el.addEventListener(\n \"click\",\n () => window.open(el.dataset.url, \"_blank\", \"noopener\"),\n );\n });\n // entrada em cascata: cada cartão surge 45ms depois do anterior\n content.querySelectorAll(\".card\").forEach((el, i) =>\n el.style.setProperty(\"--i\", i)\n );\n\n // o Radar é dinâmico (vem do robô), então carrega à parte, no topo da área\n if (vista.tipo === \"area\" && !query) 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) return;\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) return; // trocou de tela enquanto carregava\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) radarPag = totalPag - 1;\n if (radarPag < 0) radarPag = 0;\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) return;\n ev.preventDefault();\n ev.stopPropagation();\n if (b.dataset.save) salvar(b);\n else votar(b);\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) b.classList.add(\"on\");\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) abrirFeedback(f, r.fonteNome || \"\");\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) carregarRadar(areaId); // recarrega p/ refletir na lista e na contagem (mantém a aba)\n else if (r.motivo) alert(r.motivo);\n }\n function abrirFeedback(fonteId, fonteNome) {\n if (document.getElementById(\"radar-fb\")) return;\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) fechar();\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\n// atalho \"/\" foca a busca, como o ⌘K da referência\ndocument.addEventListener(\"keydown\", (e) => {\n if (\n e.key === \"/\" &&\n !/INPUT|TEXTAREA|SELECT/.test(document.activeElement.tagName)\n ) {\n e.preventDefault();\n document.getElementById(\"q\").focus();\n }\n});\n\nload();",[],[154,210],"f31fa872-d0df-4d72-8732-c2d1747ad4e8","admin.js","7f817da2-9beb-11f1-bc1c-1607ee4eb77e",82,["D",1788306010021],"// 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();",[],[154,220],"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",[],[154,228],["D",1787156352547],[172,173,174,175,176,177],[154],["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":276,"_277":278,"_279":280,"_281":25,"_282":25,"_283":25,"_284":59,"_285":-5,"_286":-7,"_287":-7,"_288":63,"_289":25,"_290":25,"_291":-5,"_292":25,"_293":25,"_294":25,"_295":-5},"ENV",{"_247":248,"_249":250,"_251":90,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v135