/* --- ALIMENTOS KIRI: THEME FINAL V8 (LEGIBILIDAD TOTAL) --- */
:root[data-glpi-theme=kiri] {
  --tblr-body-bg: #F4F7F9;
  --glpi-header-bg: #006A5B;
  --glpi-mainmenu-bg: #005246;
  --glpi-mainmenu-fg: #FFFFFF;
  --tblr-primary: #006A5B;
  --tblr-success: #00B451;
}

/* Sidebar un poco mas oscuro para mayor contraste */
.layout-sidebar,
.sidebar {
  background-color: #005246 !important;
}

/* --- HOME (CENTRAL): TABS CON ESTILO MODERNO --- */
#tabspanel.nav-tabs {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  flex-wrap: wrap;
  background: #FFFFFF;
  border: 1px solid #E9ECEF;
  border-radius: 12px;
  padding: 4px;
  gap: 4px;
}

#tabspanel.nav-tabs .nav-link {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #5D6D7E !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
}

#tabspanel.nav-tabs .nav-link:hover,
#tabspanel.nav-tabs .nav-link:focus {
  background: rgba(0, 106, 91, 0.08) !important;
  color: #0F4F45 !important;
  border-color: rgba(0, 106, 91, 0.14) !important;
}

#tabspanel.nav-tabs .nav-link.active,
#tabspanel.nav-tabs .show > .nav-link {
  background: #006A5B !important;
  color: #FFFFFF !important;
  border-color: #006A5B !important;
  box-shadow: 0 4px 10px rgba(0, 106, 91, 0.22) !important;
}

#tabspanel.nav-tabs .nav-link.active i,
#tabspanel.nav-tabs .show > .nav-link i,
#tabspanel.nav-tabs .nav-link.active svg,
#tabspanel.nav-tabs .show > .nav-link svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* --- SIDEBAR: TEXTO E ICONOS SIEMPRE BLANCOS --- */
.layout-sidebar .nav-link {
  border-radius: 10px !important;
  margin: 4px 10px !important;
  transition: all 0.3s ease !important;
  color: #FFFFFF !important;
}

.layout-sidebar .nav-link:hover,
.layout-sidebar .nav-link.active,
.layout-sidebar .nav-item.active > .nav-link {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

.layout-sidebar .nav-link i,
.layout-sidebar .nav-link svg,
.layout-sidebar .nav-link-icon,
.layout-sidebar .nav-link:hover .nav-link-icon,
.layout-sidebar .nav-link.active .nav-link-icon,
.layout-sidebar .nav-link:not(.active) i,
.layout-sidebar .nav-link:not(.active) svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  opacity: 1 !important;
  stroke: #FFFFFF !important;
  filter: brightness(1.2) !important;
}

.layout-sidebar .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateX(5px);
}

.layout-sidebar .nav-link.active, .layout-sidebar .nav-item.active > .nav-link {
  background-color: #00B451 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
}

/* Submenus del sidebar: texto e iconos siempre visibles en blanco */
.layout-sidebar .dropdown-menu .dropdown-item,
.layout-sidebar .navbar-nav .dropdown-menu .dropdown-item,
.layout-sidebar .nav .nav-item .nav .nav-link,
.layout-sidebar .nav-submenu .nav-link {
  color: #FFFFFF !important;
}

.layout-sidebar .dropdown-menu .dropdown-item i,
.layout-sidebar .dropdown-menu .dropdown-item svg,
.layout-sidebar .nav .nav-item .nav .nav-link i,
.layout-sidebar .nav .nav-item .nav .nav-link svg,
.layout-sidebar .nav-submenu .nav-link i,
.layout-sidebar .nav-submenu .nav-link svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  opacity: 1 !important;
}

.layout-sidebar .dropdown-menu .dropdown-item:hover,
.layout-sidebar .dropdown-menu .dropdown-item:focus,
.layout-sidebar .nav .nav-item .nav .nav-link:hover,
.layout-sidebar .nav-submenu .nav-link:hover,
.layout-sidebar .nav .nav-item .nav .nav-link.active,
.layout-sidebar .nav-submenu .nav-link.active {
  color: #FFFFFF !important;
}

/* Blindaje adicional: en sidebar expandido, todo el texto del submenu queda blanco */
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu,
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu,
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu *,
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu * {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu i,
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu i,
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu svg,
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* El encabezado del submenu no debe mostrarse en sidebar expandido */
body:not(.navbar-collapsed) .layout-sidebar #navbar-menu .dropdown-menu .dropdown-header,
body:not(.navbar-collapsed) .sidebar #navbar-menu .dropdown-menu .dropdown-header {
  display: none !important;
}

body:not(.navbar-collapsed) .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item,
body:not(.navbar-collapsed) .sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item,
body:not(.navbar-collapsed) .sidebar #navbar-menu .dropdown-menu .dropdown-item {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

/* Item padre del sidebar (ej: Activos): siempre blanco y sin desvanecer */
.layout-sidebar #navbar-menu .nav-item > .nav-link,
.sidebar #navbar-menu .nav-item > .nav-link {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

.layout-sidebar #navbar-menu .nav-item > .nav-link i,
.layout-sidebar #navbar-menu .nav-item > .nav-link svg,
.sidebar #navbar-menu .nav-item > .nav-link i,
.sidebar #navbar-menu .nav-item > .nav-link svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  opacity: 1 !important;
  filter: brightness(1.2) !important;
}

/* --- BOTONES DEL TABLERO (FOREST TEAL) --- */
.btn-check:checked + .btn,
.btn-group .btn.active,
.nav-pills .nav-link.active {
  background-color: #006A5B !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
}

/* Switches/segmentados: en estado activo todo va en blanco */
.btn-check:checked + .btn,
.btn-group .btn.active {
  --tblr-btn-color: #FFFFFF !important;
  --tblr-btn-hover-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

.btn-check:checked + .btn *,
.btn-group .btn.active *,
.btn-check:checked + .btn i,
.btn-check:checked + .btn svg,
.btn-group .btn.active i,
.btn-group .btn.active svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  opacity: 1 !important;
}

/* --- FIX GLOBAL BOTONES VERDES (TEXTO BLANCO) --- */
.btn-success, .bg-success, .badge-success, .submit, .btn-primary,
[style*="background-color: #00B451"],
[style*="background-color: rgb(0, 180, 81)"],
.btn-check:checked + .btn {
  color: #FFFFFF !important;
}

.btn-success i, .btn-success svg, .btn-primary i, .btn-primary svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* --- FIX: BOTONES INACTIVOS E ICONOS (GRIS) --- */
.btn-group .btn,
.btn-outline-secondary,
.nav-tabs .nav-link:not(.active),
.nav-pills .nav-link:not(.active),
.btn-check + .btn {
  color: #5d6d7e !important;
  background-color: #FFFFFF !important;
  border: 1px solid #e9ecef !important;
}

/* Switches/segmentados: en estado inactivo todo va en gris */
.btn-check + .btn:not(:checked),
.btn-group .btn:not(.active) {
  --tblr-btn-color: #5d6d7e !important;
  --tblr-btn-hover-color: #5d6d7e !important;
  color: #5d6d7e !important;
}

.btn-check + .btn:not(:checked) *,
.btn-group .btn:not(.active) *,
.btn-check + .btn:not(:checked) i,
.btn-check + .btn:not(:checked) svg,
.btn-group .btn:not(.active) i,
.btn-group .btn:not(.active) svg {
  color: #5d6d7e !important;
  fill: #5d6d7e !important;
  stroke: #5d6d7e !important;
  opacity: 1 !important;
}

/* Refuerzo para botones tipo switch con iconos (Tabler usa variables internas) */
.btn-group .btn.active.btn-outline-secondary,
.btn-check:checked + .btn.btn-outline-secondary {
  --tblr-btn-color: #FFFFFF !important;
  --tblr-btn-hover-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

.btn-group .btn:not(.active).btn-outline-secondary,
.btn-check + .btn.btn-outline-secondary:not(:checked) {
  --tblr-btn-color: #5d6d7e !important;
  --tblr-btn-hover-color: #5d6d7e !important;
  color: #5d6d7e !important;
}

.btn-group .btn.active .ti,
.btn-check:checked + .btn .ti,
.btn-group .btn.active .fa,
.btn-check:checked + .btn .fa {
  color: #FFFFFF !important;
}

.btn-group .btn:not(.active) .ti,
.btn-check + .btn:not(:checked) .ti,
.btn-group .btn:not(.active) .fa,
.btn-check + .btn:not(:checked) .fa {
  color: #5d6d7e !important;
}

/* Fallback fuerte para componentes tipo switch/tab (GLPI usa nav-pills en varias vistas) */
.btn-group .btn.active,
.btn-group .btn[aria-pressed=true],
.btn-group .btn.show,
.btn-check:checked + .btn,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #FFFFFF !important;
}

.btn-group .btn.active *,
.btn-group .btn[aria-pressed=true] *,
.btn-group .btn.show *,
.btn-check:checked + .btn *,
.nav-pills .nav-link.active *,
.nav-pills .show > .nav-link * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  opacity: 1 !important;
}

.btn-group .btn:not(.active):not([aria-pressed=true]):not(.show),
.btn-check + .btn:not(:checked),
.nav-pills .nav-link:not(.active) {
  color: #5d6d7e !important;
}

.btn-group .btn:not(.active):not([aria-pressed=true]):not(.show) *,
.btn-check + .btn:not(:checked) *,
.nav-pills .nav-link:not(.active) * {
  color: #5d6d7e !important;
  fill: #5d6d7e !important;
  stroke: #5d6d7e !important;
  opacity: 1 !important;
}

/* Selector de vista con iconos: activo blanco/inactivo gris */
.btn-group .btn.btn-icon.active,
.btn-group .btn.btn-icon[aria-pressed=true],
.btn-group .btn.btn-icon.show {
  background-color: #006A5B !important;
  border-color: #006A5B !important;
  color: #FFFFFF !important;
}

.btn-group .btn.btn-icon.active i,
.btn-group .btn.btn-icon.active svg,
.btn-group .btn.btn-icon[aria-pressed=true] i,
.btn-group .btn.btn-icon[aria-pressed=true] svg,
.btn-group .btn.btn-icon.show i,
.btn-group .btn.btn-icon.show svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.btn-group .btn.btn-icon:not(.active):not([aria-pressed=true]):not(.show):not(.btn-danger):not(.text-danger) {
  background-color: #FFFFFF !important;
  border-color: #E9ECEF !important;
  color: #5d6d7e !important;
}

.btn-group .btn.btn-icon:not(.active):not([aria-pressed=true]):not(.show):not(.btn-danger):not(.text-danger) i,
.btn-group .btn.btn-icon:not(.active):not([aria-pressed=true]):not(.show):not(.btn-danger):not(.text-danger) svg {
  color: #5d6d7e !important;
  fill: #5d6d7e !important;
  stroke: #5d6d7e !important;
}

/* Selector puntual de vistas (racks): usa clase .selected */
#sviewlist.btn.btn-icon,
#sviewgraph.btn.btn-icon {
  background-color: #FFFFFF !important;
  border-color: #E9ECEF !important;
  color: #5d6d7e !important;
}

#sviewlist.btn.btn-icon i,
#sviewlist.btn.btn-icon svg,
#sviewgraph.btn.btn-icon i,
#sviewgraph.btn.btn-icon svg {
  color: #5d6d7e !important;
  fill: #5d6d7e !important;
  stroke: #5d6d7e !important;
}

#sviewlist.btn.btn-icon.selected,
#sviewgraph.btn.btn-icon.selected {
  background-color: #006A5B !important;
  border-color: #006A5B !important;
  color: #FFFFFF !important;
}

#sviewlist.btn.btn-icon.selected i,
#sviewlist.btn.btn-icon.selected svg,
#sviewgraph.btn.btn-icon.selected i,
#sviewgraph.btn.btn-icon.selected svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Iconos de los botones inactivos en gris */
.btn-group .btn:not(.active) i,
.btn-group .btn:not(.active) svg,
.btn-check + .btn:not(:checked) i,
.btn-check + .btn:not(:checked) svg,
.header .nav-link i,
.header .nav-link svg,
.breadcrumb-item i,
.breadcrumb-item svg {
  color: #5d6d7e !important;
  fill: #5d6d7e !important;
  opacity: 1 !important;
}

/* Dropdowns (fuera del sidebar): verde mas suave en hover/seleccion */
body .dropdown-menu .dropdown-item:hover,
body .dropdown-menu .dropdown-item:focus {
  background-color: rgba(0, 106, 91, 0.1) !important;
}

body .dropdown-menu .dropdown-item.active,
body .dropdown-menu .dropdown-item:active {
  background-color: rgba(0, 106, 91, 0.16) !important;
  color: #0f4f45 !important;
}

/* Select2 usa su propio markup para el highlight */
body .select2-container .select2-results__option--highlighted[aria-selected],
body .select2-container .select2-results__option--highlighted[aria-selected=true] {
  background-color: rgba(0, 106, 91, 0.16) !important;
  color: #0f4f45 !important;
}

body .select2-container .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  background-color: rgba(0, 106, 91, 0.1) !important;
  color: #0f4f45 !important;
}

/* --- FIX FINAL: USUARIO Y HEADER (GRIS LEGIBLE) --- */
/* Forzamos que Super-Admin y la entidad se vean sobre blanco */
.header,
.header .nav-link,
.header .nav-link-title,
.header .text-muted,
.user-menu .nav-link-title,
.user-menu .text-muted,
.breadcrumb-item,
.breadcrumb-item a,
.d-none.d-xl-block.ps-2 div,
.user-menu .dropdown-toggle {
  color: #5d6d7e !important;
}

/* --- AJUSTE LOGO --- */
.layout-sidebar .brand-link {
  background: #FFFFFF !important;
  padding: 15px !important;
  border-bottom: 1px solid #EEE;
  margin-bottom: 10px;
}