/* theme-name: RPassomato Dark */
/* Habilita os ajustes nativos do modo escuro no GLPI 11 */
:root[data-glpi-theme=rpassomato_dark] {
  color-scheme: dark;
  /* Cor institucional */
  --tblr-primary: #FF9F53;
  --tblr-primary-rgb: 255, 159, 83;
  --tblr-primary-fg: #171D26;
  /* Cores secundarias */
  --tblr-secondary: #AEB9C9;
  --tblr-secondary-fg: #171D26;
  /* Links */
  --tblr-link-color-rgb: 255, 166, 102;
  /* Fundo principal */
  --tblr-body-bg: #171D26;
  --tblr-body-color: #EDF1F6;
  /* Paineis e superficies */
  --tblr-bg-surface: #202936;
  --tblr-bg-surface-secondary: #293443;
  --tblr-card-bg: #232D3B;
  /* Bordas */
  --tblr-border-color: #3A4657;
  /* Menu principal */
  --glpi-mainmenu-bg: #202733;
  --glpi-mainmenu-fg: #F0F3F8;
  /* Miniatura da paleta */
  --glpi-palette-color-1: #FF9F53;
  --glpi-palette-color-2: #202733;
  --glpi-palette-color-3: #293443;
  --glpi-palette-color-4: #171D26;
}

/* ==============================================
   Home Self-Service no tema escuro
   ============================================== */
/* Mantem o wallpaper original, com camada escura */
:root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container {
  background: linear-gradient(rgba(14, 18, 25, 0.78), rgba(14, 18, 25, 0.78)), url("/pics/custom/rpassomato/bg-rpassomato.png") center center/cover no-repeat fixed !important;
}

/* Cards escuros com efeito de vidro */
:root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container .tiles-banner .card {
  background: rgba(32, 41, 54, 0.85) !important;
  border: 1px solid rgba(180, 190, 205, 0.18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Titulos e descricoes */
:root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container .search-banner h1,
:root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container .tiles-banner .card-title {
  color: #F0F3F8 !important;
}

:root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container .tiles-banner .text-secondary {
  color: #BAC5D4 !important;
}

/* Pesquisa em modo escuro */
:root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container .home-search {
  background: rgba(35, 45, 59, 0.9) !important;
  color: #F0F3F8 !important;
  border: 1px solid #485569 !important;
}

:root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container .home-search::placeholder {
  color: #AEB9C9 !important;
}

@media (max-width: 768px) {
  :root[data-glpi-theme=rpassomato_dark] .helpdesk-home-container {
    background-attachment: scroll !important;
  }
}