:root {
  --intranet-bg: url('/intranet/static/uploads/intranet_background_image.jpeg');
  --intranet-bg-size: 100% auto;
  --intranet-bg-position: 78% 38%;
  --intranet-bg-opacity: 0.48;
  --intranet-cor-topo: #2e6ccb;
  --intranet-cor-acento: #ffa500;
  --intranet-cor-texto: #e0e0e0;
  --intranet-cor-card: rgba(0, 0, 30, 0.6);
  --intranet-cor-card-titulo: #ffa500;
  --intranet-cor-botao: #0b0562;
  --intranet-cor-botao-hover: #0000ff;
  --intranet-cor-botao-hub: #0b0562;
  --intranet-cor-botao-hub-hover: #0000ff;
  --intranet-cor-mensagem: #00ffab;
  --intranet-cor-departamento: #ffffff;
  --intranet-cor-departamento-hover: #ffa500;
  --intranet-cor-contato-nome: #ffffff;
  --intranet-cor-contato-info: #c0d8f0;
  --intranet-cor-footer: rgba(0, 0, 0, 0.6);
  --intranet-offset-topo: clamp(68px, 10vmin, 88px);
  --intranet-offset-conteudo: clamp(80px, 12vmin, 100px);
  --intranet-menu-left: 80px;
  --intranet-menu-top-extra: 0px;
  --intranet-noticias-right: 24px;
  --intranet-noticias-top-extra: 0px;
}

body.page-intranet.page-intranet--sem-topo {
  --intranet-offset-topo: clamp(16px, 2.5vmin, 24px);
  --intranet-offset-conteudo: clamp(32px, 5vmin, 48px);
}

body.page-intranet.page-intranet--sem-topo .top-bar {
  display: none;
}

body.page-intranet {
  background-color: var(--intranet-cor-botao, #0b0562);
  background-image: none;
  color: var(--intranet-cor-texto);
}

@media (max-width: 900px) {
  body.page-intranet {
    background-attachment: scroll;
  }
}
body.page-intranet .top-bar { background-color: var(--intranet-cor-topo); }
body.page-intranet .glass-card { background: var(--intranet-cor-card); color: var(--intranet-cor-acento); }
body.page-intranet .titulo-contatos { color: var(--intranet-cor-card-titulo); }
body.page-intranet .mensagem { color: var(--intranet-cor-mensagem); }
body.page-intranet .departamento,
body.page-intranet .departamento-toggle { color: var(--intranet-cor-departamento); }
body.page-intranet .departamento:hover,
body.page-intranet .departamento-toggle:hover { color: var(--intranet-cor-departamento-hover); }
body.page-intranet .contato-nome { color: var(--intranet-cor-contato-nome); }
body.page-intranet .contato-info { color: var(--intranet-cor-contato-info); }
body.page-intranet .btn-primary { background-color: var(--intranet-cor-botao); border-color: var(--intranet-cor-botao); }
body.page-intranet .btn-primary:hover { background-color: var(--intranet-cor-botao-hover); border-color: var(--intranet-cor-botao-hover); }
body.page-intranet .btn-hub-central { background-color: var(--intranet-cor-botao-hub); }
body.page-intranet .btn-hub-central:hover { background-color: var(--intranet-cor-botao-hub-hover); }
body.page-intranet .footer { background-color: var(--intranet-cor-footer); }

:root {
  --login-cor-form: #212529;
  --login-cor-texto: #ffffff;
  --login-cor-botao: #198754;
}
body.page-login-intranet { background-color: #0b0562; color: var(--login-cor-texto); }
body.page-login-intranet .login-form { background-color: var(--login-cor-form) !important; }
body.page-login-intranet .btn-entrar { background-color: var(--login-cor-botao) !important; border-color: var(--login-cor-botao) !important; }

:root {
  --dash-grad-inicio: #0b0562;
  --dash-grad-fim: #1b1f91;
  --dash-cor-card: rgba(0, 0, 0, 0.5);
  --dash-cor-botao: #0051a8;
  --dash-cor-botao-hover: #0074e4;
  --dash-cor-voltar: rgba(255, 255, 255, 0.1);
}
body.page-dashboards #particles-js {
  background: linear-gradient(135deg, var(--dash-grad-inicio), var(--dash-grad-fim)) !important;
}
body.page-dashboards .container { background-color: var(--dash-cor-card); }
body.page-dashboards .dashboard-btn { background-color: var(--dash-cor-botao); }
body.page-dashboards .dashboard-btn:hover { background-color: var(--dash-cor-botao-hover); }
body.page-dashboards .voltar { background: var(--dash-cor-voltar); }

:root {
  --tab-grad-inicio: #0f2027;
  --tab-grad-meio: #203a43;
  --tab-grad-fim: #2c5364;
  --tab-cor-cabecalho: #2196f3;
  --tab-cor-cabecalho-hover: #1976d2;
  --tab-cor-card: rgba(255, 255, 255, 0.95);
}
body.page-tabelas #particles-js {
  background: linear-gradient(120deg, var(--tab-grad-inicio), var(--tab-grad-meio), var(--tab-grad-fim)) !important;
}
body.page-tabelas .tabela { background-color: var(--tab-cor-card); }
body.page-tabelas th { background-color: var(--tab-cor-cabecalho) !important; }
body.page-tabelas .voltar-intranet { background-color: var(--tab-cor-cabecalho); }
body.page-tabelas .voltar-intranet:hover { background-color: var(--tab-cor-cabecalho-hover); }

:root {
  --modelos-bg: url('/intranet/static/assets/backgroundverde.jpg');
  --modelos-cor-painel: rgba(255, 255, 255, 0.15);
  --modelos-cor-painel-borda: rgba(255, 255, 255, 0.18);
  --modelos-cor-texto: #ffffff;
  --modelos-cor-botao: rgba(255, 255, 255, 0.13);
  --modelos-cor-botao-hover: rgba(255, 255, 255, 0.27);
  --modelos-cor-voltar: rgba(0, 0, 0, 0.6);
}
body.page-modelos {
  background: var(--modelos-bg) no-repeat center center fixed;
  background-size: cover;
  color: var(--modelos-cor-texto);
}
body.page-modelos .glass-panel {
  background: var(--modelos-cor-painel);
  border: 1px solid var(--modelos-cor-painel-borda);
  color: var(--modelos-cor-texto);
}
body.page-modelos button {
  background-color: var(--modelos-cor-botao);
  color: var(--modelos-cor-texto);
}
body.page-modelos button:hover {
  background-color: var(--modelos-cor-botao-hover);
}
body.page-modelos .voltar {
  background: var(--modelos-cor-voltar);
}

:root {
  --gastos-grad-inicio: #e0eafc;
  --gastos-grad-fim: #cfdef3;
  --gastos-cor-card: #ffffff;
  --gastos-cor-titulo: #1f1f1f;
  --gastos-cor-label: #333333;
  --gastos-cor-botao: #007bff;
  --gastos-cor-botao-hover: #0056b3;
  --gastos-cor-voltar: #007bff;
  --gastos-cor-mensagem: #28a745;
}
body.page-gastos {
  background: linear-gradient(to right, var(--gastos-grad-inicio), var(--gastos-grad-fim));
}
body.page-gastos .container {
  background: var(--gastos-cor-card);
}
body.page-gastos h2 {
  color: var(--gastos-cor-titulo);
}
body.page-gastos form label {
  color: var(--gastos-cor-label);
}
body.page-gastos form button {
  background-color: var(--gastos-cor-botao);
}
body.page-gastos form button:hover {
  background-color: var(--gastos-cor-botao-hover);
}
body.page-gastos .btn-voltar {
  background-color: var(--gastos-cor-voltar) !important;
}
body.page-gastos #mensagem.show {
  color: var(--gastos-cor-mensagem);
}