@charset "UTF-8";
:root[data-glpi-theme=ativa] {
  /*
   * Ativa Consultoria - UX v3
   * Diretriz:
   * - Marca presente, sem prejudicar legibilidade.
   * - Azul institucional para estrutura.
   * - Azul de ação para botões/links.
   * - Amarelo apenas como acento visual.
   */
  --ac-navy: #002b49;
  --ac-navy-hover: #0b4268;
  --ac-action: #005eb8;
  --ac-action-hover: #004b92;
  --ac-accent: #f6b73c;
  --ac-bg: #f6f9fc;
  --ac-surface: #ffffff;
  --ac-surface-soft: #eef4f9;
  --ac-border: #d7e2ea;
  --ac-text: #1f2d3d;
  --ac-muted: #5b677a;
  /* Variáveis principais do GLPI/Tabler */
  --tblr-primary: #005eb8;
  --tblr-primary-rgb: 0, 94, 184;
  --tblr-primary-fg: #ffffff;
  --tblr-secondary: #002b49;
  --tblr-secondary-fg: #ffffff;
  --tblr-warning: #f6b73c;
  --tblr-warning-rgb: 246, 183, 60;
  --tblr-warning-fg: #002b49;
  --tblr-link-color: #0052a3;
  --tblr-link-color-rgb: 0, 82, 163;
  --tblr-link-hover-color: #002b49;
  --tblr-body-color: #1f2d3d;
  --tblr-body-bg: #f6f9fc;
  --tblr-border-color: #d7e2ea;
  --tblr-muted: #5b677a;
  /* Menu principal */
  --glpi-mainmenu-bg: #002b49;
  --glpi-mainmenu-fg: #ffffff;
  /* Prévia da paleta */
  --glpi-palette-color-1: #002b49;
  --glpi-palette-color-2: #005eb8;
  --glpi-palette-color-3: #f6b73c;
  --glpi-palette-color-4: #ffffff;
}

/* Fundo geral mais limpo */
:root[data-glpi-theme=ativa] body,
:root[data-glpi-theme=ativa] .page,
:root[data-glpi-theme=ativa] .page-wrapper,
:root[data-glpi-theme=ativa] .page-body {
  background-color: #f6f9fc !important;
  color: #1f2d3d;
}

/* Links: nunca amarelo em fundo branco */
:root[data-glpi-theme=ativa] a:not(.btn):not(.nav-link) {
  color: #0052a3;
}

:root[data-glpi-theme=ativa] a:not(.btn):not(.nav-link):hover {
  color: #002b49;
  text-decoration: underline;
}

/* Botão primário com contraste forte */
:root[data-glpi-theme=ativa] .btn-primary {
  color: #ffffff !important;
  background-color: #005eb8 !important;
  border-color: #005eb8 !important;
  font-weight: 600;
}

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

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

:root[data-glpi-theme=ativa] .btn-warning:hover,
:root[data-glpi-theme=ativa] .btn-outline-warning:hover {
  color: #002b49 !important;
  background-color: #e4a92f !important;
  border-color: #e4a92f !important;
}

/* Foco acessível: importante para teclado e usabilidade */
:root[data-glpi-theme=ativa] .btn:focus,
:root[data-glpi-theme=ativa] .form-control:focus,
:root[data-glpi-theme=ativa] .form-select:focus,
:root[data-glpi-theme=ativa] input:focus,
:root[data-glpi-theme=ativa] textarea:focus,
:root[data-glpi-theme=ativa] select:focus {
  border-color: #f6b73c !important;
  box-shadow: 0 0 0 0.22rem rgba(246, 183, 60, 0.35) !important;
}

/* Menu lateral: hover claro e ativo muito evidente */
:root[data-glpi-theme=ativa] .navbar-vertical {
  background-color: #002b49 !important;
}

:root[data-glpi-theme=ativa] .navbar-vertical .nav-link {
  color: rgba(255, 255, 255, 0.92) !important;
  border-left: 4px solid transparent;
}

:root[data-glpi-theme=ativa] .navbar-vertical .nav-link:hover {
  color: #ffffff !important;
  background-color: #0b4268 !important;
  border-left-color: rgba(246, 183, 60, 0.7);
}

:root[data-glpi-theme=ativa] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=ativa] .navbar-vertical .nav-item.active > .nav-link,
:root[data-glpi-theme=ativa] .navbar-vertical .nav-link[aria-current=page] {
  color: #002b49 !important;
  background-color: #eaf4ff !important;
  border-left-color: #f6b73c;
  font-weight: 700;
}

:root[data-glpi-theme=ativa] .navbar-vertical .nav-link.active i,
:root[data-glpi-theme=ativa] .navbar-vertical .nav-link.active svg,
:root[data-glpi-theme=ativa] .navbar-vertical .nav-item.active > .nav-link i,
:root[data-glpi-theme=ativa] .navbar-vertical .nav-item.active > .nav-link svg {
  color: #002b49 !important;
}

/* Menu horizontal / interface cliente */
:root[data-glpi-theme=ativa] .navbar-horizontal,
:root[data-glpi-theme=ativa] body.layout-horizontal .navbar,
:root[data-glpi-theme=ativa] .navbar-expand-md {
  border-bottom: 1px solid #d7e2ea;
}

:root[data-glpi-theme=ativa] .navbar-horizontal .nav-link,
:root[data-glpi-theme=ativa] body.layout-horizontal .navbar .nav-link {
  color: #002b49;
  font-weight: 600;
}

:root[data-glpi-theme=ativa] .navbar-horizontal .nav-link:hover,
:root[data-glpi-theme=ativa] body.layout-horizontal .navbar .nav-link:hover {
  color: #005eb8;
  background-color: #eaf4ff;
  border-radius: 8px;
}

/* Cards e blocos: visual mais moderno sem quebrar layout */
:root[data-glpi-theme=ativa] .card,
:root[data-glpi-theme=ativa] .dashboard-card,
:root[data-glpi-theme=ativa] .search-card {
  border-color: #d7e2ea !important;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 43, 73, 0.06);
}

/* Tabelas: melhorar leitura, não enfeitar demais */
:root[data-glpi-theme=ativa] .table thead th {
  color: #243447;
  background-color: #f2f6fb;
  border-bottom-color: #d7e2ea;
}

:root[data-glpi-theme=ativa] .table-hover tbody tr:hover {
  background-color: #eef6ff;
}

/* Breadcrumbs e topo */
:root[data-glpi-theme=ativa] .breadcrumb a,
:root[data-glpi-theme=ativa] .breadcrumb-item a {
  color: #0052a3 !important;
  font-weight: 500;
}

/* Badges e indicadores: manter semântica, só suavizar aparência */
:root[data-glpi-theme=ativa] .badge {
  border-radius: 999px;
  font-weight: 600;
}

/* Responsividade: não fixar larguras, apenas espaçamentos seguros */
@media (max-width: 768px) {
  :root[data-glpi-theme=ativa] .card {
    border-radius: 10px;
  }
  :root[data-glpi-theme=ativa] .btn {
    min-height: 40px;
  }
}