@charset "UTF-8";
:root[data-glpi-theme=ativa] {
  /*
   * Paleta Ativa UX v2
   * Objetivo: identidade visual sem sacrificar contraste, leitura e usabilidade.
   */
  /* Marca principal */
  --tblr-primary: #002b49;
  --tblr-primary-rgb: 0, 43, 73;
  --tblr-primary-fg: #ffffff;
  /* Links: azul mais claro que o navy, mas ainda com bom contraste em fundo branco */
  --tblr-link-color: #005a8d;
  --tblr-link-color-rgb: 0, 90, 141;
  --tblr-link-hover-color: #002b49;
  /* Texto e fundo */
  --tblr-body-color: #243447;
  --tblr-body-bg: #ffffff;
  --tblr-muted: #5b677a;
  --tblr-border-color: #d9e2ec;
  /* Superfícies */
  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-secondary: #f4f7fb;
  /* Menu lateral */
  --glpi-mainmenu-bg: #002b49;
  --glpi-mainmenu-fg: #ffffff;
  /* Prévia da paleta */
  --glpi-palette-color-1: #002b49;
  --glpi-palette-color-2: #005a8d;
  --glpi-palette-color-3: #f6b73c;
  --glpi-palette-color-4: #ffffff;
}

/* Segurança de contraste para botões primários */
:root[data-glpi-theme=ativa] .btn-primary {
  color: #ffffff !important;
  background-color: #002b49 !important;
  border-color: #002b49 !important;
}

:root[data-glpi-theme=ativa] .btn-primary:hover,
:root[data-glpi-theme=ativa] .btn-primary:focus {
  color: #ffffff !important;
  background-color: #003a63 !important;
  border-color: #003a63 !important;
}

/* Botões amarelos somente com texto escuro */
:root[data-glpi-theme=ativa] .btn-warning {
  color: #002b49 !important;
  background-color: #f6b73c !important;
  border-color: #f6b73c !important;
}

/* Links não devem ficar amarelos em fundo branco */
:root[data-glpi-theme=ativa] a {
  color: #005a8d;
}

:root[data-glpi-theme=ativa] a:hover {
  color: #002b49;
}

/* Melhor contraste para item ativo/hover do menu lateral */
:root[data-glpi-theme=ativa] .navbar-vertical .nav-link:hover,
:root[data-glpi-theme=ativa] .navbar-vertical .nav-link.active {
  color: #ffffff !important;
  background-color: #003a63 !important;
}

/* Pequeno detalhe visual da marca sem prejudicar leitura */
:root[data-glpi-theme=ativa] .navbar-vertical .nav-link.active {
  border-left: 3px solid #f6b73c;
}