document.addEventListener('DOMContentLoaded', () => {
    // Сохраним исходное состояние mainchatPanel
    const mainchatPanel = document.getElementById('mainchatPanel');
	const mainchatArea = document.querySelector('.mainchatarea');
    const originalHTML = mainchatPanel.outerHTML; // Сохраняем исходный HTML
    const parent = mainchatPanel.parentNode; // Сохраняем родительский элемент сразу после загрузки
		
	// Сохраняем начальные стили в момент загрузки
    const defaultComputedStyle = {
        background: getComputedStyle(mainchatPanel).background,
        width: getComputedStyle(mainchatPanel).width,
        minWidth: getComputedStyle(mainchatPanel).minWidth,
        height: getComputedStyle(mainchatPanel).height,
        display: getComputedStyle(mainchatPanel).display,
		visibility: getComputedStyle(mainchatPanel).visibility
    };
	
	// Сохраняем начальные стили для mainchatarea
    const defaultMainchatAreaStyle = {
        display: getComputedStyle(mainchatArea).display,
        flexDirection: getComputedStyle(mainchatArea).flexDirection,
        marginTop: getComputedStyle(mainchatArea).marginTop,
        marginRight: getComputedStyle(mainchatArea).marginRight,
        marginLeft: getComputedStyle(mainchatArea).marginLeft,
		visibility: getComputedStyle(mainchatArea).visibility
    };
	
    // Функция для восстановления mainchatPanel
    const restoreMainchatPanel = () => {
        // Убедимся, что родитель существует
        if (parent) {
            // Удаляем третий дочерний элемент родителя, если он существует
            parent.innerHTML = '';

            // Восстанавливаем исходный HTML
            //parent.innerHTML += originalHTML; 
			parent.innerHTML = '<div id="mainchatPanel">Пожалуйста, обновите страницу</div>'; 
			//location.reload();
        }
    };

    // Функция обратного вызова для наблюдателя
    const callback = (mutationsList) => {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList' || mutation.type === 'attributes') {
                // Если произошли изменения, восстанавливаем блок
                console.log('Обнаружены изменения в mainchatPanel. Восстанавливаем состояние.');
                restoreMainchatPanel();
                break; // Восстановим только один раз после обнаружения изменений
            }
        }
    };

    // Создаем экземпляр MutationObserver
    const observer = new MutationObserver(callback);

    // Конфигурация наблюдателя
    const config = {
        childList: true, // Наблюдаем за добавлением/удалением дочерних элементов
        attributes: true, // Наблюдаем за изменениями атрибутов
        subtree: true // Наблюдаем за изменениями в поддеревьях
    };

    // Начинаем наблюдение за mainchatPanel
    observer.observe(mainchatPanel, config);
	
	// Проверяем, был ли удален mainchatPanel
    const checkMainChatPanel = setInterval(() => {
        const currentMainchatPanel = document.getElementById('mainchatPanel');
        if (!currentMainchatPanel) {
            console.log('mainchatPanel был удален. Восстанавливаем его.');
            restoreMainchatPanel();
        }
    }, 2000); // Проверяем каждую секунду

    // Остановка наблюдения при необходимости
    // observer.disconnect();
	
	// Таймер для проверки изменений в стилях
	const styleCheckInterval = setInterval(() => {
        const currentComputedStyle = getComputedStyle(mainchatPanel);
        const currentMainchatAreaComputedStyle = getComputedStyle(mainchatArea);

        const windowWidth = window.innerWidth;
        const isMediaQueryApplied = windowWidth <= 1023; // Условие медиа-запроса

        // Проверяем изменения, только если медиа-запрос не применен
        if (!isMediaQueryApplied) {//console.log(currentComputedStyle.height, defaultComputedStyle.height);
            // Проверяем изменения в стилях mainchatPanel
            if (
                currentComputedStyle.background !== defaultComputedStyle.background ||
                currentComputedStyle.width !== defaultComputedStyle.width ||
                currentComputedStyle.minWidth !== defaultComputedStyle.minWidth ||
                //currentComputedStyle.height !== defaultComputedStyle.height ||
                currentComputedStyle.display !== defaultComputedStyle.display ||
				currentComputedStyle.visibility !== defaultComputedStyle.visibility ||
                currentMainchatAreaComputedStyle.display !== defaultMainchatAreaStyle.display ||
				currentMainchatAreaComputedStyle.visibility !== defaultMainchatAreaStyle.visibility ||
                currentMainchatAreaComputedStyle.flexDirection !== defaultMainchatAreaStyle.flexDirection ||
                currentMainchatAreaComputedStyle.marginTop !== defaultMainchatAreaStyle.marginTop ||
                currentMainchatAreaComputedStyle.marginRight !== defaultMainchatAreaStyle.marginRight ||
                currentMainchatAreaComputedStyle.marginLeft !== defaultMainchatAreaStyle.marginLeft 
            ) {
                console.log('Обнаружены изменения в стилях mainchatPanel или mainchatarea. Восстанавливаем состояние.');
                restoreMainchatPanel();
            }
        }
    }, 2000); // Проверяем каждую секунду
	
});

нужно добавить еще одно условие в 

if (
                currentComputedStyle.background !== defaultComputedStyle.background ||
                currentComputedStyle.width !== defaultComputedStyle.width ||
                currentComputedStyle.minWidth !== defaultComputedStyle.minWidth ||
                //currentComputedStyle.height !== defaultComputedStyle.height ||
                currentComputedStyle.display !== defaultComputedStyle.display ||
				currentComputedStyle.visibility !== defaultComputedStyle.visibility ||
                currentMainchatAreaComputedStyle.display !== defaultMainchatAreaStyle.display ||
				currentMainchatAreaComputedStyle.visibility !== defaultMainchatAreaStyle.visibility ||
                currentMainchatAreaComputedStyle.flexDirection !== defaultMainchatAreaStyle.flexDirection ||
                currentMainchatAreaComputedStyle.marginTop !== defaultMainchatAreaStyle.marginTop ||
                currentMainchatAreaComputedStyle.marginRight !== defaultMainchatAreaStyle.marginRight ||
                currentMainchatAreaComputedStyle.marginLeft !== defaultMainchatAreaStyle.marginLeft 
            ) {
                console.log('Обнаружены изменения в стилях mainchatPanel или mainchatarea. Восстанавливаем состояние.');
                restoreMainchatPanel();
            }

restoreMainchatPanel(); также должен сработать если в currentComputedStyle появится стиль, которого нет в defaultComputedStyle, т.е. если клиент пытается через консоль добавить новый стиль