/* estatico/tema-fundo.css
 *
 * 05/11/2026, a pedido do Mateus: fundo do CRM diferente do site da PILAR,
 * mas na mesma linguagem (marinho profundo, brilho azul da marca, fio fino).
 * O site usa um brilho grande no canto esquerdo; aqui sao dois brilhos
 * (alto-direita azul, baixo-esquerda dourado discreto) sobre uma grade fina.
 *
 * Vai no chao da pagina e nas areas "vazias" que cobrem o chao: a area das
 * mensagens e o painel de boas-vindas do /whatsapp.
 *
 * Carregado DEPOIS de tema-selink.css. Para voltar: apagar o <link> deste
 * arquivo no base.html.
 */

:root {
  --fundo-pilar-desenho:
    radial-gradient(1000px 700px at 100% 0%, rgba(91, 155, 224, 0.34), transparent 60%),
    radial-gradient(800px 600px at 0% 100%, rgba(233, 180, 76, 0.14), transparent 60%),
    radial-gradient(600px 420px at 45% 60%, rgba(62, 109, 166, 0.12), transparent 70%),
    linear-gradient(rgba(140, 170, 210, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(140, 170, 210, 0.085) 1px, transparent 1px);
  --fundo-pilar-tamanho: auto, auto, auto, 40px 40px, 40px 40px;
}

body {
  background-color: var(--sl-chao, #0b111a);
  background-image: var(--fundo-pilar-desenho);
  background-size: var(--fundo-pilar-tamanho);
  background-attachment: fixed;
}

.page,
.page-wrapper,
.page-body,
.pilar-corpo,
.pilar-conteudo {
  background: transparent;
}

.pilar-tela-chat .pilar-chat-mensagens,
.pilar-caixa .pilar-chat-mensagens,
.pilar-chat-mensagens,
.pilar-chat-conversa.pilar-caixa-boas-vindas,
.pilar-caixa-boas-vindas {
  background-color: var(--sl-chao, #0b111a);
  background-image: var(--fundo-pilar-desenho);
  background-size: var(--fundo-pilar-tamanho);
  background-attachment: local;
}