/* ===== Tema «Nexorion» — identidade da Nexorion Tech para o produto =====
   Usado no ambiente de homologação (e em demonstrações) do Nexorion CRM
   Jurídico. Carregado a seguir ao estilo.css através de MARCA_TEMA no ficheiro
   de ambiente da instância. Cores do manual da marca: navy #0E2841,
   azul #156082, verde #196B24 / #3CA83C, cinzento #E8E8E8.
   Títulos em Poppins (sans-serif geométrica, alternativa web à Aptos Display);
   texto em Inter, como no estilo base.
   As imagens usam caminhos relativos ao próprio CSS: a homologação vive em
   /homolog e o nginx só reescreve os endereços do HTML, não os do CSS. */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');

:root{
  --papel:#f4f6f9; --papel-2:#e9edf2; --marfim:#ffffff;
  --tinta:#0E2841; --tinta-2:#43546a; --tinta-3:#7a889a;
  --linha:#e1e6ec; --linha-2:#cfd7e0;

  /* cor de marca: o azul da Nexorion, com o navy como versão escura */
  --vn:#156082; --vn-escuro:#0E2841; --vn-claro:#e6f0f5;

  --ok:#196B24; --ok-claro:#e8f4ea;
  --aviso:#9a6a1e; --aviso-claro:#f7efe1;
  --atraso:#b3261e; --atraso-claro:#fbeaea;
  --azul:#156082;

  --navy:#0E2841; --verde:#3CA83C; --verde-escuro:#196B24;
}

h1,h2,h3,.serif{font-family:'Poppins',system-ui,sans-serif;letter-spacing:-.01em}
.topo h1{font-weight:600}
.kpi .valor{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:28px;letter-spacing:-.02em}
::selection{background:#cfe3ee}

/* ---------- barra lateral: navy, com o verde a marcar a página ---------- */
.lateral{background:var(--navy);color:#c3cfdc}
.lateral nav a{color:#c3cfdc}
.lateral nav a:hover{color:#fff}
.lateral nav a.ativo::before{background:var(--verde);width:3px}
.marca{border-bottom:1px solid rgba(255,255,255,.1)}
.marca::before{
  width:176px;height:118px;margin:0 auto 8px;
  background:url('nexorion-crm-branco.png') center/contain no-repeat;
}
.marca small{color:#7FB8EA;font-size:8.5px;letter-spacing:.22em}
.perfil{border-top:1px solid rgba(255,255,255,.1);color:#9fb0c3}
.perfil b{color:#eef3f8}
.perfil button{border-color:rgba(255,255,255,.3);color:#c3cfdc}

/* ---------- login ---------- */
.login-fundo{background:linear-gradient(150deg,#0E2841 0%,#123a5c 55%,#156082 100%)}
.login-caixa{border-top:3px solid var(--verde)}
.login-caixa::before{
  width:220px;height:140px;
  background:url('nexorion-crm-cor.png') center/contain no-repeat;
}

/* ---------- botões e ligações ---------- */
.btn.vn{background:var(--vn);border-color:var(--vn)}
.btn.vn:hover{background:var(--vn-escuro);border-color:var(--vn-escuro)}
a{color:var(--vn)}

/* ---------- aviso de ambiente: nunca confundir com produção ---------- */
/* Na barra lateral, o texto por baixo do logótipo passa a dizer o ambiente
   (o logótipo já tem o nome do produto). */
.marca small{font-size:0}
.marca small::after{content:'Ambiente de homologação';font-size:8.5px;letter-spacing:.22em;color:var(--verde)}
/* Selo fixo no canto inferior direito, em todos os ecrãs, incluindo o login. */
body::after{
  content:'Homologação';position:fixed;right:16px;bottom:16px;z-index:100;
  padding:6px 12px;border-radius:999px;background:var(--verde);color:#fff;
  font:600 10px/1 'Poppins',system-ui,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;box-shadow:0 2px 10px rgba(14,40,65,.25);pointer-events:none;
}