/* ============================================================================ GestAI — tema no caminho do WEBSITE (T0??, onda 4). Aplicado via `web_include_css` (par de `app_include_css`, que só alcança `/app/*`). A tela de login vem por este caminho — é por isso que ela hoje é branca com botão preto mesmo com o Desk já temado. Este arquivo é INTENCIONALMENTE um subconjunto de `gestai_desk.css`, não um include dele. Contém só o que é TOKEN DE TEMA (cor, tipografia, raio, sombra) — nada que seja COMPONENTE DO DESK. Testado servindo o arquivo inteiro de `gestai_desk.css` como `web_include_css` primeiro: três regras de lá pressupõem elemento que não existe no HTML do login e por isso não pertencem aqui — - `.navbar` (borda de marca): a página de login roda com `context.no_header = True` (frappe/www/login.py), então nem chega a renderizar navbar — mas OUTRAS páginas do caminho de website (portal do paciente, `book_appointment`) têm navbar e RECEBERIAM a borda se esta regra estivesse aqui, sem ter sido pedido para elas; - `.list-row`/`.list-row-head` (densidade de lista do Desk) — não existem fora de `/app`; - `.gestai-clinica-ativa*` e o diálogo de horários do Marley (seção 7 de `gestai_desk.css`) — não fazem sentido sem sessão autenticada. Em vez de duplicar `gestai_desk.css` inteiro e aceitar esse vazamento, as seções abaixo são as MESMAS de lá (mesmo texto, mesma fonte), só que listadas aqui de novo — ver o docstring de `_asset()` em hooks.py sobre por que os dois arquivos não podem ser um só sem tocar `app_include_css`, que é hook do lead. ========================================================================== */ /* ----------------------------------------------------------------------- 1. Manrope (títulos) — mesma fonte de gestai_desk.css §1. O `

` do login ("Entrar no GestAI") é `h4` puro, então a regra de tipografia da seção 5 já alcança sem seletor extra. ----------------------------------------------------------------------- */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/assets/gestai/fonts/Manrope/ManropeVariable.woff2") format("woff2"); } /* ----------------------------------------------------------------------- 2. Tokens do GestAI Hub Design System — idêntico a gestai_desk.css §2. ----------------------------------------------------------------------- */ :root { /* Azuis da assinatura (docs/specs/tela-de-login, C-01, 10/09/2026): #0076ba e' a ponta escura do gradiente que gestai_portal.css ja usava -- o #007dc4 puro do logo mede 4,44:1 sobre branco e reprova por pouco em texto. #00afec so' em preenchimento (2,52:1). */ --gh-brand-9: #0076ba; --gh-brand-10: #00659f; --gh-brand-8: #00afec; --gh-brand-2: #e6f6fd; --gh-brand-3: #cdeefb; --gh-slate-12: #0f172a; --gh-slate-11: #475569; --gh-slate-9: #64748b; --gh-slate-6: #d6dee8; --gh-slate-7: #c6d0dd; --gh-font-heading: "Manrope", "InterVariable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } /* ----------------------------------------------------------------------- 3. Ponte para `--primary`/`--btn-primary` — idêntico a gestai_desk.css §3 NA REGRA, com uma diferença medida e necessária: `!important`. No Desk, `app_include_css` é o ÚLTIMO `` do `` (depois do `desk.bundle.css`), então a ordem de cascata já bastava. No caminho de website é o INVERSO: `web_include_css` é injetado ANTES do bundle da própria página (aqui, `login.bundle.css`) — medido no HTML servido, `` vem antes de ``. E `login.bundle.css` redeclara ESTAS MESMAS variáveis no MESMO seletor `:root` (`--btn-primary: var(--gray-900)`, frappe/public/scss/ login.bundle.scss compilado) sem `!important` nenhum — então, por empate de especificidade, quem vem depois no arquivo ganha, e o botão "Entrar" continua preto. `!important` aqui não é gambiarra: é o que faz um token de tema declarado ANTES vencer um token de tema redeclarado DEPOIS, no único ponto de inversão de ordem que este caminho tem. ----------------------------------------------------------------------- */ :root, [data-theme="light"] { --btn-primary: var(--gh-brand-9) !important; --primary: var(--gh-brand-9) !important; } [data-theme="dark"] { --btn-primary: var(--gh-brand-9) !important; --primary: var(--gh-brand-9) !important; } [data-theme="dark"] .btn.btn-primary { color: #fff; } /* ----------------------------------------------------------------------- 5. Tipografia de título — idêntico a gestai_desk.css §5. `.page-card-head h4` do login é `h4` puro; entra pelo seletor genérico. ----------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .page-title .title-text, .modal-title, .section-head { font-family: var(--gh-font-heading); } /* ----------------------------------------------------------------------- 8. Tema de superfície — idêntico a gestai_desk.css §8, com a MESMA guarda de dark mode. `--card-bg` resolve para `--fg-color` (branco) nos dois temas, e o `.page-card` do login já usa essa variável — o contraste cartão/fundo que a seção 8 cria no Desk aparece aqui de graça, sem seletor novo. `!important` pelo MESMO motivo da seção 3: medido que `login.bundle.css` redeclara `--bg-color`, `--border-radius*`, `--card-shadow` e `--text-base` no `:root`, depois deste arquivo no ``. Sem `!important` aqui, a tela de login fica exatamente como estava — fundo branco, raio de 8px, sombra fraca — e nenhuma das evidências seria visível no "depois". ----------------------------------------------------------------------- */ :root:not([data-theme="dark"]) { --bg-color: #f4f7fc !important; --border-radius-sm: 10px !important; --border-radius: 10px !important; --border-radius-md: 12px !important; --border-radius-lg: 14px !important; --border-radius-xl: 18px !important; --card-shadow: 0px 2px 8px rgba(15, 23, 42, 0.08) !important; --modal-shadow: 0px 16px 40px rgba(15, 23, 42, 0.18) !important; --btn-shadow: 0px 1px 2px rgba(15, 23, 42, 0.06) !important; --text-base: 15px !important; } /* ----------------------------------------------------------------------- 9. Logo do Frappe/ERPNext, temporário — enquanto `Website Settings.app_logo` estiver vazio, `get_app_logo()` (frappe/core/doctype/navbar_settings/ navbar_settings.py) cai no hook `app_logo_url` de outro app e a tela mostra a marca do ERPNext (medido: `/assets/erpnext/images/ erpnext-logo.svg`, não a do Frappe — são dois apps com esse hook, e `get_app_logo` pega o ÚLTIMO quando há exatamente dois). `login.html` (frappe/www/login.html:62) renderiza `` incondicionalmente — não há campo vazio que o esconda por conta própria. A regra abaixo mira o CAMINHO do arquivo (não a classe): ela só apaga a marca de outro produto enquanto o `src` apontar para um dos dois SVGs padrão do framework. No dia em que o Leonardo definir `Website Settings.app_logo`, o `src` passa a apontar para `/files/...` (ou para `/assets/gestai/...`, se vier por fixture de File) e esta regra some da seleção sozinha — SEM precisar editar este arquivo. Documentado aqui, e não decidido por CSS de verdade: o mecanismo certo (Website Settings.app_logo) é o da seção 3 do relatório da frente; isto é só o estado neutro enquanto ele não existe. ----------------------------------------------------------------------- */ img.app-logo[src="/assets/erpnext/images/erpnext-logo.svg"], img.app-logo[src="/assets/frappe/images/frappe-framework-logo.svg"] { display: none; } /* ----------------------------------------------------------------------- 10. Título "Entrar no GestAI" escondido -- decisão do Leonardo em 21/08: a assinatura já faz o trabalho, o texto abaixo dela é redundante. NÃO remove a tradução do CSV (continua servindo o `alt`/qualquer lugar que precise do texto) nem toca em `login.html`. `logo_section()` (frappe/www/login.html:57) é usada por CINCO seções, e só DUAS caem no `else` sem título explícito -- `for-login` (:78) e `for-email-login` (:145); as outras três (`for-signup`, `for-forgot`, `for-login-with-email-link`) passam um título PRÓPRIO ("Create a {0} Account", "Forgot Password", "Login with Email Link") que não pode desaparecer. Por isso o seletor é por SEÇÃO, nunca `.page-card-head h4` solto -- um seletor largo apagaria o título de recuperação de senha também, e essa tela ficaria sem dizer o que é. ----------------------------------------------------------------------- */ .for-login .page-card-head h4, .for-email-login .page-card-head h4 { display: none; } /* ----------------------------------------------------------------------- 11. Navbar e rodapé do WEBSITE escondidos nas telas de ENTRADA -- decisão do Leonardo em 21/08 para o login ("Início", a home pública, não faz sentido pra quem ainda não entrou) e em 11/09 para a tela de nova senha, que ganhou de brinde o rodapé de newsletter e o "Powered by ERPNext" do caminho de site. `frappe/templates/includes/navbar/navbar.html:9` renderiza `(frappe.get_hooks("brand_html") or [_("Home")])[0]` -- é essa a origem do "Início" (tradução nativa de "Home"), não string nossa. Escopo por `body.gestai-entrada`, não `web_include_css` desligado nem regra larga: as duas telas declaram `{% set body_class = "gestai-entrada" %}` e `frappe/templates/base.html:56` põe o valor no ``. De propósito não é `.navbar { display: none }` sem escopo -- hoje só estas duas páginas de site são nossas, mas amanhã pode haver outra (book_appointment, por exemplo), e uma regra larga desligaria a navbar ali também, silenciosa até alguém notar em produção. **Por que a classe, e não `body[data-path="login"]`, que era o escopo até 11/09/2026:** as duas telas dividem a MESMA casca (§12). A alternativa era repetir o caminho de cada rota em cada um dos 73 seletores, ou duplicar a seção -- e duas cópias das mesmas regras divergem. A especificidade não mudou: `body[data-path="login"]` e `body.gestai-entrada` são as duas (0,1,1), um tipo mais um atributo ou uma classe, então a briga com o `login.bundle.css` (§3) continua idêntica. Medido no navegador antes e depois: rótulo 13/500 com 18 px, campos e botão em 44 px, "Esqueceu a senha?" na linha do rótulo, em 1440 e em 390. ----------------------------------------------------------------------- */ body.gestai-entrada .navbar { display: none; } /* O rodapé do caminho de site -- inscrição de newsletter e "Powered by ERPNext" -- vem de `Website Settings` (`hide_footer_signup = 0`, `footer_powered` vazio) e aparece em QUALQUER página de site. Medido em 11/09: 185 px de rodapé embaixo de um formulário de senha. Escondido aqui, e não na fixture, porque a fixture vale para as outras páginas do portal e mexer nela é uma frente própria. O login já não o mostrava, por outro caminho (`show_footer_on_login = 0`). O seletor mira `footer.web-footer` (`frappe/templates/includes/footer/footer.html:1`) e o `.page-footer` que o envolve -- NUNCA `footer` sozinho: o rodapé "© GestAI" das nossas duas telas também é um `