@charset "UTF-8";
/* ==========================================================================
   PLATINÃO LIGHT BLUE – V3
   Ajustes solicitados:
   - Manter base da paleta "Light Blue"
   - Azul Platinão (#0056a4) como primary
   - Corrigir:
     • Ícone do botão de pesquisa no topo (ficar sempre visível)
     • Textos de descrição dos cards muito claros (forçar preto)
   ========================================================================== */
/* ==========================================================================
   PALETA PRINCIPAL – MODO CLARO
   ========================================================================== */
:root[data-glpi-theme=platinao_lightblue] {
  /* Cores principais (base Light Blue + Azul Platinão) */
  --tblr-primary: #0056a4;
  --tblr-primary-rgb: 0, 86, 164;
  --tblr-primary-hover: #00498b;
  --tblr-primary-active: #003b71;
  --tblr-secondary: #eff3f8;
  --tblr-secondary-fg: #1e293b;
  --tblr-success: #22c55e;
  --tblr-success-rgb: 34, 197, 94;
  --tblr-warning: #f97316;
  --tblr-warning-rgb: 249, 115, 22;
  --tblr-danger: #ef4444;
  --tblr-danger-rgb: 239, 68, 68;
  --tblr-link-color: #0056a4;
  --tblr-link-color-rgb: 0, 86, 164;
  --tblr-link-hover-color: #003b71;
  --tblr-link-active-color: #002e58;
  --tblr-link-decoration: underline;
  --tblr-link-hover-decoration: underline;
  --tblr-body-bg: #f5f7fb;
  --tblr-body-color: #111827;
  --tblr-heading-color: #0f172a;
  --tblr-muted-color: #6b7280;
  --tblr-input-bg: #ffffff;
  --tblr-input-color: #111827;
  --tblr-input-border-color: #cbd5e1;
  --tblr-input-focus-border-color: #0056a4;
  --tblr-input-placeholder-color: #6b7280;
  --glpi-body-bg: #f5f7fb;
  --glpi-card-bg: #ffffff;
  --glpi-card-border-color: #e2e8f0;
  --glpi-card-shadow: 0 2px 4px rgba(15, 23, 42, 0.08);
  --glpi-header-bg: #e5edf8;
  --glpi-header-color: #111827;
  --glpi-table-bg: #ffffff;
  --glpi-table-border-color: #e2e8f0;
  --glpi-table-striped-bg: #f1f5f9;
  --glpi-table-hover-bg: #e5edf8;
  /* Navegação principal */
  --glpi-mainmenu-bg: #0056a4;
  --glpi-mainmenu-fg: #f9fafb;
  --glpi-mainmenu-item-bg: transparent;
  --glpi-mainmenu-item-fg: #f9fafb;
  --glpi-mainmenu-item-hover-bg: #004380;
  --glpi-mainmenu-item-hover-fg: #ffffff;
  --glpi-mainmenu-item-active-bg: #003667;
  --glpi-mainmenu-item-active-fg: #ffffff;
  --glpi-mainmenu-border-color: #002e58;
  --glpi-submenu-bg: #ffffff;
  --glpi-submenu-fg: #111827;
  --glpi-submenu-hover-bg: #e5edf8;
  --glpi-submenu-active-bg: #0056a4;
  --glpi-submenu-active-fg: #ffffff;
  /* Botões */
  --tblr-btn-primary-bg: #0056a4;
  --tblr-btn-primary-border-color: #0056a4;
  --tblr-btn-primary-color: #ffffff;
  --tblr-btn-primary-hover-bg: #00498b;
  --tblr-btn-primary-hover-border-color: #00498b;
  --tblr-btn-primary-active-bg: #003b71;
  --tblr-btn-primary-active-border-color: #003b71;
  --tblr-btn-primary-disabled-bg: #3ea3ff;
  --tblr-btn-primary-disabled-border-color: #3ea3ff;
  --tblr-btn-primary-disabled-color: #e5e7eb;
  --tblr-btn-secondary-bg: #e5edf8;
  --tblr-btn-secondary-border-color: #cbd5e1;
  --tblr-btn-secondary-color: #111827;
  --tblr-btn-secondary-hover-bg: #d6e3f5;
  --tblr-btn-secondary-hover-border-color: #cbd5e1;
  --tblr-btn-secondary-active-bg: #c5d7f0;
  --tblr-btn-secondary-active-border-color: #cbd5e1;
  --tblr-btn-secondary-disabled-bg: #e5edf8;
  --tblr-btn-secondary-disabled-border-color: #e5edf8;
  --tblr-btn-secondary-disabled-color: #9ca3af;
  /* Alertas / badges */
  --glpi-alert-info-bg: #e5edf8;
  --glpi-alert-info-border-color: #0056a4;
  --glpi-alert-info-color: #111827;
  --glpi-alert-success-bg: #dcfce7;
  --glpi-alert-success-border-color: #22c55e;
  --glpi-alert-success-color: #14532d;
  --glpi-alert-warning-bg: #fef3c7;
  --glpi-alert-warning-border-color: #f97316;
  --glpi-alert-warning-color: #78350f;
  --glpi-alert-danger-bg: #fee2e2;
  --glpi-alert-danger-border-color: #ef4444;
  --glpi-alert-danger-color: #7f1d1d;
  --glpi-badge-primary-bg: #0056a4;
  --glpi-badge-primary-color: #ffffff;
  --glpi-badge-secondary-bg: #e5edf8;
  --glpi-badge-secondary-color: #111827;
  --glpi-badge-danger-bg: #ef4444;
  --glpi-badge-danger-color: #ffffff;
  --glpi-badge-muted-bg: #e5e7eb;
  --glpi-badge-muted-color: #374151;
  /* Foco */
  --glpi-focus-outline-color: #0056a4;
  --glpi-focus-outline-width: 2px;
  --glpi-focus-outline-style: solid;
  --tblr-focus-ring-color: rgba(0, 86, 164, 0.35);
  --tblr-focus-ring-width: 0.16rem;
  --tblr-focus-ring-style: solid;
  /* Scrollbar */
  --glpi-scrollbar-thumb-bg: #cbd5e1;
  --glpi-scrollbar-thumb-hover-bg: #9ca3af;
  --glpi-scrollbar-track-bg: #f5f7fb;
  /* Swatch estático */
  --glpi-palette-color-1: #0056a4;
  --glpi-palette-color-2: #e5edf8;
  --glpi-palette-color-3: #ffffff;
  --glpi-palette-color-4: #111827;
}

/* ==========================================================================
   AJUSTES FINOS – LEGIBILIDADE (PESQUISA + DESCRIÇÃO DOS CARDS)
   ========================================================================== */
:root[data-glpi-theme=platinao_lightblue] {
  /* ------------------------------------------------------
     1. Navbar / menu principal (mantém contraste atual)
     ------------------------------------------------------ */
  /* ------------------------------------------------------
     2. BOTÃO / ÍCONE DE PESQUISA NO CANTO SUPERIOR
        - Ícone deve ficar visível SEM hover
        - Fundo claro e borda definida
     ------------------------------------------------------ */
  /* Campo de busca (input) no topo */
  /* Botão/ícone de pesquisa:
     cobrimos variações comuns do GLPI/Tabler:
     - .btn-icon
     - .btn-link
     - .input-group-text ao lado do search
   */
  /* ------------------------------------------------------
     3. GUIAS (TABS)
        - texto escuro em todas, ativo ainda mais destacado
     ------------------------------------------------------ */
  /* ------------------------------------------------------
     4. DESCRIÇÃO DOS CARDS (TEXTOS CLAROS -> PRETO)
        - GLPI usa diversas classes para textos em cards:
          .card-text, .text-muted, small.text-muted, .card-body > p, etc.
        - Aqui forçamos texto escuro em áreas de conteúdo.
     ------------------------------------------------------ */
  /* Em cards de alertas, mantemos cores de alerta e só reforçamos descrição */
  /* Caso GLPI use .text-muted global demais, corrigimos só dentro de cards */
  /* ------------------------------------------------------
     5. BOTÕES SECUNDÁRIOS/OUTLINE – texto escuro sempre
     ------------------------------------------------------ */
  /* Botão primário (Azul Platinão) com texto branco */
  /* ------------------------------------------------------
     6. TABELAS / SELEÇÃO
     ------------------------------------------------------ */
  /* ------------------------------------------------------
     7. CAMPOS – FOCO VISÍVEL
     ------------------------------------------------------ */
  /* ------------------------------------------------------
     8. ALERTAS / BADGES – mantém contraste da paleta
     ------------------------------------------------------ */
}
:root[data-glpi-theme=platinao_lightblue] .navbar,
:root[data-glpi-theme=platinao_lightblue] .navbar.navbar-main {
  background-color: var(--glpi-mainmenu-bg) !important;
  color: var(--glpi-mainmenu-fg) !important;
  border-bottom: 1px solid var(--glpi-mainmenu-border-color);
}
:root[data-glpi-theme=platinao_lightblue] .navbar .nav-link,
:root[data-glpi-theme=platinao_lightblue] .navbar .navbar-nav .nav-link {
  color: var(--glpi-mainmenu-item-fg) !important;
}
:root[data-glpi-theme=platinao_lightblue] .navbar .nav-link:hover,
:root[data-glpi-theme=platinao_lightblue] .navbar .navbar-nav .nav-link:hover {
  background-color: var(--glpi-mainmenu-item-hover-bg) !important;
  color: var(--glpi-mainmenu-item-hover-fg) !important;
}
:root[data-glpi-theme=platinao_lightblue] .navbar .nav-link.active,
:root[data-glpi-theme=platinao_lightblue] .navbar .navbar-nav .nav-link.active,
:root[data-glpi-theme=platinao_lightblue] .navbar .navbar-nav .nav-link[aria-current=page] {
  background-color: var(--glpi-mainmenu-item-active-bg) !important;
  color: var(--glpi-mainmenu-item-active-fg) !important;
}
:root[data-glpi-theme=platinao_lightblue] .navbar .nav-link:focus-visible,
:root[data-glpi-theme=platinao_lightblue] .navbar .navbar-nav .nav-link:focus-visible {
  outline: var(--glpi-focus-outline-width) var(--glpi-focus-outline-style) var(--glpi-focus-outline-color);
  outline-offset: 2px;
}
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search],
:root[data-glpi-theme=platinao_lightblue] .navbar .search-input,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .form-control {
  background-color: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #cbd5e1 !important;
}
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search]::placeholder,
:root[data-glpi-theme=platinao_lightblue] .navbar .search-input::placeholder,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .form-control::placeholder {
  color: #6b7280 !important;
}
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search]:focus,
:root[data-glpi-theme=platinao_lightblue] .navbar .search-input:focus,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .form-control:focus {
  border-color: var(--tblr-input-focus-border-color) !important;
  box-shadow: 0 0 0 var(--tblr-focus-ring-width) var(--tblr-focus-ring-color);
}
:root[data-glpi-theme=platinao_lightblue] .navbar .btn-search,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn-icon,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .input-group-text,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] + .btn,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] ~ .btn {
  background-color: #e5edf8 !important; /* azul claro */
  color: #0056a4 !important; /* Azul Platinão, sempre visível */
  border-color: #cbd5e1 !important;
  opacity: 1 !important; /* garante que não fique "apagado" */
}
:root[data-glpi-theme=platinao_lightblue] .navbar .btn-search i,
:root[data-glpi-theme=platinao_lightblue] .navbar .btn-search svg,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn i,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn svg,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn-icon i,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn-icon svg,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .input-group-text i,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .input-group-text svg,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] + .btn i,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] + .btn svg,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] ~ .btn i,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] ~ .btn svg {
  color: #0056a4 !important; /* deixa explicitamente o ícone azul */
  fill: #0056a4 !important;
}
:root[data-glpi-theme=platinao_lightblue] .navbar .btn-search:hover,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn:hover,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .btn-icon:hover,
:root[data-glpi-theme=platinao_lightblue] .navbar .search .input-group-text:hover,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] + .btn:hover,
:root[data-glpi-theme=platinao_lightblue] .navbar .form-control[type=search] ~ .btn:hover {
  background-color: #d6e3f5 !important;
  color: #003664 !important;
}
:root[data-glpi-theme=platinao_lightblue] .nav-tabs .nav-link {
  color: #111827 !important;
  background-color: #e5edf8 !important;
  border-color: #cbd5e1 #cbd5e1 transparent;
  border-radius: 0.375rem 0.375rem 0 0;
  font-weight: 500;
}
:root[data-glpi-theme=platinao_lightblue] .nav-tabs .nav-link:hover {
  background-color: #d6e3f5 !important;
  color: #0f172a !important;
}
:root[data-glpi-theme=platinao_lightblue] .nav-tabs .nav-link:focus-visible {
  outline: var(--glpi-focus-outline-width) var(--glpi-focus-outline-style) var(--glpi-focus-outline-color);
  outline-offset: 2px;
}
:root[data-glpi-theme=platinao_lightblue] .nav-tabs .nav-link.active,
:root[data-glpi-theme=platinao_lightblue] .nav-tabs .nav-item.show .nav-link {
  background-color: #ffffff !important;
  border-color: #cbd5e1 #cbd5e1 #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
}
:root[data-glpi-theme=platinao_lightblue] .card .card-text,
:root[data-glpi-theme=platinao_lightblue] .card .text-muted,
:root[data-glpi-theme=platinao_lightblue] .card small.text-muted,
:root[data-glpi-theme=platinao_lightblue] .card .card-body > p,
:root[data-glpi-theme=platinao_lightblue] .card .card-body > span,
:root[data-glpi-theme=platinao_lightblue] .card .card-body > div,
:root[data-glpi-theme=platinao_lightblue] .card .card-body .description,
:root[data-glpi-theme=platinao_lightblue] .card .card-body .subtitle,
:root[data-glpi-theme=platinao_lightblue] .card .card-body .subtext {
  color: #111111 !important; /* deixa descrição dos cards preta e legível */
}
:root[data-glpi-theme=platinao_lightblue] .alert .card-text,
:root[data-glpi-theme=platinao_lightblue] .alert .text-muted,
:root[data-glpi-theme=platinao_lightblue] .alert small.text-muted {
  color: inherit !important; /* não força preto em alertas coloridos */
}
:root[data-glpi-theme=platinao_lightblue] .card .text-muted {
  opacity: 1 !important; /* evita cinza muito apagado */
}
:root[data-glpi-theme=platinao_lightblue] .btn-secondary,
:root[data-glpi-theme=platinao_lightblue] .btn-outline-secondary {
  background-color: var(--tblr-btn-secondary-bg);
  border-color: var(--tblr-btn-secondary-border-color);
  color: var(--tblr-btn-secondary-color) !important;
}
:root[data-glpi-theme=platinao_lightblue] .btn-secondary:hover,
:root[data-glpi-theme=platinao_lightblue] .btn-outline-secondary:hover {
  background-color: var(--tblr-btn-secondary-hover-bg);
  border-color: var(--tblr-btn-secondary-hover-border-color);
  color: #0f172a !important;
}
:root[data-glpi-theme=platinao_lightblue] .btn-secondary:disabled,
:root[data-glpi-theme=platinao_lightblue] .btn-outline-secondary:disabled {
  background-color: var(--tblr-btn-secondary-disabled-bg);
  border-color: var(--tblr-btn-secondary-disabled-border-color);
  color: var(--tblr-btn-secondary-disabled-color) !important;
}
:root[data-glpi-theme=platinao_lightblue] .btn-primary {
  background-color: var(--tblr-btn-primary-bg);
  border-color: var(--tblr-btn-primary-border-color);
  color: var(--tblr-btn-primary-color) !important;
}
:root[data-glpi-theme=platinao_lightblue] .btn-primary:hover {
  background-color: var(--tblr-btn-primary-hover-bg);
  border-color: var(--tblr-btn-primary-hover-border-color);
}
:root[data-glpi-theme=platinao_lightblue] .btn-primary:active, :root[data-glpi-theme=platinao_lightblue] .btn-primary.active {
  background-color: var(--tblr-btn-primary-active-bg);
  border-color: var(--tblr-btn-primary-active-border-color);
}
:root[data-glpi-theme=platinao_lightblue] .btn-primary:disabled, :root[data-glpi-theme=platinao_lightblue] .btn-primary.disabled {
  background-color: var(--tblr-btn-primary-disabled-bg);
  border-color: var(--tblr-btn-primary-disabled-border-color);
  color: var(--tblr-btn-primary-disabled-color) !important;
}
:root[data-glpi-theme=platinao_lightblue] table.table,
:root[data-glpi-theme=platinao_lightblue] .tablerefresh {
  background-color: var(--glpi-table-bg);
  border-color: var(--glpi-table-border-color);
  color: var(--tblr-body-color);
}
:root[data-glpi-theme=platinao_lightblue] table.table thead th,
:root[data-glpi-theme=platinao_lightblue] .tablerefresh thead th {
  background-color: var(--glpi-header-bg);
  color: var(--glpi-header-color);
}
:root[data-glpi-theme=platinao_lightblue] table.table tbody tr:nth-child(odd),
:root[data-glpi-theme=platinao_lightblue] .tablerefresh tbody tr:nth-child(odd) {
  background-color: var(--glpi-table-striped-bg);
}
:root[data-glpi-theme=platinao_lightblue] table.table tbody tr:hover,
:root[data-glpi-theme=platinao_lightblue] .tablerefresh tbody tr:hover {
  background-color: var(--glpi-table-hover-bg);
}
:root[data-glpi-theme=platinao_lightblue] table.table tbody tr:focus-within,
:root[data-glpi-theme=platinao_lightblue] .tablerefresh tbody tr:focus-within {
  outline: var(--glpi-focus-outline-width) var(--glpi-focus-outline-style) var(--glpi-focus-outline-color);
  outline-offset: -1px;
}
:root[data-glpi-theme=platinao_lightblue] .table .selected,
:root[data-glpi-theme=platinao_lightblue] .tablerefresh .selected {
  background-color: #e5edf8 !important;
  color: #0f172a !important;
}
:root[data-glpi-theme=platinao_lightblue] .form-control:focus,
:root[data-glpi-theme=platinao_lightblue] select:focus,
:root[data-glpi-theme=platinao_lightblue] textarea:focus {
  border-color: var(--tblr-input-focus-border-color);
  box-shadow: 0 0 0 var(--tblr-focus-ring-width) var(--tblr-focus-ring-color);
}
:root[data-glpi-theme=platinao_lightblue] .alert-info {
  background-color: var(--glpi-alert-info-bg);
  border-color: var(--glpi-alert-info-border-color);
  color: var(--glpi-alert-info-color);
}
:root[data-glpi-theme=platinao_lightblue] .alert-success {
  background-color: var(--glpi-alert-success-bg);
  border-color: var(--glpi-alert-success-border-color);
  color: var(--glpi-alert-success-color);
}
:root[data-glpi-theme=platinao_lightblue] .alert-warning {
  background-color: var(--glpi-alert-warning-bg);
  border-color: var(--glpi-alert-warning-border-color);
  color: var(--glpi-alert-warning-color);
}
:root[data-glpi-theme=platinao_lightblue] .alert-danger {
  background-color: var(--glpi-alert-danger-bg);
  border-color: var(--glpi-alert-danger-border-color);
  color: var(--glpi-alert-danger-color);
}
:root[data-glpi-theme=platinao_lightblue] .badge-primary {
  background-color: var(--glpi-badge-primary-bg);
  color: var(--glpi-badge-primary-color);
}
:root[data-glpi-theme=platinao_lightblue] .badge-secondary {
  background-color: var(--glpi-badge-secondary-bg);
  color: var(--glpi-badge-secondary-color);
}
:root[data-glpi-theme=platinao_lightblue] .badge-danger {
  background-color: var(--glpi-badge-danger-bg);
  color: var(--glpi-badge-danger-color);
}
:root[data-glpi-theme=platinao_lightblue] .badge.badge-muted,
:root[data-glpi-theme=platinao_lightblue] .status.badge-muted,
:root[data-glpi-theme=platinao_lightblue] .state.badge-muted {
  background-color: var(--glpi-badge-muted-bg);
  color: var(--glpi-badge-muted-color);
}