/* ============================================================================
   Estilos personalizados para el módulo de Ajustes de Stock
   ============================================================================ */

/* Celdas de variantes en el modal */
.variant-cell {
    transition: all 0.2s ease;
}

.variant-cell:hover:not(.variant-selected) {
    background-color: #f8f9fa !important;
    border-color: #0d6efd !important;
}

.variant-selected {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: white !important;
}

.variant-selected .variant-sku,
.variant-selected .variant-stock,
.variant-selected .variant-reserved {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Mejoras para la información del tipo de ajuste en el header principal */
#adjustment-type-info {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#adjustment-type-icon i {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

#adjustment-type-description {
    padding-left: 0.5rem;
    border-left: 2px solid #dee2e6;
}