@charset "UTF-8"; /* ========================================================= GLPI 11 Theme Override: TeamSystem (corporativo) File: /var/www/html/glpi/files/_themes/teamsystem.scss Scope: :root[data-glpi-theme='teamsystem'] Regla de contraste: - Fondo azul => texto blanco - Fondo blanco => texto negro ========================================================= */ :root[data-glpi-theme=teamsystem] { /* ---- Colores corporativos (los tuyos) ---- */ --ts-c1: #4FA3D1; /* azul claro */ --ts-c2: #2E5FA7; /* azul medio */ --ts-c3: #1F3F7A; /* azul oscuro */ --ts-c4: #B62B6A; /* magenta */ --ts-c5: #D94A3A; /* coral */ /* Primario del tema (usado en hover/active) */ --ts-primary: var(--ts-c3); --ts-primary-rgb: 31, 63, 122; /* Botón primario (rosa corporativo) */ --ts-pink: #C4005A; --ts-pink-dark: #A8004D; /* Base */ --ts-bg: #F6F8FB; --ts-card: #FFFFFF; --ts-text: #111827; --ts-muted: #6B7280; --ts-border: #E5E7EB; /* Tabler/GLPI base */ --tblr-body-bg: var(--ts-bg); --tblr-body-color: var(--ts-text); --tblr-border-color: var(--ts-border); --tblr-card-bg: var(--ts-card); /* Links */ --tblr-link-color: var(--ts-c2); --tblr-link-hover-color: var(--ts-c3); /* Primary */ --tblr-primary: var(--ts-primary); /* IMPORTANT: que el logo "reduced" sea el mismo que el normal */ } /* ========================================================= NAVBAR / TOPBAR (AZUL => TEXTO BLANCO) - Importante: NO forzar blanco dentro de dropdown-menus ========================================================= */ :root[data-glpi-theme=teamsystem] .navbar, :root[data-glpi-theme=teamsystem] header.navbar, :root[data-glpi-theme=teamsystem] .topbar { background: linear-gradient(110deg, var(--ts-c1) 0%, var(--ts-c2) 22%, var(--ts-c3) 44%, var(--ts-c4) 72%, var(--ts-c5) 100%) !important; color: #ffffff !important; } /* Blanco SOLO en la barra (container), no en dropdowns */ :root[data-glpi-theme=teamsystem] .navbar > .container-fluid, :root[data-glpi-theme=teamsystem] header.navbar > .container-fluid, :root[data-glpi-theme=teamsystem] .topbar > .container-fluid { color: #ffffff !important; } :root[data-glpi-theme=teamsystem] .navbar > .container-fluid a, :root[data-glpi-theme=teamsystem] .navbar > .container-fluid span, :root[data-glpi-theme=teamsystem] .navbar > .container-fluid i, :root[data-glpi-theme=teamsystem] .navbar > .container-fluid svg, :root[data-glpi-theme=teamsystem] .navbar > .container-fluid .breadcrumb, :root[data-glpi-theme=teamsystem] .navbar > .container-fluid .breadcrumb-item { color: #ffffff !important; fill: #ffffff !important; } :root[data-glpi-theme=teamsystem] .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, 0.7) !important; } /* Buscador superior (azul => texto blanco) */ :root[data-glpi-theme=teamsystem] .navbar > .container-fluid input, :root[data-glpi-theme=teamsystem] .navbar > .container-fluid .form-control { color: #ffffff !important; background-color: rgba(255, 255, 255, 0.12) !important; border-color: rgba(255, 255, 255, 0.25) !important; } :root[data-glpi-theme=teamsystem] .navbar > .container-fluid input::placeholder { color: rgba(255, 255, 255, 0.65) !important; } :root[data-glpi-theme=teamsystem] .navbar > .container-fluid input:focus { background-color: rgba(255, 255, 255, 0.18) !important; border-color: #ffffff !important; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important; } /* ========================================================= DROPDOWNS (BLANCO => TEXTO NEGRO, AZUL => TEXTO BLANCO) - Aplica a menús del topbar y cualquier dropdown-menu ========================================================= */ :root[data-glpi-theme=teamsystem] .dropdown-menu { background: #ffffff !important; border: 1px solid rgba(17, 24, 39, 0.1) !important; box-shadow: 0 12px 30px rgba(17, 24, 39, 0.18) !important; color: #111827 !important; } /* Estado normal: blanco => negro */ :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item, :root[data-glpi-theme=teamsystem] .dropdown-menu a.dropdown-item, :root[data-glpi-theme=teamsystem] .dropdown-menu button.dropdown-item { color: #111827 !important; } /* Iconos normal */ :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item i, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item svg { color: #6B7280 !important; fill: #6B7280 !important; } /* Hover/Active: azul => blanco */ :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item:focus, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item.active, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item:active { background-color: var(--ts-primary) !important; color: #ffffff !important; } :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item:hover *, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item:focus *, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item.active *, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-item:active * { color: #ffffff !important; fill: #ffffff !important; } /* Text-muted y headers dentro del dropdown (blanco => gris visible) */ :root[data-glpi-theme=teamsystem] .dropdown-menu .text-muted, :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-header { color: #6B7280 !important; } :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-divider { border-top-color: rgba(17, 24, 39, 0.1) !important; } /* ========================================================= SELECT2 (AZUL => TEXTO BLANCO) ========================================================= */ :root[data-glpi-theme=teamsystem] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, :root[data-glpi-theme=teamsystem] .select2-container--default .select2-results__option--selected { background-color: var(--ts-primary) !important; color: #ffffff !important; } :root[data-glpi-theme=teamsystem] .select2-container--default .select2-results__option--highlighted *, :root[data-glpi-theme=teamsystem] .select2-container--default .select2-results__option--selected * { color: #ffffff !important; } /* ========================================================= BOTÓN PRIMARIO (ROSA => TEXTO BLANCO) ========================================================= */ :root[data-glpi-theme=teamsystem] .btn-primary, :root[data-glpi-theme=teamsystem] button[type=submit].btn, :root[data-glpi-theme=teamsystem] button[type=submit] { background-color: var(--ts-pink) !important; border-color: var(--ts-pink) !important; color: #ffffff !important; font-weight: 600; } :root[data-glpi-theme=teamsystem] .btn-primary i, :root[data-glpi-theme=teamsystem] .btn-primary svg, :root[data-glpi-theme=teamsystem] button[type=submit] i, :root[data-glpi-theme=teamsystem] button[type=submit] svg { color: #ffffff !important; fill: #ffffff !important; } :root[data-glpi-theme=teamsystem] .btn-primary:hover, :root[data-glpi-theme=teamsystem] button[type=submit]:hover { background-color: var(--ts-pink-dark) !important; border-color: var(--ts-pink-dark) !important; color: #ffffff !important; } :root[data-glpi-theme=teamsystem] .btn-primary:focus, :root[data-glpi-theme=teamsystem] .btn-primary:active, :root[data-glpi-theme=teamsystem] button[type=submit]:focus, :root[data-glpi-theme=teamsystem] button[type=submit]:active { background-color: var(--ts-pink-dark) !important; border-color: var(--ts-pink-dark) !important; box-shadow: 0 0 0 0.25rem rgba(196, 0, 90, 0.35) !important; color: #ffffff !important; } /* ========================================================= LISTAS (BLANCO => NEGRO, ACTIVO AZUL => BLANCO) ========================================================= */ :root[data-glpi-theme=teamsystem] .list-group-item { background-color: #ffffff !important; color: #111827 !important; } :root[data-glpi-theme=teamsystem] .list-group-item.active, :root[data-glpi-theme=teamsystem] .list-group-item.active:hover, :root[data-glpi-theme=teamsystem] .list-group-item.active:focus { background-color: var(--ts-primary) !important; color: #ffffff !important; } :root[data-glpi-theme=teamsystem] .list-group-item.active * { color: #ffffff !important; fill: #ffffff !important; } /* ========================================================= LOGOS (sidebar + navbar) - coherente y sin duplicados ========================================================= */ /* Sidebar (no collapsed): logo completo, horizontal */ :root[data-glpi-theme=teamsystem] body:not(.navbar-collapsed) .navbar-brand .glpi-logo { background: var(--glpi-logo-light) no-repeat !important; background-position: center left !important; background-size: auto 44px !important; width: 220px !important; height: 44px !important; } :root[data-glpi-theme=teamsystem] body:not(.navbar-collapsed) .navbar-brand { width: 240px !important; overflow: visible !important; } /* Collapsed: GLPI lo fuerza a “reduced” -> icono centrado y nítido */ :root[data-glpi-theme=teamsystem] body.navbar-collapsed .navbar-brand .glpi-logo { background: var(--glpi-logo-reduced) no-repeat !important; background-position: center !important; background-size: 32px 32px !important; width: 40px !important; height: 40px !important; } /* Navbar brand img (si alguna vista usa img) */ :root[data-glpi-theme=teamsystem] .navbar-brand img { max-height: 64px !important; width: auto !important; } @media (max-width: 768px) { :root[data-glpi-theme=teamsystem] .navbar-brand img { max-height: 48px !important; } } /* ========================================================= LOGIN: logo ancho sin deformar (si usa ) ========================================================= */ :root[data-glpi-theme=teamsystem] .login-container .brand-logo, :root[data-glpi-theme=teamsystem] .login-page .brand-logo { max-width: 640px !important; width: 100% !important; margin-left: auto; margin-right: auto; } :root[data-glpi-theme=teamsystem] .login-container .brand-logo img, :root[data-glpi-theme=teamsystem] .login-page .brand-logo img { width: 100% !important; height: auto !important; max-height: 160px !important; object-fit: contain !important; } @media (max-width: 768px) { :root[data-glpi-theme=teamsystem] .login-container .brand-logo, :root[data-glpi-theme=teamsystem] .login-page .brand-logo { max-width: 90% !important; } :root[data-glpi-theme=teamsystem] .login-container .brand-logo img, :root[data-glpi-theme=teamsystem] .login-page .brand-logo img { max-height: 120px !important; } } /* Fix: headers de dropdown (p.ej. "PERFILES") -> negro sobre blanco */ :root[data-glpi-theme=teamsystem] .dropdown-menu .dropdown-header { color: #111827 !important; } /* ========================================================= FIX CONTRASTE: Topbar dropdown headers + Select2 (idioma) Fondo blanco => texto negro | Azul => texto blanco ========================================================= */ /* "PERFILES" y otros headers dentro del menú usuario (dropdown) */ :root[data-glpi-theme=teamsystem] .navbar .dropdown-menu .dropdown-header, :root[data-glpi-theme=teamsystem] .topbar .dropdown-menu .dropdown-header, :root[data-glpi-theme=teamsystem] .navbar .dropdown-menu span.dropdown-header, :root[data-glpi-theme=teamsystem] .topbar .dropdown-menu span.dropdown-header { color: #111827 !important; } /* Si el header tiene hijos (a veces mete dentro) */ :root[data-glpi-theme=teamsystem] .navbar .dropdown-menu .dropdown-header *, :root[data-glpi-theme=teamsystem] .topbar .dropdown-menu .dropdown-header * { color: #111827 !important; } /* Select2 (selector de idioma): opciones normales visibles (blanco => negro) */ :root[data-glpi-theme=teamsystem] .select2-dropdown { background: #ffffff !important; color: #111827 !important; } :root[data-glpi-theme=teamsystem] .select2-container--default .select2-results__option--selectable { color: #111827 !important; } /* Mantener hover/selected en azul + blanco */ :root[data-glpi-theme=teamsystem] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, :root[data-glpi-theme=teamsystem] .select2-container--default .select2-results__option--selected { background-color: var(--ts-primary) !important; color: #ffffff !important; } /* ========================================================= SELECT2 (idioma): opciones normales negro sobre blanco ========================================================= */ :root[data-glpi-theme=teamsystem] .select2-container, :root[data-glpi-theme=teamsystem] .select2-dropdown, :root[data-glpi-theme=teamsystem] .select2-results, :root[data-glpi-theme=teamsystem] .select2-results__options, :root[data-glpi-theme=teamsystem] .select2-results__option { color: #111827 !important; } /* Mantener seleccionado/hover azul + blanco (por encima) */ :root[data-glpi-theme=teamsystem] .select2-results__option--selected, :root[data-glpi-theme=teamsystem] .select2-results__option--highlighted { color: #ffffff !important; } /* ========================================================= FIX DEFINITIVO SELECT2 (idioma): lista blanca -> texto negro (más específico para ganar a reglas de navbar) ========================================================= */ :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--below, :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--above { background: #ffffff !important; color: #111827 !important; } :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--below li.select2-results__option, :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--above li.select2-results__option { color: #111827 !important; } /* Hover y seleccionada: azul -> blanco */ :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--below li.select2-results__option--highlighted, :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--above li.select2-results__option--highlighted, :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--below li.select2-results__option[aria-selected=true], :root[data-glpi-theme=teamsystem] span.select2-dropdown.select2-dropdown--above li.select2-results__option[aria-selected=true] { background-color: var(--ts-primary) !important; color: #ffffff !important; } /* ========================================================= FIX GLOBAL MENÚS: fondo blanco -> texto negro (dropdowns, submenus, menús laterales internos) ========================================================= */ /* Cualquier menú/popup con fondo blanco: texto negro */ :root[data-glpi-theme=teamsystem] .dropdown-menu, :root[data-glpi-theme=teamsystem] .dropdown-menu *, :root[data-glpi-theme=teamsystem] .menu, :root[data-glpi-theme=teamsystem] .menu *, :root[data-glpi-theme=teamsystem] .submenu, :root[data-glpi-theme=teamsystem] .submenu *, :root[data-glpi-theme=teamsystem] .card, :root[data-glpi-theme=teamsystem] .card * { color: #111827; } /* Asegura: elementos típicos de GLPI/Tabler */ :root[data-glpi-theme=teamsystem] .dropdown-item, :root[data-glpi-theme=teamsystem] .nav-link, :root[data-glpi-theme=teamsystem] .list-group-item { color: #111827 !important; } /* Hover/active (azul -> blanco) para items de menú */ :root[data-glpi-theme=teamsystem] .dropdown-item:hover, :root[data-glpi-theme=teamsystem] .dropdown-item.active, :root[data-glpi-theme=teamsystem] .nav-link:hover, :root[data-glpi-theme=teamsystem] .nav-link.active, :root[data-glpi-theme=teamsystem] .list-group-item.active { color: #ffffff !important; } /* ========================================================= SIDEBAR SUBMENUS (fondo blanco): enlaces negros, hover azul/blanco ========================================================= */ :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu { background: #ffffff !important; } /* Estado normal: BLANCO => NEGRO (IMPORTANTE: incluye ) */ :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu a, :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu .dropdown-item, :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu span, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu a, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu .dropdown-item, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu span { color: #111827 !important; text-decoration: none !important; } /* Iconos normal */ :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu i, :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu svg, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu i, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu svg { color: #6B7280 !important; fill: #6B7280 !important; } /* Hover/active: AZUL => BLANCO */ :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu a:hover, :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu .dropdown-item.active, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu a:hover, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu .dropdown-item.active { background-color: var(--ts-primary) !important; color: #ffffff !important; } :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu a:hover *, :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu .dropdown-item:hover *, :root[data-glpi-theme=teamsystem] .sidebar .dropdown-menu .dropdown-item.active *, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu a:hover *, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu .dropdown-item:hover *, :root[data-glpi-theme=teamsystem] .sidenav .dropdown-menu .dropdown-item.active * { color: #ffffff !important; fill: #ffffff !important; } /* ========================================================= TABS (Panel, Vista de grupo, etc.) Tab activa: texto negro + negrita ========================================================= */ :root[data-glpi-theme=teamsystem] .nav-tabs .nav-link { color: #6B7280 !important; /* tabs inactivas */ font-weight: 400; } :root[data-glpi-theme=teamsystem] .nav-tabs .nav-link.active, :root[data-glpi-theme=teamsystem] .nav-tabs .nav-item.show .nav-link { color: #111827 !important; /* 👈 negro */ font-weight: 600 !important; /* 👈 negrita */ background-color: #ffffff !important; border-color: #E5E7EB #E5E7EB #ffffff !important; } /* Iconos dentro de la tab activa */ :root[data-glpi-theme=teamsystem] .nav-tabs .nav-link.active i, :root[data-glpi-theme=teamsystem] .nav-tabs .nav-link.active svg { color: #111827 !important; fill: #111827 !important; } /* ========================================================= TABS: no activas en blanco, activa negra ========================================================= */ /* Tabs NO activas */ :root[data-glpi-theme=teamsystem] .nav-tabs .nav-link:not(.active) { color: #ffffff !important; font-weight: 500; } /* Iconos de tabs no activas */ :root[data-glpi-theme=teamsystem] .nav-tabs .nav-link:not(.active) i, :root[data-glpi-theme=teamsystem] .nav-tabs .nav-link:not(.active) svg { color: #ffffff !important; fill: #ffffff !important; } /* ========================================================= NAV-PILLS (botones tipo Panel / Vista grupo / RSS) Texto blanco cuando NO están activos ========================================================= */ :root[data-glpi-theme=teamsystem] .nav-pills .nav-link { color: #ffffff !important; font-weight: 500; } /* Iconos en pills */ :root[data-glpi-theme=teamsystem] .nav-pills .nav-link i, :root[data-glpi-theme=teamsystem] .nav-pills .nav-link svg { color: #ffffff !important; fill: #ffffff !important; } /* Pill activa: fondo blanco, texto negro en negrita */ :root[data-glpi-theme=teamsystem] .nav-pills .nav-link.active, :root[data-glpi-theme=teamsystem] .nav-pills .show > .nav-link { background-color: #ffffff !important; color: #111827 !important; font-weight: 600 !important; } /* Iconos pill activa */ :root[data-glpi-theme=teamsystem] .nav-pills .nav-link.active i, :root[data-glpi-theme=teamsystem] .nav-pills .nav-link.active svg { color: #111827 !important; fill: #111827 !important; } /* ========================================================= FIX: botones outline (submit) con fondo rosa -> texto blanco (p.ej. "Suprimir permanentemente") ========================================================= */ :root[data-glpi-theme=teamsystem] button.btn-outline-danger, :root[data-glpi-theme=teamsystem] button.btn-outline-warning, :root[data-glpi-theme=teamsystem] button.btn-outline-secondary, :root[data-glpi-theme=teamsystem] button.btn-outline-info { color: #ffffff !important; } :root[data-glpi-theme=teamsystem] button.btn-outline-danger i, :root[data-glpi-theme=teamsystem] button.btn-outline-danger svg, :root[data-glpi-theme=teamsystem] button.btn-outline-warning i, :root[data-glpi-theme=teamsystem] button.btn-outline-warning svg, :root[data-glpi-theme=teamsystem] button.btn-outline-secondary i, :root[data-glpi-theme=teamsystem] button.btn-outline-secondary svg, :root[data-glpi-theme=teamsystem] button.btn-outline-info i, :root[data-glpi-theme=teamsystem] button.btn-outline-info svg, :root[data-glpi-theme=teamsystem] button.btn-outline-danger span, :root[data-glpi-theme=teamsystem] button.btn-outline-warning span, :root[data-glpi-theme=teamsystem] button.btn-outline-secondary span, :root[data-glpi-theme=teamsystem] button.btn-outline-info span { color: #ffffff !important; fill: #ffffff !important; } /* ========================================================= FIX: btn-primary (p.ej. "Guardar") -> TODO en blanco (texto + span + iconos) ========================================================= */ :root[data-glpi-theme=teamsystem] button.btn.btn-primary, :root[data-glpi-theme=teamsystem] a.btn.btn-primary, :root[data-glpi-theme=teamsystem] input.btn.btn-primary { color: #ffffff !important; } :root[data-glpi-theme=teamsystem] button.btn.btn-primary *, :root[data-glpi-theme=teamsystem] a.btn.btn-primary *, :root[data-glpi-theme=teamsystem] input.btn.btn-primary * { color: #ffffff !important; fill: #ffffff !important; } /* ========================================================= TABS dentro de contenido (fondo blanco) -> texto negro Evita blanco sobre blanco en formularios (Usuarios, Perfiles, etc.) ========================================================= */ :root[data-glpi-theme=teamsystem] .card .nav .nav-link, :root[data-glpi-theme=teamsystem] .card-header .nav .nav-link, :root[data-glpi-theme=teamsystem] .page .nav .nav-link { color: #111827 !important; font-weight: 500; } :root[data-glpi-theme=teamsystem] .card .nav .nav-link i, :root[data-glpi-theme=teamsystem] .card .nav .nav-link svg, :root[data-glpi-theme=teamsystem] .card-header .nav .nav-link i, :root[data-glpi-theme=teamsystem] .card-header .nav .nav-link svg, :root[data-glpi-theme=teamsystem] .page .nav .nav-link i, :root[data-glpi-theme=teamsystem] .page .nav .nav-link svg { color: #111827 !important; fill: #111827 !important; } /* Activa: negro + negrita */ :root[data-glpi-theme=teamsystem] .card .nav .nav-link.active, :root[data-glpi-theme=teamsystem] .card-header .nav .nav-link.active, :root[data-glpi-theme=teamsystem] .page .nav .nav-link.active { color: #111827 !important; font-weight: 700 !important; } /* ========================================================= FIX LOGIN LOGO: evitar logo achatado / deformado ========================================================= */ :root[data-glpi-theme=teamsystem] .login-container .brand-logo img, :root[data-glpi-theme=teamsystem] .login-page .brand-logo img, :root[data-glpi-theme=teamsystem] #login_logo img { width: auto !important; height: auto !important; max-width: 640px !important; max-height: 160px !important; object-fit: contain !important; } /* ========================================================= FIX DEFINITIVO LOGO LOGIN (GLPI 11) Evita deformación cuando se usa background-image ========================================================= */ :root[data-glpi-theme=teamsystem] .login-page .brand-logo, :root[data-glpi-theme=teamsystem] .login-container .brand-logo, :root[data-glpi-theme=teamsystem] #login_logo { background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; width: 100% !important; max-width: 640px !important; height: 160px !important; } /* ========================================================= FIX LOGIN: .glpi-logo no debe heredar tamaño del navbar (en login es