document.addEventListener('DOMContentLoaded', function() {
    // Initialize tooltips
    const tooltipTriggers = document.querySelectorAll('[data-tooltip]');
    
    tooltipTriggers.forEach(trigger => {
        const tooltip = document.createElement('div');
        tooltip.className = 'hidden absolute z-50 bg-gray-800 text-white text-xs rounded py-1 px-2';
        tooltip.textContent = trigger.getAttribute('data-tooltip');
        trigger.appendChild(tooltip);
        
        trigger.addEventListener('mouseenter', () => {
            tooltip.classList.remove('hidden');
        });
        
        trigger.addEventListener('mouseleave', () => {
            tooltip.classList.add('hidden');
        });
    });

    // Scanner button functionality
    const scannerBtn = document.querySelector('.scanner-btn');
    if (scannerBtn) {
        scannerBtn.addEventListener('click', function() {
            this.classList.toggle('scanner-active');
            const icon = this.querySelector('i');
            if (this.classList.contains('scanner-active')) {
                icon.setAttribute('data-feather', 'stop-circle');
                feather.replace();
                // Start scanning logic would go here
            } else {
                icon.setAttribute('data-feather', 'play');
                feather.replace();
                // Stop scanning logic would go here
            }
        });
    }

    // Responsive adjustments
    function handleResize() {
        // Add any responsive adjustments here
    }

    window.addEventListener('resize', handleResize);
    handleResize();
});