/* ============================================================================
   CENTRAL DE DEMANDA — Background da página (hero) · V1.1
   ----------------------------------------------------------------------------
   Escopo: SOMENTE a tela de abertura do pedido de edição — "O que você precisa
   agora?" (intentChoice(), seção .intent-select, rota 'request', tela inicial
   do app). É a tela onde o cliente inicia uma demanda — por isso "Central de
   Demanda" no brief, em contraste com "Central de Edição" (Oportunidades).

   Técnica de isolamento: `body:has(.intent-select)`. Mesmo padrão já usado
   neste projeto (ver design-premium-foundation.css, comentário da seção 2.1:
   "prova localizada V4.1, body:has(.intent-select)") — reaproveitado aqui, não
   reinventado. `.intent-select` só existe no DOM quando esta tela está ativa,
   então nenhuma outra rota (Oportunidades, Meus contatos, Operação, Encontrar
   editor, admin, formulários de briefing) é afetada.

   O brief pede o fundo cobrindo "hero + área do cabeçalho" como uma imagem
   única e contínua. Hoje `.app-shell` (cabeçalho) tem seu próprio gradiente
   opaco (design-premium-foundation.css, seção 2), o que cortaria o brilho no
   topo. Por isso, dentro deste mesmo escopo, o gradiente do cabeçalho é
   neutralizado (fica transparente) só nesta tela — para o fundo do body
   aparecer contínuo por trás dele. Nenhum elemento novo é criado; conteúdo,
   componentes e layout permanecem exatamente como estão.

   Cores — referência visual do brief (paleta existente):
     #020B1A  Fundo base
     #0A1F3D  Transição
     #1D4EDB  Brilho suave (no topo, baixa opacidade)

   ---------------------------------------------------------------------------
   V1.1 — Redução da presença do brilho (correção visual, mesmo isolamento)
   ---------------------------------------------------------------------------
   V1 tinha o radial forte demais (alpha .40) e a transição linear entrava como
   cor sólida opaca (#0A1F3D) no topo — juntos, isso lia como uma "segunda
   superfície"/faixa azul, não como luz ambiente sobre o navy.

   V1.1 corrige isso sem tocar no isolamento nem em nenhuma outra regra:
   - Radial: alpha reduzido de .40 para .16 (dentro da faixa 0.12–0.20 pedida) —
     luz bem mais discreta, elipse larga (pouca altura, muita largura) para não
     ler como círculo/spotlight, com falloff rápido (fade já em 58% do raio).
   - Linear: em vez de começar como #0A1F3D 100% opaco, usa
     rgba(10,31,61, alpha) sobre a cor base — é um TINGIMENTO parcial, não uma
     cor substituta. No topo (0%) o tingimento é parcial (não vira bloco
     sólido); dissipa para transparente já em 18vh (antes dos ~20vh, para
     nunca ler como faixa cobrindo os 20%) e o `background-color:#020B1A`
     permanece como piso em toda a página.
   - Resultado: o navy é a sensação dominante desde o primeiro pixel; o azul
     só aparece como incidência de luz que se dissipa rapidamente, sem limite
     perceptível entre "brilho" e "fundo".
============================================================================ */

body:has(.intent-select){
  background:
    radial-gradient(ellipse 92% 22vh at 50% -8%, rgba(29,78,219,.16), rgba(29,78,219,0) 58%),
    linear-gradient(180deg, rgba(10,31,61,.38) 0%, rgba(10,31,61,0) 18vh);
  background-color:#020B1A;
  background-repeat:no-repeat;
}

/* Cabeçalho sem gradiente próprio nesta tela, para o brilho ficar contínuo
   por trás dele (a borda inferior do cabeçalho é mantida — layout intacto). */
body:has(.intent-select) .app-shell{
  background:transparent;
  box-shadow:none;
}
