/* =========================================
                   SOLUCIÓN BLINDADA PARA EL SIDEBAR
                   ========================================= */

/* =========================================
           SOLUCIÓN BLINDADA PARA EL SIDEBAR
           ========================================= */

/* 1. Fondo estricto para móvil y PC */
.sidebar-wrapper {
    /* 👇 CAMBIA EL #1a1d20 POR EL CÓDIGO DE TU VERDE (Ej: #198754, #2c4c3b, etc.) */
    background-color: #1E2927 !important;
}

/* 2. Reglas EXCLUSIVAS para PC (Evita que el contenido lo aplaste o lo oculte) */
@media (min-width: 768px) {
    .sidebar-wrapper.offcanvas-md {
        flex: 0 0 260px !important;
        width: 260px !important;
        max-width: 260px !important;
        /* 👇 CAMBIA TAMBIÉN ESTE POR TU VERDE */
        background-color: #1E2927 !important;
        height: 100vh !important;
        position: sticky !important;
        top: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        border-right: 1px solid rgba(255,255,255,0.1) !important; /* Le puse un borde más suave */

        visibility: visible !important;
        transform: none !important;
    }
}

/* 3. Ajustes internos del sidebar */
.sidebar-wrapper .offcanvas-body {
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    height: 100%;
}

/* 4. Ajustes del buscador móvil */
.search-wrapper {
    position: relative;
}

    .search-wrapper i {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
    }

    .search-wrapper input {
        padding-left: 40px;
    }