/* Estilos específicos para inventario.php */

/* == INICIO - REGLAS MOVIDAS A components.css == */
/* 
   Las reglas para #main-page-header, sus pseudo-elementos, 
   .banner-icon-container y .banner-icon-container i 
   han sido movidas a public/css/components.css 
   para asegurar la consistencia global de los banners.
*/
/* == FIN - REGLAS MOVIDAS == */

/* Estilos para el badge de unidad de medida */
.badge-unidad-medida {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-weight: normal;
    background-color: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    min-width: 80px;
    height: 24px;
    text-align: center;
}

.badge-unidad-medida strong {
    font-weight: 600;
    margin-right: 2px;
}

/* --- Estilos para las Tarjetas de Acción Seleccionadas --- */
.action-card.card-selected-purple {
    background-color: rgba(108, 46, 222, 0.1) !important; /* Light purple background (adjust RGBA as needed) */
    border-color: #6f42c1 !important; /* Purple border */
    box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.5) !important; /* Efecto "glow" morado */
}

/* ELIMINADO: Estilos específicos para tarjeta de Imprimir Códigos cuando está seleccionada */
/* Ahora usa el patrón :has() en cabecera_inventario.php para consistencia */

/* .action-card.card-selected-info eliminada - ya no se usa */

.action-card.card-selected-danger {
    background-color: rgba(220, 53, 69, 0.1) !important; /* Light red background */
    border-color: #dc3545 !important; /* Red border */
}

/* Estilo para tarjetas deshabilitadas con advertencia */
.action-card.card-disabled-warning {
    background-color: rgba(108, 117, 125, 0.1) !important; /* Light gray background */
    border-color: #6c757d !important; /* Gray border */
    opacity: 0.5 !important; /* More reduced opacity to show disabled state */
    cursor: not-allowed !important; /* Show not-allowed cursor */
    filter: grayscale(50%) !important; /* Add grayscale filter */
}

.action-card.card-disabled-warning .card-body {
    color: #6c757d !important; /* Gray text color */
}

.action-card.card-disabled-warning .icon-circle {
    background-color: #6c757d !important;
    color: #ffffff !important;
    opacity: 0.6 !important;
}

.action-card.card-disabled-warning:hover {
    transform: none !important; /* Disable hover effects */
    box-shadow: none !important;
}

/* Añadir más clases si se usan */