/* 
 * Corrección específica para el texto del sidebar
 * Soluciona el problema de la letra "n" faltante en "Seguimiento Producción"
 * Incluye los nuevos colores: sidebar negro y header gris claro
 */

/* Asegurar que el sidebar sea negro */
.app-sidebar {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Asegurar que el header sea gris claro */
.app-header {
    background-color: #f5f5f5 !important;
    background: #f5f5f5 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* Asegurar que el texto completo sea visible */
.app-menu__label {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
}

/* Mantener el ancho original del sidebar */
.app-sidebar {
    width: 230px !important;
    transition: width 0.3s ease;
}

/* Ajustar el contenido principal */
.app-content {
    margin-left: 230px !important;
    transition: margin-left 0.3s ease;
}

/* Ajustes específicos para el elemento de seguimiento de producción */
.app-menu__item[href="seguimiento_produccion"] {
    padding-right: 10px !important;
}


/* Modo responsive para tablets */
@media (max-width: 991px) {
    .app-sidebar {
        width: 230px !important;
    }
    
    .app-content {
        margin-left: 230px !important;
    }
    
    }

/* Modo responsive para móviles */
@media (max-width: 767px) {
    .app-sidebar {
        width: 230px !important;
    }
    
    .app-content {
        margin-left: 0 !important;
    }
    
    }

/* Mejoras para el modo sidebar-mini (colapsado) */
@media (min-width: 768px) {
    .sidebar-mini.sidenav-toggled .app-sidebar {
        width: 50px !important;
        overflow: visible !important;
    }
    
    .sidebar-mini.sidenav-toggled .app-content {
        margin-left: 50px !important;
    }
    
    /* Ocultar los labels en modo mini para evitar duplicación de tooltips */
    .sidebar-mini.sidenav-toggled .app-menu__label {
        display: none !important;
    }
}

/* Asegurar que no haya corte de texto en ningún elemento del menú */
.app-menu__item {
    overflow: visible !important;
}

.app-menu {
    overflow: visible !important;
}

/* Mejora visual adicional */
.app-menu__label {
    transition: all 0.3s ease !important;
}