/* Colores específicos para los filtros */
.color-filter.red { 
    background-color: #ef5350 !important; /* Vencimiento */
}
.color-filter.green { 
    background-color: #2e7d32 !important; /* Stock OK - Verde oscuro */
}
.color-filter.blue { 
    background-color: #2196f3 !important; /* Nuevos */
}
.color-filter.yellow { 
    background-color: #ffc107 !important; /* Stock Bajo */
}
.color-filter.purple { 
    background-color: #4caf50 !important; /* Especiales - Verde claro */
}
.color-filter.orange { 
    background-color: #ff9800 !important; 
}
.color-filter.all { 
    background: linear-gradient(to right, #ef5350, #ffc107, #2e7d32, #4caf50, #2196f3) !important;
    width: 70px !important;
    border-radius: 15px !important;
}

/* Colores para los textos y los íconos */
.text-danger {
    color: #ef5350 !important; /* Vencimiento */
}
.text-warning {
    color: #ffc107 !important; /* Stock Bajo */
}
.text-success {
    color: #2e7d32 !important; /* Stock OK */
}
.text-primary {
    color: #2196f3 !important; /* Nuevos */
}
.text-purple {
    color: #4caf50 !important; /* Especiales - Verde claro */
}
.text-orange {
    color: #ff9800 !important;
}

/* Estilos para las filas filtradas por color */
tr.red-row { background-color: rgba(239, 83, 80, 0.1) !important; } /* Vencimiento */
tr.green-row { background-color: rgba(46, 125, 50, 0.1) !important; } /* Stock OK */
tr.blue-row { background-color: rgba(33, 150, 243, 0.1) !important; } /* Nuevos */
tr.yellow-row { background-color: rgba(255, 193, 7, 0.1) !important; } /* Stock Bajo */
tr.purple-row { background-color: rgba(76, 175, 80, 0.1) !important; } /* Especiales - Verde claro */
tr.orange-row { background-color: rgba(255, 152, 0, 0.1) !important; }