@charset "UTF-8";
/* ============================================================
   PALETA CUSTOMIZADA - PLATINÃO
   GLPI 11 Community - files/_themes/platinao.scss

   Cores oficiais (Brandbook Platinão):
     - Azul Platinão:     #0056a4  (RGB 0, 86, 164)
     - Vermelho Platinão: #d20a11  (RGB 210, 10, 17)

   Regras:
   - Usar SOMENTE azul e vermelho como cores de marca.
   - Branco/preto/cinza apenas como neutras (texto/fundo).
   - Tema aplicado via :root[data-glpi-theme="platinao"].
   - Ajuste pedido:
     • A barra azul dos cards/widgets vira BRANCA com texto PRETO.
     • Ao passar o mouse: barra em azul claro (derivado do azul da marca),
       texto continua preto (nada de vermelho aqui).
   ============================================================ */
:root[data-glpi-theme=platinao] {
  /* ==========================================================
     1. CORES BASE (TABLER / GLPI)
     ========================================================== */
  /* Primary = Azul Platinão */
  --tblr-primary: #0056a4;
  --tblr-primary-rgb: 0, 86, 164;
  --tblr-primary-fg: #ffffff;
  /* Links em Azul Platinão (hover ajustado abaixo) */
  --tblr-link-color: #0056a4;
  --tblr-link-color-rgb: 0, 86, 164;
  /* Secondary = Azul Platinão para coerência */
  --tblr-secondary: #0056a4;
  --tblr-secondary-rgb: 0, 86, 164;
  --tblr-secondary-fg: #ffffff;
  /* Danger = Vermelho Platinão */
  --tblr-danger: #d20a11;
  --tblr-danger-rgb: 210, 10, 17;
  --tblr-danger-fg: #ffffff;
  /* Demais cores (não são de marca, deixam padrão GLPI) */
  --tblr-success: #198754;
  --tblr-success-rgb: 25, 135, 84;
  --tblr-success-fg: #ffffff;
  --tblr-warning: #ffc107;
  --tblr-warning-rgb: 255, 193, 7;
  --tblr-warning-fg: #212529;
  --tblr-info: #0dcaf0;
  --tblr-info-rgb: 13, 202, 240;
  --tblr-info-fg: #212529;
  /* Fundo e texto padrão (neutros) */
  --tblr-body-bg: #ffffff;
  --tblr-body-bg-rgb: 255, 255, 255;
  --tblr-body-color: #212529;
  --tblr-body-color-rgb: 33, 37, 41;
  /* ==========================================================
     2. VARIÁVEIS ESPECÍFICAS DO GLPI
     ========================================================== */
  /* Barra / menu principal (topo ou lateral, conforme layout) */
  --glpi-mainmenu-bg: #0056a4; /* Azul Platinão */
  --glpi-mainmenu-fg: #ffffff; /* texto/ícones */
  /* Hover / item ativo na barra principal */
  --glpi-mainmenu-hover-bg: #d20a11; /* Vermelho Platinão */
  --glpi-mainmenu-hover-fg: #ffffff;
  /* Botões principais */
  --glpi-button-primary-bg: #0056a4; /* Azul Platinão */
  --glpi-button-primary-fg: #ffffff;
  --glpi-button-primary-hover-bg: #d20a11; /* Vermelho Platinão */
  --glpi-button-primary-hover-fg: #ffffff;
  /* Ícones principais */
  --glpi-icon-main-fg: #0056a4; /* Azul Platinão */
  --glpi-icon-danger-fg: #d20a11; /* Vermelho Platinão */
  /* ==========================================================
     3. SWATCH DA PALETA (PREVIEW NO SELECT)
     ========================================================== */
  /* 4 cores de preview da paleta, estáticas */
  --glpi-palette-color-1: #0056a4; /* Azul Platinão */
  --glpi-palette-color-2: #d20a11; /* Vermelho Platinão */
  --glpi-palette-color-3: #0056a4; /* Azul Platinão */
  --glpi-palette-color-4: #d20a11; /* Vermelho Platinão */
}

/* ============================================================
   4. AJUSTES FINOS DE INTERFACE
   (sempre escopados em [data-glpi-theme="platinao"])
   ============================================================ */
/* ------------------------------------------------------------
   4.1. BARRA SUPERIOR (NAVBAR)
   - Fundo azul Platinão (vem das vars do tema)
   - Texto sempre branco
   ------------------------------------------------------------ */
:root[data-glpi-theme=platinao] .navbar,
:root[data-glpi-theme=platinao] .navbar .navbar-brand,
:root[data-glpi-theme=platinao] .navbar .nav-link,
:root[data-glpi-theme=platinao] .navbar .dropdown-toggle,
:root[data-glpi-theme=platinao] #header,
:root[data-glpi-theme=platinao] #header .navbar {
  color: #ffffff !important;
}

/* Hover na navbar: mantém texto branco */
:root[data-glpi-theme=platinao] .navbar .nav-link:hover,
:root[data-glpi-theme=platinao] .navbar .nav-link:focus {
  color: #ffffff !important;
}

/* ------------------------------------------------------------
   4.2. MENUS SUSPENSOS (DROPDOWN) DA BARRA SUPERIOR
   - Fundo branco, texto preto
   ------------------------------------------------------------ */
:root[data-glpi-theme=platinao] .navbar .dropdown-menu {
  background-color: #ffffff !important;
}

:root[data-glpi-theme=platinao] .navbar .dropdown-menu .dropdown-item,
:root[data-glpi-theme=platinao] .navbar .dropdown-menu .nav-link {
  color: #000000 !important;
}

/* Hover dos itens do dropdown: cinza claro + texto preto */
:root[data-glpi-theme=platinao] .navbar .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=platinao] .navbar .dropdown-menu .dropdown-item:focus {
  background-color: #f1f1f1 !important;
  color: #000000 !important;
}

/* ------------------------------------------------------------
   4.3. SIDEBAR / MENU LATERAL
   - Fundo azul
   - Texto branco
   - Item ativo/hover/ foco em vermelho
   ------------------------------------------------------------ */
/* Fundo geral da barra lateral */
:root[data-glpi-theme=platinao] .navbar-vertical {
  background-color: #0056a4 !important; /* Azul Platinão */
  color: #ffffff !important;
}

/* Itens do menu lateral */
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link {
  color: #ffffff !important;
}

/* Ícones do menu lateral */
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link i,
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link svg {
  color: #ffffff !important;
}

/* Ativo / foco / hover na sidebar: Vermelho Platinão */
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link:focus,
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link:hover {
  background-color: #d20a11 !important; /* Vermelho Platinão */
  color: #ffffff !important;
}

/* ------------------------------------------------------------
   4.4. LINKS EM GERAL
   - Normal: Azul Platinão
   - Hover: Vermelho Platinão
   ------------------------------------------------------------ */
:root[data-glpi-theme=platinao] a,
:root[data-glpi-theme=platinao] a:link,
:root[data-glpi-theme=platinao] a:visited {
  color: #0056a4;
}

:root[data-glpi-theme=platinao] a:hover,
:root[data-glpi-theme=platinao] a:focus {
  color: #d20a11;
}

/* ------------------------------------------------------------
   4.5. BOTÕES
   - Primário: azul → hover vermelho
   - Danger: vermelho
   ------------------------------------------------------------ */
/* Botão primário */
:root[data-glpi-theme=platinao] .btn-primary {
  background-color: #0056a4 !important; /* Azul Platinão */
  border-color: #0056a4 !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=platinao] .btn-primary:hover,
:root[data-glpi-theme=platinao] .btn-primary:focus {
  background-color: #d20a11 !important; /* Vermelho Platinão */
  border-color: #d20a11 !important;
  color: #ffffff !important;
}

/* Botão de perigo / ações destrutivas */
:root[data-glpi-theme=platinao] .btn-danger {
  background-color: #d20a11 !important;
  border-color: #d20a11 !important;
  color: #ffffff !important;
}

/* ------------------------------------------------------------
   4.6. ALERTAS E STATUS
   ------------------------------------------------------------ */
/* Alertas de erro/crítico em Vermelho Platinão */
:root[data-glpi-theme=platinao] .alert-danger,
:root[data-glpi-theme=platinao] .bg-danger {
  background-color: #d20a11 !important;
  border-color: #d20a11 !important;
  color: #ffffff !important;
}

/* Alertas informativos em Azul Platinão */
:root[data-glpi-theme=platinao] .alert-info {
  background-color: #0056a4 !important;
  border-color: #0056a4 !important;
  color: #ffffff !important;
}

/* ------------------------------------------------------------
   4.7. TABELAS E CARDS
   (INCLUINDO AJUSTE DA BARRA AZUL DA FOTO)
   ------------------------------------------------------------ */
/* Cabeçalho de tabela em Azul Platinão */
:root[data-glpi-theme=platinao] thead.table-light th,
:root[data-glpi-theme=platinao] .table thead th {
  background-color: #ffffff !important;
  color: #ffffff !important;
}

/* Hover em linhas de tabela: vermelho com transparência */
:root[data-glpi-theme=platinao] .table tbody tr:hover {
  background-color: rgba(210, 10, 17, 0.1) !important; /* #d20a11 com alpha */
}

/* === AJUSTE PEDIDO: BARRA DOS CARDS/WIDGETS =================
   Antes: fundo azul com texto branco.
   Agora:
   - Fundo branco
   - Texto preto
   - Hover: azul claro (dentro do padrão da marca, derivado do azul),
            mantendo texto preto para leitura fácil.
   ============================================================ */
/* Barra superior dos cards/widgets */
:root[data-glpi-theme=platinao] .card-header,
:root[data-glpi-theme=platinao] .box-header {
  background-color: #ffffff !important; /* barra branca */
  color: #000000 !important; /* texto preto */
  border-bottom: 1px solid #dde3ea; /* linha suave para separar */
}

/* Hover da barra dos cards:
   Azul clarinho derivado do #0056a4 (não foge da marca) */
:root[data-glpi-theme=platinao] .card-header:hover,
:root[data-glpi-theme=platinao] .box-header:hover {
  background-color: #e6eff7 !important; /* azul bem claro */
  color: #000000 !important; /* mantém texto preto */
}

/* Cards "perigo" com barra vermelha (mantém lógica de status) */
:root[data-glpi-theme=platinao] .card-danger .card-header,
:root[data-glpi-theme=platinao] .box-danger .box-header {
  background-color: #d20a11 !important;
  color: #ffffff !important;
}

/* ------------------------------------------------------------
   4.8. PORTAL DO USUÁRIO
   ------------------------------------------------------------ */
/* Cabeçalho do portal */
:root[data-glpi-theme=platinao] .portal-header,
:root[data-glpi-theme=platinao] .portal-header-container {
  background-color: #0056a4 !important;
  color: #ffffff !important;
}

/* Botões principais do portal */
:root[data-glpi-theme=platinao] .portal-home .btn,
:root[data-glpi-theme=platinao] .portal-home .btn-primary {
  background-color: #0056a4 !important;
  border-color: #0056a4 !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=platinao] .portal-home .btn:hover,
:root[data-glpi-theme=platinao] .portal-home .btn-primary:hover {
  background-color: #d20a11 !important;
  border-color: #d20a11 !important;
}

/* Links do portal */
:root[data-glpi-theme=platinao] .portal-home a.portal-link,
:root[data-glpi-theme=platinao] .portal-home a.tile {
  color: #0056a4 !important;
}

:root[data-glpi-theme=platinao] .portal-home a.portal-link:hover,
:root[data-glpi-theme=platinao] .portal-home a.tile:hover {
  color: #d20a11 !important;
}