/* Onlyoffice во весь экран при режиме открытия новой вкладке */
/* Полностью скрываем шапку облака */
#content.app-onlyoffice ~ header, 
.app-onlyoffice #header,
.app-onlyoffice header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -1 !important; /* Уводим на самый задний план, чтобы не мешал кликам */
}

/* Обнуляем отступы и заставляем контент занять 100% высоты экрана */
#content.app-onlyoffice {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    z-index: 9999 !important; /* Выводим редактор на самый передний план */
}

/* Выравниваем внутренний контейнер приложения */
.app-onlyoffice #app {
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* И принудительно растягиваем сам фрейм ONLYOFFICE во все стороны */
.app-onlyoffice #app > iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin-top: 0 !important;
}




/* Onlyoffice во весь экран при режиме открытия в текущей вкладке */
/* 1. Намертво глушим шапку Nextcloud */
body.onlyoffice-inline #header,
body:has(.onlyoffice-iframe-container) #header {
    display: none !important;
    height: 0 !important;
}

/* 2. Растягиваем главный Vue-контейнер, убираем дефолтные скругления углов и маргины */
body.onlyoffice-inline #content-vue,
body:has(.onlyoffice-iframe-container) #content-vue,
body.onlyoffice-inline #content {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    overflow: visible !important;
    z-index: 99999 !important;
}

/* 3. Распрямляем внутренний Vue-апп */
body.onlyoffice-inline #app-content-vue,
body.onlyoffice-inline #app {
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Уничтожаем дыры промежуточного контейнера ONLYOFFICE */
.onlyoffice-iframe-container {
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. Сажаем сам iframe на всю ширину и высоту без каких-либо 'calc(-50px)' */
body.onlyoffice-inline iframe, 
body:has(.onlyoffice-iframe-container) iframe,
#app > iframe[name="frameEditor"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
}