@charset "UTF-8";
/*!
 * ============================================================
 * BSTI Helpdesk - tema do GLPI 11
 *
 * REFERENCIA VISUAL: o portal BSTI One (bstione.bsti.com.br),
 * nao o site institucional. Os dois padroes sao diferentes -
 * o site e verde-menta sobre escuro, o BSTI One e azul sobre
 * claro - e o BSTI One e o padrao adotado, porque e o portal
 * irmao deste: ele ja aponta para o BSTI Helpdesk no proprio
 * conteudo, entao os dois precisam parecer a mesma familia.
 *
 * Tokens medidos em 22/08/2026 no BSTI One renderizado:
 *   cabecalho  #0D1B5E   marca/link  #0277BD
 *   fundo      #FBFCFE   linha       #E4E8F0
 *   tinta      #161B26 / #4A5262 / #818B9C
 *
 * INSTALACAO
 *   files/_themes/BSTI.scss  e selecionar "BSTI" em
 *   Configurar > Geral > Aparencia.
 *
 * COMO AS CORES FUNCIONAM  <-- conferido no navegador
 *   As variaveis --glpi-palette-color-N NAO pintam a interface
 *   no tema claro: alimentam as amostras do seletor de tema.
 *   Quem pinta sao as variaveis do Tabler (--tblr-*).
 * ============================================================
 */
:root[data-glpi-theme=BSTI] {
  /* --- Amostras do seletor de tema -------------------------- */
  --glpi-palette-color-1: #0d1b5e;
  --glpi-palette-color-2: #ffffff;
  --glpi-palette-color-3: #0277bd;
  --glpi-palette-color-4: #4a5262;
  /* --- Cores efetivas --------------------------------------
     Azul #0277BD como cor de acao, igual ao BSTI One. Sobre
     branco fica em ~4,7:1 - passa em AA para texto normal.    */
  --tblr-primary: #0277bd;
  --tblr-primary-rgb: 2, 119, 189;
  --tblr-primary-fg: #ffffff;
  --tblr-link-color-rgb: 2, 119, 189;
  --tblr-link-hover-color-rgb: 1, 87, 155;
  --tblr-secondary: #4a5262;
  --tblr-body-bg: #fbfcfe;
  --tblr-border-color: #e4e8f0;
  --tblr-dark: #161b26;
  --tblr-muted: #818b9c;
  /* --- Cromo: barra lateral no marinho do BSTI One ---------
     O GLPI pinta a barra lateral com #2f3f64, marinho proprio
     dele. O BSTI One usa #0D1B5E no cabecalho. Estes tres sao
     literais no core e NAO derivam das --tblr-*, entao precisam
     ser ditos um a um. As demais variaveis --glpi-* (bordas,
     badges, abas, texto secundario) ja derivaram sozinhas das
     cores declaradas acima - conferido no navegador.          */
  --glpi-mainmenu-bg: #0d1b5e;
  --glpi-mainmenu-active-bg: color-mix(in srgb, #0d1b5e, white 45%);
  --glpi-helpdesk-header: hsl(from #0d1b5e h s 80);
  /* --- Marca ------------------------------------------------
     O GLPI aplica a marca com  content: var(--logo)  e nao com
     background-image - por isso bastam as variaveis.           */
  --glpi-logo-light: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDA5OS4xOCAzMjYwLjk3IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJTVGkiPjxnIGZpbGw9IiNmYWZhZmEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDIuNzQsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNMjUzLjk5OSAxNzUuMDAxbDU2NC4wMDEgMGM0MC42NjY4LDAgNjEuMDAwMywxOC45OTkzIDYxLjAwMDMsNTcuMDAwMiAwLDQzLjMzMjggLTIwLjMzMzQsNjUuMDAwMyAtNjEuMDAwMyw2NS4wMDAzbC00MzUgMCAwIDE1OS45OTkgNDM1IDBjNDAuNjY2OCwwIDYxLjAwMDMsMjEuNDk4OCA2MS4wMDAzLDY0LjUwMDkgMCwzNi45OTk3IC0yMC4zMzM0LDU1LjQ5OTUgLTYxLjAwMDMsNTUuNDk5NWwtNTY0LjAwMSAwIDAgLTQwMnptLTE4NCA1NzguOTk4bDc5Ny4wMDEgMGMxMzcuMzMzLDAgMjA2LC02My42NjYyIDIwNiwtMTkwLjk5OSAwLC01Mi4wMDEyIC0xMS4xNjc5LC05Mi44MzQ1IC0zMy41MDE0LC0xMjIuNSAtMjIuMzMzNSwtMjkuNjY3NyAtNTQuNDk4NCwtNDguNTAwNSAtOTYuNDk5MywtNTYuNTAwNyA0MS4zMzI3LC04LjAwMDE4IDczLjMzMzUsLTI4LjAwMDYgOTUuOTk5OSwtNTkuOTk5MSAyMi42NjY0LC0zMi4wMDA3IDM0LjAwMDgsLTc2LjMzNDcgMzQuMDAwOCwtMTMzIDAsLTEyNy4zMzUgLTY4LjY2NzUsLTE5MS4wMDEgLTIwNiwtMTkxLjAwMWwtNzk3LjAwMSAwIDAgNzUzLjk5OXoiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYxOC45OTYsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNOTg1LjAwMSA1NzcuMDAxbC02MTcuMDAyIDBjLTc2LjY2NTQsMCAtMTE5Ljk5OCwtMzguMzMzOCAtMTI5Ljk5OCwtMTE1LjAwMmw3NTEgMCAwIC0xNDMuOTk5YzAsLTIxMiAtMTE0LjY2OSwtMzE4IC0zNDQuMDAxLC0zMThsLTU4MiAwIDAgMTc5LjAwMSA2MjAuOTk5IDBjMzcuMzMyNywwIDY2LjUwMSw5LjY2NDk2IDg3LjUwMDMsMjguOTk5NSAyMC45OTkzLDE5LjMzMjIgMzQuNTAwMiw0Ny4zMzI5IDQwLjUwMDQsODMuOTk5NmwtNzQ5IDAgMCAxNDQuMDAxYzAsMjEyIDExNC42NjYsMzE3Ljk5OCAzNDMuOTk5LDMxNy45OThsNTc4LjAwMiAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxNjQuNDY2LDMyNjAuOTcpIHNjYWxlKDQuMzI0OSwtNC4zMjQ5KSI+PHBhdGggZD0iTTg2NS45OTkgNTc3LjAwMWwtMzI5IDAgMCAtNTc3LjAwMSAtMTg0IDAgMCA1NzcuMDAxIC0zMzEgMCAwIDE3Ni45OTggODQzLjk5OSAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMDAwLjY1MiwzMjYwLjk3KSBzY2FsZSg0LjMyNDksLTQuMzI0OSkiPjxwYXRoIGQ9Ik02OS45OTkzIDBsMCA1MjYuOTk5IDE4NCAwIDAgLTUyNi45OTkgLTE4NCAwem0xODQgNjA0Ljk5OWwtMTg0IDAgMCAxNDkgMTg0IDAgMCAtMTQ5eiIvPjwvZz48L2c+PC9zdmc+Cg==");
  --glpi-logo-light-login: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDA5OS4xOCAzMjYwLjk3IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJTVGkiPjxnIGZpbGw9IiNmYWZhZmEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDIuNzQsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNMjUzLjk5OSAxNzUuMDAxbDU2NC4wMDEgMGM0MC42NjY4LDAgNjEuMDAwMywxOC45OTkzIDYxLjAwMDMsNTcuMDAwMiAwLDQzLjMzMjggLTIwLjMzMzQsNjUuMDAwMyAtNjEuMDAwMyw2NS4wMDAzbC00MzUgMCAwIDE1OS45OTkgNDM1IDBjNDAuNjY2OCwwIDYxLjAwMDMsMjEuNDk4OCA2MS4wMDAzLDY0LjUwMDkgMCwzNi45OTk3IC0yMC4zMzM0LDU1LjQ5OTUgLTYxLjAwMDMsNTUuNDk5NWwtNTY0LjAwMSAwIDAgLTQwMnptLTE4NCA1NzguOTk4bDc5Ny4wMDEgMGMxMzcuMzMzLDAgMjA2LC02My42NjYyIDIwNiwtMTkwLjk5OSAwLC01Mi4wMDEyIC0xMS4xNjc5LC05Mi44MzQ1IC0zMy41MDE0LC0xMjIuNSAtMjIuMzMzNSwtMjkuNjY3NyAtNTQuNDk4NCwtNDguNTAwNSAtOTYuNDk5MywtNTYuNTAwNyA0MS4zMzI3LC04LjAwMDE4IDczLjMzMzUsLTI4LjAwMDYgOTUuOTk5OSwtNTkuOTk5MSAyMi42NjY0LC0zMi4wMDA3IDM0LjAwMDgsLTc2LjMzNDcgMzQuMDAwOCwtMTMzIDAsLTEyNy4zMzUgLTY4LjY2NzUsLTE5MS4wMDEgLTIwNiwtMTkxLjAwMWwtNzk3LjAwMSAwIDAgNzUzLjk5OXoiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYxOC45OTYsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNOTg1LjAwMSA1NzcuMDAxbC02MTcuMDAyIDBjLTc2LjY2NTQsMCAtMTE5Ljk5OCwtMzguMzMzOCAtMTI5Ljk5OCwtMTE1LjAwMmw3NTEgMCAwIC0xNDMuOTk5YzAsLTIxMiAtMTE0LjY2OSwtMzE4IC0zNDQuMDAxLC0zMThsLTU4MiAwIDAgMTc5LjAwMSA2MjAuOTk5IDBjMzcuMzMyNywwIDY2LjUwMSw5LjY2NDk2IDg3LjUwMDMsMjguOTk5NSAyMC45OTkzLDE5LjMzMjIgMzQuNTAwMiw0Ny4zMzI5IDQwLjUwMDQsODMuOTk5NmwtNzQ5IDAgMCAxNDQuMDAxYzAsMjEyIDExNC42NjYsMzE3Ljk5OCAzNDMuOTk5LDMxNy45OThsNTc4LjAwMiAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxNjQuNDY2LDMyNjAuOTcpIHNjYWxlKDQuMzI0OSwtNC4zMjQ5KSI+PHBhdGggZD0iTTg2NS45OTkgNTc3LjAwMWwtMzI5IDAgMCAtNTc3LjAwMSAtMTg0IDAgMCA1NzcuMDAxIC0zMzEgMCAwIDE3Ni45OTggODQzLjk5OSAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMDAwLjY1MiwzMjYwLjk3KSBzY2FsZSg0LjMyNDksLTQuMzI0OSkiPjxwYXRoIGQ9Ik02OS45OTkzIDBsMCA1MjYuOTk5IDE4NCAwIDAgLTUyNi45OTkgLTE4NCAwem0xODQgNjA0Ljk5OWwtMTg0IDAgMCAxNDkgMTg0IDAgMCAtMTQ5eiIvPjwvZz48L2c+PC9zdmc+Cg==");
  --glpi-logo-light-reduced: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MzM4IDMyNjAuOTciIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iQlNUaSI+PGcgZmlsbD0iI2ZhZmFmYSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMi43NCwzMjYwLjk3KSBzY2FsZSg0LjMyNDksLTQuMzI0OSkiPjxwYXRoIGQ9Ik0yNTMuOTk5IDE3NS4wMDFsNTY0LjAwMSAwYzQwLjY2NjgsMCA2MS4wMDAzLDE4Ljk5OTMgNjEuMDAwMyw1Ny4wMDAyIDAsNDMuMzMyOCAtMjAuMzMzNCw2NS4wMDAzIC02MS4wMDAzLDY1LjAwMDNsLTQzNSAwIDAgMTU5Ljk5OSA0MzUgMGM0MC42NjY4LDAgNjEuMDAwMywyMS40OTg4IDYxLjAwMDMsNjQuNTAwOSAwLDM2Ljk5OTcgLTIwLjMzMzQsNTUuNDk5NSAtNjEuMDAwMyw1NS40OTk1bC01NjQuMDAxIDAgMCAtNDAyem0tMTg0IDU3OC45OThsNzk3LjAwMSAwYzEzNy4zMzMsMCAyMDYsLTYzLjY2NjIgMjA2LC0xOTAuOTk5IDAsLTUyLjAwMTIgLTExLjE2NzksLTkyLjgzNDUgLTMzLjUwMTQsLTEyMi41IC0yMi4zMzM1LC0yOS42Njc3IC01NC40OTg0LC00OC41MDA1IC05Ni40OTkzLC01Ni41MDA3IDQxLjMzMjcsLTguMDAwMTggNzMuMzMzNSwtMjguMDAwNiA5NS45OTk5LC01OS45OTkxIDIyLjY2NjQsLTMyLjAwMDcgMzQuMDAwOCwtNzYuMzM0NyAzNC4wMDA4LC0xMzMgMCwtMTI3LjMzNSAtNjguNjY3NSwtMTkxLjAwMSAtMjA2LC0xOTEuMDAxbC03OTcuMDAxIDAgMCA3NTMuOTk5eiIvPjwvZz48L2c+PC9zdmc+Cg==");
  --glpi-logo-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDA5OS4xOCAzMjYwLjk3IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJTVGkiPjxnIGZpbGw9IiMxNjFiMjYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDIuNzQsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNMjUzLjk5OSAxNzUuMDAxbDU2NC4wMDEgMGM0MC42NjY4LDAgNjEuMDAwMywxOC45OTkzIDYxLjAwMDMsNTcuMDAwMiAwLDQzLjMzMjggLTIwLjMzMzQsNjUuMDAwMyAtNjEuMDAwMyw2NS4wMDAzbC00MzUgMCAwIDE1OS45OTkgNDM1IDBjNDAuNjY2OCwwIDYxLjAwMDMsMjEuNDk4OCA2MS4wMDAzLDY0LjUwMDkgMCwzNi45OTk3IC0yMC4zMzM0LDU1LjQ5OTUgLTYxLjAwMDMsNTUuNDk5NWwtNTY0LjAwMSAwIDAgLTQwMnptLTE4NCA1NzguOTk4bDc5Ny4wMDEgMGMxMzcuMzMzLDAgMjA2LC02My42NjYyIDIwNiwtMTkwLjk5OSAwLC01Mi4wMDEyIC0xMS4xNjc5LC05Mi44MzQ1IC0zMy41MDE0LC0xMjIuNSAtMjIuMzMzNSwtMjkuNjY3NyAtNTQuNDk4NCwtNDguNTAwNSAtOTYuNDk5MywtNTYuNTAwNyA0MS4zMzI3LC04LjAwMDE4IDczLjMzMzUsLTI4LjAwMDYgOTUuOTk5OSwtNTkuOTk5MSAyMi42NjY0LC0zMi4wMDA3IDM0LjAwMDgsLTc2LjMzNDcgMzQuMDAwOCwtMTMzIDAsLTEyNy4zMzUgLTY4LjY2NzUsLTE5MS4wMDEgLTIwNiwtMTkxLjAwMWwtNzk3LjAwMSAwIDAgNzUzLjk5OXoiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYxOC45OTYsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNOTg1LjAwMSA1NzcuMDAxbC02MTcuMDAyIDBjLTc2LjY2NTQsMCAtMTE5Ljk5OCwtMzguMzMzOCAtMTI5Ljk5OCwtMTE1LjAwMmw3NTEgMCAwIC0xNDMuOTk5YzAsLTIxMiAtMTE0LjY2OSwtMzE4IC0zNDQuMDAxLC0zMThsLTU4MiAwIDAgMTc5LjAwMSA2MjAuOTk5IDBjMzcuMzMyNywwIDY2LjUwMSw5LjY2NDk2IDg3LjUwMDMsMjguOTk5NSAyMC45OTkzLDE5LjMzMjIgMzQuNTAwMiw0Ny4zMzI5IDQwLjUwMDQsODMuOTk5NmwtNzQ5IDAgMCAxNDQuMDAxYzAsMjEyIDExNC42NjYsMzE3Ljk5OCAzNDMuOTk5LDMxNy45OThsNTc4LjAwMiAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxNjQuNDY2LDMyNjAuOTcpIHNjYWxlKDQuMzI0OSwtNC4zMjQ5KSI+PHBhdGggZD0iTTg2NS45OTkgNTc3LjAwMWwtMzI5IDAgMCAtNTc3LjAwMSAtMTg0IDAgMCA1NzcuMDAxIC0zMzEgMCAwIDE3Ni45OTggODQzLjk5OSAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMDAwLjY1MiwzMjYwLjk3KSBzY2FsZSg0LjMyNDksLTQuMzI0OSkiPjxwYXRoIGQ9Ik02OS45OTkzIDBsMCA1MjYuOTk5IDE4NCAwIDAgLTUyNi45OTkgLTE4NCAwem0xODQgNjA0Ljk5OWwtMTg0IDAgMCAxNDkgMTg0IDAgMCAtMTQ5eiIvPjwvZz48L2c+PC9zdmc+Cg==");
  --glpi-logo-dark-login: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDA5OS4xOCAzMjYwLjk3IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJTVGkiPjxnIGZpbGw9IiMxNjFiMjYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDIuNzQsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNMjUzLjk5OSAxNzUuMDAxbDU2NC4wMDEgMGM0MC42NjY4LDAgNjEuMDAwMywxOC45OTkzIDYxLjAwMDMsNTcuMDAwMiAwLDQzLjMzMjggLTIwLjMzMzQsNjUuMDAwMyAtNjEuMDAwMyw2NS4wMDAzbC00MzUgMCAwIDE1OS45OTkgNDM1IDBjNDAuNjY2OCwwIDYxLjAwMDMsMjEuNDk4OCA2MS4wMDAzLDY0LjUwMDkgMCwzNi45OTk3IC0yMC4zMzM0LDU1LjQ5OTUgLTYxLjAwMDMsNTUuNDk5NWwtNTY0LjAwMSAwIDAgLTQwMnptLTE4NCA1NzguOTk4bDc5Ny4wMDEgMGMxMzcuMzMzLDAgMjA2LC02My42NjYyIDIwNiwtMTkwLjk5OSAwLC01Mi4wMDEyIC0xMS4xNjc5LC05Mi44MzQ1IC0zMy41MDE0LC0xMjIuNSAtMjIuMzMzNSwtMjkuNjY3NyAtNTQuNDk4NCwtNDguNTAwNSAtOTYuNDk5MywtNTYuNTAwNyA0MS4zMzI3LC04LjAwMDE4IDczLjMzMzUsLTI4LjAwMDYgOTUuOTk5OSwtNTkuOTk5MSAyMi42NjY0LC0zMi4wMDA3IDM0LjAwMDgsLTc2LjMzNDcgMzQuMDAwOCwtMTMzIDAsLTEyNy4zMzUgLTY4LjY2NzUsLTE5MS4wMDEgLTIwNiwtMTkxLjAwMWwtNzk3LjAwMSAwIDAgNzUzLjk5OXoiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYxOC45OTYsMzI2MC45Nykgc2NhbGUoNC4zMjQ5LC00LjMyNDkpIj48cGF0aCBkPSJNOTg1LjAwMSA1NzcuMDAxbC02MTcuMDAyIDBjLTc2LjY2NTQsMCAtMTE5Ljk5OCwtMzguMzMzOCAtMTI5Ljk5OCwtMTE1LjAwMmw3NTEgMCAwIC0xNDMuOTk5YzAsLTIxMiAtMTE0LjY2OSwtMzE4IC0zNDQuMDAxLC0zMThsLTU4MiAwIDAgMTc5LjAwMSA2MjAuOTk5IDBjMzcuMzMyNywwIDY2LjUwMSw5LjY2NDk2IDg3LjUwMDMsMjguOTk5NSAyMC45OTkzLDE5LjMzMjIgMzQuNTAwMiw0Ny4zMzI5IDQwLjUwMDQsODMuOTk5NmwtNzQ5IDAgMCAxNDQuMDAxYzAsMjEyIDExNC42NjYsMzE3Ljk5OCAzNDMuOTk5LDMxNy45OThsNTc4LjAwMiAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxNjQuNDY2LDMyNjAuOTcpIHNjYWxlKDQuMzI0OSwtNC4zMjQ5KSI+PHBhdGggZD0iTTg2NS45OTkgNTc3LjAwMWwtMzI5IDAgMCAtNTc3LjAwMSAtMTg0IDAgMCA1NzcuMDAxIC0zMzEgMCAwIDE3Ni45OTggODQzLjk5OSAwIDAgLTE3Ni45OTh6Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMDAwLjY1MiwzMjYwLjk3KSBzY2FsZSg0LjMyNDksLTQuMzI0OSkiPjxwYXRoIGQ9Ik02OS45OTkzIDBsMCA1MjYuOTk5IDE4NCAwIDAgLTUyNi45OTkgLTE4NCAwem0xODQgNjA0Ljk5OWwtMTg0IDAgMCAxNDkgMTg0IDAgMCAtMTQ5eiIvPjwvZz48L2c+PC9zdmc+Cg==");
  --glpi-logo-dark-reduced: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MzM4IDMyNjAuOTciIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iQlNUaSI+PGcgZmlsbD0iIzE2MWIyNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMi43NCwzMjYwLjk3KSBzY2FsZSg0LjMyNDksLTQuMzI0OSkiPjxwYXRoIGQ9Ik0yNTMuOTk5IDE3NS4wMDFsNTY0LjAwMSAwYzQwLjY2NjgsMCA2MS4wMDAzLDE4Ljk5OTMgNjEuMDAwMyw1Ny4wMDAyIDAsNDMuMzMyOCAtMjAuMzMzNCw2NS4wMDAzIC02MS4wMDAzLDY1LjAwMDNsLTQzNSAwIDAgMTU5Ljk5OSA0MzUgMGM0MC42NjY4LDAgNjEuMDAwMywyMS40OTg4IDYxLjAwMDMsNjQuNTAwOSAwLDM2Ljk5OTcgLTIwLjMzMzQsNTUuNDk5NSAtNjEuMDAwMyw1NS40OTk1bC01NjQuMDAxIDAgMCAtNDAyem0tMTg0IDU3OC45OThsNzk3LjAwMSAwYzEzNy4zMzMsMCAyMDYsLTYzLjY2NjIgMjA2LC0xOTAuOTk5IDAsLTUyLjAwMTIgLTExLjE2NzksLTkyLjgzNDUgLTMzLjUwMTQsLTEyMi41IC0yMi4zMzM1LC0yOS42Njc3IC01NC40OTg0LC00OC41MDA1IC05Ni40OTkzLC01Ni41MDA3IDQxLjMzMjcsLTguMDAwMTggNzMuMzMzNSwtMjguMDAwNiA5NS45OTk5LC01OS45OTkxIDIyLjY2NjQsLTMyLjAwMDcgMzQuMDAwOCwtNzYuMzM0NyAzNC4wMDA4LC0xMzMgMCwtMTI3LjMzNSAtNjguNjY3NSwtMTkxLjAwMSAtMjA2LC0xOTEuMDAxbC03OTcuMDAxIDAgMCA3NTMuOTk5eiIvPjwvZz48L2c+PC9zdmc+Cg==");
}

/* A caixa do logo de login e 200x110, dimensionada para a marca
   quase quadrada do GLPI. O logotipo BSTi tem proporcao 4,32:1 e
   a 200px ocupa 46px - sobravam 64px de vazio. */
:root[data-glpi-theme=BSTI] .page-anonymous .glpi-logo {
  height: 46px;
}

/* Cantos de 3px, como os cartoes do BSTI One. O GLPI usa cantos
   mais arredondados por padrao; o BSTI One e mais reto. */
:root[data-glpi-theme=BSTI] {
  --tblr-border-radius: 3px;
}

/* ============================================================
   Portal de autoatendimento (interface Self-Service)
   ------------------------------------------------------------
   Redesenho para sair da identidade GLPI. Referencia: BSTI One.

   Mudancas:
   - faixa com o degrade da capa do BSTI One, mais baixa
   - cenas laterais do GLPI removidas
   - titulo e subtitulo proprios
   - cartoes na vertical (icone em cima), como os do BSTI One
   - icones proprios em traco azul, no lugar da arte do GLPI

   ARMADILHA DE LAYOUT: as cenas sao position:absolute e o
   conteudo tem margin lateral de 465px so para reservar espaco
   para elas, com padding-top de 170px centralizando o texto.
   Ao esconder as cenas e PRECISO zerar margin, height e padding
   do conteudo - senao o texto escapa por cima dos cartoes.

   O SVG dos icones do GLPI traz width/height fixos no ATRIBUTO
   HTML (70px). CSS vence atributo, mas so se a regra existir -
   sem ela o desenho vaza da caixa e cobre o titulo.

   TRANSBORDO: a home tem ~5px de rolagem horizontal. Medido com
   e sem este bloco: ja existia no GLPI, nao e daqui.
   ============================================================ */
:root[data-glpi-theme=BSTI] {
  /* ---------- faixa ---------- */
  /* O titulo do GLPI ("Como podemos ajuda-lo?") e string de
     traducao e nao ha configuracao para troca-lo. Como um tema e
     so CSS, a saida e zerar a fonte do texto original e escrever
     o novo por conteudo gerado.
     RESSALVA: o texto fica FIXO EM PORTUGUES e nao acompanha o
     idioma do usuario. Para os clientes da BSTI isso e aceitavel;
     se um dia houver usuario em outro idioma, este bloco precisa
     sair. */
  /* ---------- cartoes ---------- */
  /* icone em cima e texto embaixo, como os cartoes do BSTI One */
  /* a arte do GLPI sai; entra o icone proprio como background */
}
:root[data-glpi-theme=BSTI] .search-banner {
  background: linear-gradient(135deg, #0d1b5e 0%, #0277bd 100%) !important;
}
:root[data-glpi-theme=BSTI] .search-banner .scene {
  display: none !important;
}
:root[data-glpi-theme=BSTI] .search-banner .search-banner-content {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  max-width: 46rem !important;
  padding: 2.4rem 1.25rem 2rem !important;
}
:root[data-glpi-theme=BSTI] .search-banner h1 {
  font-size: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}
:root[data-glpi-theme=BSTI] .search-banner h1::before {
  content: "Seja bem-vindo ao BSTI Helpdesk";
  display: block;
  font-size: clamp(1.55rem, 2.9vw, 2.05rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: #ffffff;
}
:root[data-glpi-theme=BSTI] .search-banner h1::after {
  content: "Nosso sistema de chamados. Registre uma solicitação, acompanhe o andamento e consulte a documentação do seu ambiente.";
  display: block;
  max-width: 36rem;
  margin: 0.75rem auto 1.4rem;
  font-size: 0.97rem;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.8);
}
:root[data-glpi-theme=BSTI] .search-banner input {
  border-color: transparent !important;
  box-shadow: 0 6px 20px rgba(4, 12, 40, 0.28) !important;
}
:root[data-glpi-theme=BSTI] .tiles-banner .card {
  background: #ffffff !important;
  border: 1px solid #e4e8f0 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
:root[data-glpi-theme=BSTI] .tiles-banner .card:hover {
  border-color: #0277bd !important;
  box-shadow: 0 8px 22px rgba(13, 27, 94, 0.11) !important;
  transform: translateY(-2px);
}
:root[data-glpi-theme=BSTI] .tiles-banner .card .card-body {
  padding: 1.35rem 1.3rem !important;
}
:root[data-glpi-theme=BSTI] .tiles-banner .card .card-body > .d-flex {
  flex-direction: column !important;
  align-items: flex-start !important;
}
:root[data-glpi-theme=BSTI] .tiles-banner .card .ms-4 {
  margin-left: 0 !important;
}
:root[data-glpi-theme=BSTI] .tiles-banner .card .aspect-ratio-1 {
  flex: 0 0 auto;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 0.95rem;
  border-radius: 3px;
  background-color: #eaf4fb;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}
:root[data-glpi-theme=BSTI] .tiles-banner .card .aspect-ratio-1 > svg {
  display: none !important;
}

/* Icones proprios, em traco azul BSTI. Enderecados pelo destino do
   cartao, que e estavel - os titulos mudam, as rotas nao.
   Fora do bloco aninhado por legibilidade: sao linhas longas. */
:root[data-glpi-theme=BSTI] .tiles-banner a.card[href*="/Form/Render/2"] .aspect-ratio-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230277bd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpath d='M12 8.5v7M8.5 12h7'/%3E%3C/svg%3E");
}

:root[data-glpi-theme=BSTI] .tiles-banner a.card[href*="/Form/Render/1"] .aspect-ratio-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230277bd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 21.2 19.4H2.8z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 16.7v.3'/%3E%3C/svg%3E");
}

:root[data-glpi-theme=BSTI] .tiles-banner a.card[href*="/ServiceCatalog"] .aspect-ratio-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230277bd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M17.4 3.6a2.05 2.05 0 0 1 2.9 2.9L14 12.8l-3.9 1 1-3.9z'/%3E%3C/svg%3E");
}

:root[data-glpi-theme=BSTI] .tiles-banner a.card[href*="ticket.php"] .aspect-ratio-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230277bd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 6h12M8.5 12h12M8.5 18h12'/%3E%3Cpath d='M3.6 6h.02M3.6 12h.02M3.6 18h.02'/%3E%3C/svg%3E");
}

:root[data-glpi-theme=BSTI] .tiles-banner a.card[href*=bstione] .aspect-ratio-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230277bd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.4A2.4 2.4 0 0 1 6.4 17H20'/%3E%3Cpath d='M6.4 2H20v20H6.4A2.4 2.4 0 0 1 4 19.6V4.4A2.4 2.4 0 0 1 6.4 2z'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------
   Campo de busca fora da faixa
   O portal tem cinco caminhos claros nos cartoes; a busca da base
   de conhecimento sobrava - ainda mais depois que a FAQ saiu do
   perfil Self-Service. Some ela e a faixa cai de ~330px para
   ~183px, subindo os cartoes para a primeira dobra.
   ------------------------------------------------------------ */
:root[data-glpi-theme=BSTI] .search-banner .search-bar-container {
  display: none !important;
}
:root[data-glpi-theme=BSTI] .search-banner .search-banner-content {
  padding: 2.6rem 1.25rem 2.6rem !important;
}
:root[data-glpi-theme=BSTI] .search-banner h1::after {
  margin-bottom: 0 !important;
}

/* ------------------------------------------------------------
   Menu centralizado na janela
   O menu ja vinha centralizado DENTRO do proprio bloco, mas o
   bloco nao estava centralizado na janela: o logo a esquerda e o
   menu de usuario a direita tem larguras diferentes, e o
   space-between empurrava o conjunto ~100px para a esquerda.

   A correcao tira o bloco do fluxo e o ancora no centro real.
   Restrita a telas largas (>=1200px) de proposito: abaixo disso
   o .navbar-collapse vira o menu sanfonado do mobile, e
   posiciona-lo de forma absoluta quebraria esse comportamento.
   ------------------------------------------------------------ */
@media (min-width: 1200px) {
  :root[data-glpi-theme=BSTI] .header-container {
    position: relative;
  }
  :root[data-glpi-theme=BSTI] .header-container > .navbar-collapse {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
  }
}