@media (max-width: 768px) {
    .inventario-logs {
        padding: var(--spacing-sm);
    }

    .inventario-logs-table {
        font-size: var(--font-size-xs);
        min-width: 640px;
    }
}

.inventario-actions .btn-eliminar-inventario:hover {
    background: var(--danger-color-dark);
}

@media (max-width: 480px) {
    .inventario-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
        padding: var(--spacing-md);
    }

    .inventario-item {
        padding: var(--spacing-lg);
        min-height: 160px;
    }

    .inventario-controls button {
        min-width: 100%;
        width: 100%;
    }

    .inventario-log-card-top,
    .inventario-log-card-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .inventario-log-card-row strong {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .inventario-grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: var(--spacing-2xl);
        padding: var(--spacing-xl);
    }

    .inventario-item {
        padding: var(--spacing-2xl);
        min-height: 200px;
    }

    .inventario-actions {
        grid-template-columns: 1fr 1fr;
    }
}