.page .glpi-logo {
    background: url(../pics/logos/logo-GLPI-100-white.png) no-repeat center center;
    background-size: contain;  /* Escala la imagen sin recortarla */
    width: 40px;
    height: 40px;
}
/* Botón de inicio de sesión */
button.btn-primary {
     background: linear-gradient(90deg, #3498db, #9b59b6);  /* Morado */
    border-color: #6a5acd !important;
}button.btn-primary,
input.btn-primary,
a.btn-primary {
    background: linear-gradient(90deg, #3498db, #9b59b6) !important;  /* Azul a morado */
    border-color: #6a5acd !important;
    color: #fff !important;
}

.sidebar, .topbar {
    background-color: red !important;
    color: #f4f6fa;
    z-index: 1031;
}


/* Hover y focus del botón principal */
button.btn-primary:hover,
input.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:focus,
input.btn-primary:focus,
a.btn-primary:focus {
    background: linear-gradient(90deg, #9b59b6, #8e44ad) !important;  /* Morado más oscuro */
    border-color: #8e44ad !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(142, 68, 173, 0.25) !important;
}


/* Cambia color del texto cuando pasas el mouse por encima del ítem */
.dropdown-item:hover .text-wrap {
    color: #ffffff !important;
}

/* Cambia fondo del ítem completo */
.dropdown-item:hover {
    background-color: #6a5acd !important;  /* Morado */
}

/* Si quieres aplicar el estilo también cuando el ítem está activo */
.dropdown-item.active .text-wrap,
.dropdown-item:active .text-wrap {
    color: #ffffff !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #5a4bb3 !important;
}



/* Sobrescribe el logo en el login u otras vistas con el mismo selector */
.page .glpi-logo {
    background: url(../pics/logos/logo-GLPI-100-white.png) no-repeat center center;
    background-size: contain;  /* Escala la imagen sin recortarla */
    width: 40px;
    height: 40px;
}


.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #9b59b6 !important;
    border-radius: 4px !important;
    height: 38px;
    padding: 4px 8px;
    transition: all 0.2s ease-in-out;
}

/* Texto dentro del select */
.select2-selection__rendered {
    color: #333 !important;
    font-size: 14px !important;
    line-height: 28px !important;
}
/* Sombras de la tarjeta login */
.login-card {
    box-shadow: 0 0 10px rgba(106, 90, 205, 0.3) !important;
}

/* Input enfocado sin borde amarillo */
input:focus,
select:focus,
textarea:focus {
    border-color: #9b59b6 !important;       /* Morado */
    box-shadow: 0 0 5px rgba(155, 89, 182, 0.5) !important;  /* Sombra morada */
    outline: none !important;
}

/* Fondo de la página */
body {
    background-color: #f0f0f7 !important;  /* Gris claro */
}

/* Tarjeta de login */
.login-card {
    box-shadow: 0 0 10px rgba(106, 90, 205, 0.3) !important;
}