---

document.addEventListener('DOMContentLoaded', function() {
    
    // --- МОДАЛЬНОЕ ОКНО НАСТРОЕК (существующее) ---
    const settingsModal = document.getElementById('myModal');
    const settingsBtn = document.getElementById('openModalBtn');
    const settingsClose = settingsModal ? settingsModal.querySelector('.close-btn') : null;

    if (settingsBtn && settingsModal) {
        settingsBtn.onclick = function() {
            settingsModal.style.display = "flex";
        }
    }

    // --- МОДАЛЬНОЕ ОКНО АККАУНТОВ (новое) ---
    const accountsModal = document.getElementById('accountsModal');
    const accountsBtn = document.getElementById('openAccountsBtn');
    // Если у тебя две иконки профиля в хедере:
    const accountsBtn2 = document.getElementById('openAccountsBtn2'); 
    const accountsClose = accountsModal ? accountsModal.querySelector('.close-btn') : null;

    if (accountsBtn && accountsModal) {
        accountsBtn.onclick = function(e) {
            e.preventDefault();
            accountsModal.style.display = "flex";
        }
    }
    
    if (accountsBtn2 && accountsModal) {
        accountsBtn2.onclick = function(e) {
            e.preventDefault();
            accountsModal.style.display = "flex";
        }
    }

    // --- ОБЩАЯ ЛОГИКА ЗАКРЫТИЯ ---

    // Закрытие по кнопкам "крестик"
    if (settingsClose) settingsClose.onclick = () => settingsModal.style.display = "none";
    if (accountsClose) accountsClose.onclick = () => accountsModal.style.display = "none";

    // Закрытие при клике ВНЕ окна (универсальный способ)
    window.addEventListener('click', function(event) {
        if (event.target === settingsModal) {
            settingsModal.style.display = "none";
        }
        if (event.target === accountsModal) {
            accountsModal.style.display = "none";
        }
    });
});