<script>
(function() {
    // ===== THEME SWITCHER =====
    const themeButtons = document.querySelectorAll('.theme-btn');
    const html = document.documentElement;
    
    // Função para aplicar tema
    function applyTheme(theme) {
        if (theme === 'auto') {
            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
            html.setAttribute('data-theme', prefersDark ? 'dark' : 'light');
        } else {
            html.setAttribute('data-theme', theme);
        }
        
        // Atualizar botões ativos
        themeButtons.forEach(btn => {
            btn.classList.toggle('active', btn.dataset.theme === theme);
        });
        
        // Salvar preferência
        localStorage.setItem('superadmin-theme', theme);
    }
    
    // Carregar tema salvo ou usar 'light' como padrão
    const savedTheme = localStorage.getItem('superadmin-theme') || 'light';
    applyTheme(savedTheme);
    
    // Event listeners para botões de tema
    themeButtons.forEach(btn => {
        btn.addEventListener('click', () => {
            applyTheme(btn.dataset.theme);
        });
    });
    
    // Listener para mudanças no sistema (quando modo auto está ativo)
    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
        if (localStorage.getItem('superadmin-theme') === 'auto') {
            html.setAttribute('data-theme', e.matches ? 'dark' : 'light');
        }
    });
    
    // ===== MOBILE MENU =====
    const mobileMenuBtn = document.getElementById('mobileMenuBtn');
    const sidebar = document.querySelector('.sidebar');
    const sidebarOverlay = document.getElementById('sidebarOverlay');
    
    if (mobileMenuBtn && sidebar && sidebarOverlay) {
        mobileMenuBtn.addEventListener('click', () => {
            sidebar.classList.toggle('open');
            sidebarOverlay.classList.toggle('active');
        });
        
        sidebarOverlay.addEventListener('click', () => {
            sidebar.classList.remove('open');
            sidebarOverlay.classList.remove('active');
        });
    }
})();
</script>
</body>
</html>
