/* Fondo general del panel */
body.fi-body {
    background-color: #fbf5f5; /* gris muy clarito */
}

/* Sidebar completo */
.fi-sidebar {
    background-color: #f0f7fb !important;   /* azul muy claro */
    border-right: 1px solid #dbe7f3 !important;
}

/* Logo + título arriba a la izquierda */
.fi-sidebar-header {
    background-color: #f0f7fb !important;
}

/* Elementos del menú */
.fi-sidebar-item-label {
    color: #003F5C !important;       /* azul oscuro para texto */
}

/* Iconos del menú */
.fi-sidebar-item-icon {
    color: #005B82 !important;
}

/* Hover y focus: quitar gris y poner tu color suave */
.fi-sidebar-item .fi-sidebar-item-button:hover,
.fi-sidebar-item .fi-sidebar-item-button:focus-visible {
  background-color: #bee0f5 !important;
}

/* Opción activa del sidebar */
.fi-sidebar-item.fi-active,
.fi-sidebar-item:is(:hover, :focus-visible) {
    background-color: #005B82 !important;   /* azul EIC */
    color: #ffffff !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #005B82 !important;
}

/* Barra superior */
.fi-topbar {
    background-color: #005B82 !important;
    border-bottom: 1px solid #005B82 !important;
}

/* Nombre de usuario / menú superior derecho */
.fi-topbar-item-label {
    color: #003F5C !important;
}