@charset "UTF-8";
/*! theme-name: Aviserrano */
/*!
 * Tema corporativo Aviserrano — GLPI 11
 * Paleta: verde #7dba00 · interacción #006b54 · acento cian #1cd7dc · scroll #1e755d
 * Logos: logo_blanco_1.png (menú, sobre caja blanca) · login_aviserrano.png (login)
 * Referencia visual: sidebar verde, logo en caja blanca, ítem activo con borde cian
 * Hereda de: auror
 */
/* =============================================================================
 * Logos globales (el login es anónimo y usa la paleta auror, no el tema activo)
 * ============================================================================= */
:root {
  --glpi-logo-light: url("../pics/logos/logo_blanco_1.png");
  --glpi-logo-light-reduced: url("../pics/logos/logo_blanco_1.png");
  --glpi-logo-dark: url("../pics/logos/login_aviserrano.png");
  --glpi-logo-dark-reduced: url("../pics/logos/logo_blanco_1.png");
  --glpi-logo-dark-login: url("../pics/logos/login_aviserrano.png");
  --glpi-logo-light-login: url("../pics/logos/login_aviserrano.png");
  --glpi-logo: var(--glpi-logo-light);
  --glpi-logo-reduced: var(--glpi-logo-light-reduced);
}

/* =============================================================================
 * Variables de color
 * ============================================================================= */
:root[data-glpi-theme=aviserrano] {
  /* Marca */
  --aviserrano-green: #7dba00;
  --aviserrano-green-dark: #006b54;
  --aviserrano-cyan: #1cd7dc;
  --aviserrano-scroll: #1e755d;
  /* Tabler (base) */
  --tblr-primary-rgb: 125, 186, 0;
  --tblr-primary-fg: #fafbfc;
  --tblr-secondary: #006b54;
  --tblr-secondary-fg: #fafbfc;
  --tblr-link-color-rgb: 0, 107, 84;
  --tblr-link-color: #006b54;
  --tblr-body-color: #1a2a33;
  --tblr-body-bg: #f4f6fa;
  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-secondary: #fafbfc;
  --tblr-bg-surface-tertiary: #e6e7e9;
  --tblr-bg-forms: #ffffff;
  --tblr-input-bg: #ffffff;
  --tblr-border-color: #d0d4da;
  --tblr-border-color-translucent: rgba(125, 186, 0, 0.18);
  --tblr-navbar-color: #f4f6fa;
  /* Menú principal (sidebar verde, texto e iconos claros) */
  --glpi-mainmenu-bg: #7dba00;
  --glpi-mainmenu-fg: #f4f6fa;
  --glpi-mainmenu-fg-muted: rgba(244, 246, 250, 0.85);
  --glpi-mainmenu-active-bg: rgba(0, 0, 0, 0.15);
  /* Helpdesk / portal de autoservicio */
  --glpi-helpdesk-header: #e8f5d0;
  --glpi-helpdesk-tiles-section-bg: #ffffff;
  --glpi-helpdesk-tabs-section-bg: #e6e7e9;
  /* Varios UI */
  --glpi-fg-secondary: rgba(26, 42, 51, 0.7);
  --glpi-search-bg: #ffffff;
  --glpi-search-fg: #1a2a33;
  --glpi-badge-bg: rgba(125, 186, 0, 0.15);
  --glpi-badge-fg: #006b54;
  --glpi-form-header-fg: #006b54;
  --glpi-form-header-bg: #f0f7e0;
  --glpi-form-header-border-color: #c5d99a;
  /* Logos del tema activo */
  --glpi-logo: url("../pics/logos/logo_blanco_1.png");
  --glpi-logo-reduced: url("../pics/logos/logo_blanco_1.png");
  --glpi-logo-light-login: url("../pics/logos/login_aviserrano.png");
  --glpi-logo-dark-login: url("../pics/logos/login_aviserrano.png");
  /* Swatch del selector de paletas */
  --glpi-palette-color-1: #7dba00;
  --glpi-palette-color-2: #006b54;
  --glpi-palette-color-3: #1cd7dc;
  --glpi-palette-color-4: #f4f6fa;
  /* Ilustraciones helpdesk (gama verde; no heredar menú para no desalinear) */
  --glpi-illustrations-background: #ffffff;
  --glpi-illustrations-header-dark: #006b54;
  --glpi-illustrations-header-light: #b8d96a;
  --glpi-illustrations-primary: #7dba00;
  --glpi-illustrations-gradient-1: hsl(85, 100%, 94%);
  --glpi-illustrations-gradient-2: hsl(85, 70%, 70%);
  --glpi-illustrations-gradient-3: hsl(165, 100%, 21%);
}

/* =============================================================================
 * Logo — login
 * ============================================================================= */
:root[data-glpi-theme=aviserrano] .page-anonymous .glpi-logo,
.page-anonymous .glpi-logo {
  --logo: url("../pics/logos/login_aviserrano.png");
  content: var(--logo) !important;
  width: 721px;
  max-width: min(721px, 100%);
  height: 250px;
  object-fit: contain;
  object-position: center;
  background-image: none !important;
}

/* =============================================================================
 * Logo — menú: caja blanca + logo_blanco_1 (texto oscuro; necesita base blanca
 * sobre el sidebar verde #7dba00, como en la captura)
 * ============================================================================= */
:root[data-glpi-theme=aviserrano] .sidebar .navbar-brand .glpi-logo,
:root[data-glpi-theme=aviserrano] .topbar .navbar-brand .glpi-logo,
:root[data-glpi-theme=aviserrano] .page .glpi-logo {
  background: #ffffff url("../pics/logos/logo_blanco_1.png") no-repeat center;
  background-size: 178px;
  border-radius: 15px;
  height: 70px;
  width: 200px;
  min-width: 140px;
  padding: 6px 8px;
  box-sizing: border-box;
}

:root[data-glpi-theme=aviserrano] body.navbar-collapsed .page .glpi-logo {
  width: 48px;
  min-width: 48px;
  height: 48px;
  background-size: contain;
  border-radius: 10px;
  padding: 2px;
}

/* =============================================================================
 * Menú lateral y topbar (verde lima, texto e iconos claros)
 * ============================================================================= */
:root[data-glpi-theme=aviserrano] .sidebar,
:root[data-glpi-theme=aviserrano] .topbar {
  /* background-color: #7dba00 !important;*/
  background-color: #ffffff !important;
  /* color: #f4f6fa;*/
  color: #1f2937;
  z-index: 1031;
}

/* Texto e iconos del menú en claro (outline style hereda currentColor) */
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link {
  /*color: #f4f6fa !important;*/
  color: #1f2937 !important;
  border-left: 3px solid transparent;
  border-radius: unset;
}

:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link i,
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link .ti,
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link .fas,
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link .far {
  color: inherit !important;
}

/* Activo / desplegado: fondo oscurecido + borde cian (ítem Tickets en la captura) */
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link.show,
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link.active {
  border-left-color: rgba(28, 215, 220, 0.85) !important;
  /*color: #ffffff !important;*/
  color: #1f2937 !important;
  *
    font-weight: bold;
  background-color: rgba(0, 0, 0, 0.15) !important;
}

/* Hover */
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item:hover > .nav-link {
  border-left-color: #1cd7dc !important;
  /*color: #e6e6e6 !important;*/
  color: #1f2937 !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Submenú (Tickets, Abrir petición, etc.) */
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item {
  /* color: #f4f6fa !important;*/
  color: #1f2937 !important;
}

:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item i {
  color: inherit !important;
}

:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item:hover:not(.active),
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item:hover {
  border-left-color: #1cd7dc !important;
  /*color: #e6e6e6 !important;*/
  color: #1f2937 !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}

:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=aviserrano] .sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item.active {
  border-left: 3px solid rgba(28, 215, 220, 0.85) !important;
  /*color: #ffffff !important;*/
  color: #1f2937 !important;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.15) !important;
}

:root[data-glpi-theme=aviserrano] .sidebar .btn-ghost-secondary,
:root[data-glpi-theme=aviserrano] .topbar .btn-ghost-secondary,
:root[data-glpi-theme=aviserrano] .sidebar .nav-link,
:root[data-glpi-theme=aviserrano] .sidebar .text-muted {
  /*color: #f4f6fa !important;*/
  color: #1f2937 !important;
}

/* Buscador del menú ("Encuentra el menú") */
:root[data-glpi-theme=aviserrano] .sidebar .form-control,
:root[data-glpi-theme=aviserrano] .sidebar input[type=search] {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.35);
  color: #ffffff;
}

:root[data-glpi-theme=aviserrano] .sidebar .form-control::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

/* =============================================================================
 * Botones
 * ============================================================================= */
:root[data-glpi-theme=aviserrano] .btn-primary,
:root[data-glpi-theme=aviserrano] .btn-outline-primary,
:root[data-glpi-theme=aviserrano] .btn-ghost-primary {
  --tblr-btn-color: #7dba00;
  --tblr-btn-color-interactive: #006b54;
  --tblr-btn-color-text: #fafbfc;
}

:root[data-glpi-theme=aviserrano] .btn-secondary,
:root[data-glpi-theme=aviserrano] .btn-outline-secondary,
:root[data-glpi-theme=aviserrano] .btn-ghost-secondary {
  --tblr-btn-color: #7dba00;
  --tblr-btn-color-interactive: #006b54;
  --tblr-btn-color-text: #fafbfc;
}

:root[data-glpi-theme=aviserrano] .btn-primary {
  --tblr-btn-bg: #7dba00;
  --tblr-btn-border-color: #7dba00;
  --tblr-btn-color: #fafbfc;
  --tblr-btn-hover-bg: #006b54;
  --tblr-btn-hover-border-color: #006b54;
  --tblr-btn-hover-color: #fafbfc;
  --tblr-btn-active-bg: #005544;
  --tblr-btn-active-border-color: #005544;
  --tblr-btn-active-color: #fafbfc;
}

/* =============================================================================
 * Componentes
 * ============================================================================= */
:root[data-glpi-theme=aviserrano] .card-tabs #tabspanel.nav-tabs .nav-link .badge {
  margin-left: 5px;
  background-color: #7dba00;
  color: #fafbfc;
}

:root[data-glpi-theme=aviserrano] .form-check-input {
  background-color: #7dba00 !important;
  border-color: rgba(98, 105, 118, 0.24);
}

:root[data-glpi-theme=aviserrano] .form-check-input:checked {
  background-color: #006b54 !important;
  border-color: #006b54;
}

.topbar #navbar-menu .nav-item .nav-link {
  color: #1f2937;
}

.horizontal-layout .text-muted-menu {
  color: #1f2937 !important;
}

:root[data-glpi-theme=aviserrano] .bg-info {
  color: #ffffff !important;
  background: #7dba00 !important;
}

/* Login: fondo gris corporativo */
:root[data-glpi-theme=aviserrano] body.welcome-anonymous,
:root[data-glpi-theme=aviserrano] body.welcome-anonymous .page-anonymous,
body.welcome-anonymous {
  background-color: #e6e7e9;
  background-image: none;
}