/* O VÉU DO RELÓGIO (27/09/2026), nas três camadas (app, hub, portal). * * *"essa falta de continuidade na área de segurança superior me incomoda muito * em vários pontos do app"* + *"olhe como o lineup faz isso na hub de clientes, * que mantém a continuidade e só dá uma leve escurecida pra garantir a * legibilidade das informações da área de segurança"* (Marcos). * * É o `.veu-topo` do LineUp (`intermed-vite/src/index.css`): a tela passa POR * TRÁS do relógio, sem faixa de outra cor, e um degradê curto por cima * escurece só o bastante pro relógio branco (`black-translucent`) ser lido sobre * qualquer fundo: o cabeçalho, a gaveta, o carregador ou o conteúdo rolando. * * - A altura sai da própria medida do recorte: quando a página NÃO é dona do * topo (Safari, ícone antigo, Android, computador), `env()` é zero e o véu não * existe. Aí quem pinta a faixa é a `theme-color`, e o `cor_do_topo.js` a faz * acompanhar a camada que cobre a tela. * - Por cima de TUDO (gaveta, carregador, modais) e sem pegar toque: ele cobre * só a faixa do relógio e o que dissolve logo abaixo dela. * - Pseudo-elemento do : não precisa de markup em nenhum layout, e nenhuma * tela pode esquecê-lo. */ html::after { content: ""; position: fixed; top: 0; left: 0; right: 0; height: calc(env(safe-area-inset-top, 0px) * 1.9); z-index: 2147483000; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.26) 45%, rgba(0,0,0,0)); } /* dentro de um iframe (modal, palco do tutor) quem tem relógio é a página de fora */ html.embedded::after { content: none; }