document.addEventListener('DOMContentLoaded', () => {
    const tabs     = document.querySelectorAll('.tabs .tab');
    const contents = document.querySelectorAll('.tab-content');

    function showTab(name) {
        contents.forEach(el => el.style.display = 'none');
        tabs.forEach(btn => btn.classList.remove('active'));

        const content = document.getElementById('tab-' + name);
        const btn     = document.querySelector(`.tabs .tab[data-tab="${name}"]`);

        if (content) content.style.display = 'block';
        if (btn)     btn.classList.add('active');

        if (name === 'analysis') window.analysisTab?.onTabOpen?.();
    }

    tabs.forEach(btn => btn.addEventListener('click', () => showTab(btn.dataset.tab)));
});