/* ---------- Разделы как страницы (16.09.2026, решение владельца) ----------
   Раньше раздел открывался окном поверх: подложка, поля по 26px, страница под ним
   продолжала жить и прокручиваться. Теперь раздел — страница: на весь экран, под ней
   ничего нет, адрес в строке (#p/<раздел>), «Назад» браузера возвращает откуда пришли.
   Разметку разделов не меняли: класс .as-page вешает роутер (static/pages.js) на тот же
   .modal, поэтому здесь всё переопределяется через !important — у части окон размеры
   стоят прямо в атрибуте style. Карточка товара (.modal без .as-page, z 20) по-прежнему
   окно и открывается поверх страницы. */
html.page-open, html.page-open body{overflow:hidden}
html.page-open #view-app{display:none!important}

.modal.as-page{background:var(--bg);padding:0;align-items:stretch;justify-content:stretch;
  overflow:hidden;z-index:18}
.modal.as-page>.modal-box{width:100vw!important;max-width:none!important;height:100vh!important;
  max-height:none!important;min-height:0!important;margin:0!important;border:0;border-radius:0;
  box-sizing:border-box;overflow:auto}
/* разделы на .modal-body со своей флекс-раскладкой («Монитор системы», «Проверка данных»):
   раньше правило выше их не ловило — лист оставался 96vw × 92vh, прижатый к левому краю */
.modal.as-page>.modal-body{width:100vw!important;max-width:none!important;height:100vh!important;
  margin:0!important;border:0;border-radius:0}
.modal.as-page>.fc-body{padding:0 16px}
/* шапка раздела не уезжает при прокрутке содержимого (правило интерфейса §7) */
.modal.as-page>.modal-box>.modal-head{position:sticky;top:0;z-index:6;background:var(--panel);
  padding:10px 0 8px;margin:0 0 8px;border-bottom:1px solid var(--line);flex:none}
/* оболочки с собственной флекс-раскладкой (акции, доска, «Динамика финансов»):
   у них внутри свой прокручиваемый блок, внешнюю прокрутку выключаем */
.modal.as-page>.pm-shell,.modal.as-page>.fd-shell{padding:0;overflow:hidden;display:flex;flex-direction:column}
.modal.as-page>.pm-shell>.modal-head{padding:10px 16px;margin:0}

.page-back{flex:none;align-self:center;white-space:nowrap}
.report-export{flex:none;align-self:center;white-space:nowrap;background:#e8f3fb;border-color:#9fc9e5;color:#174f72}
.report-export:hover{background:#d7ebf8;border-color:#65a9d2}
.report-export:disabled{opacity:.65;cursor:wait}

@media (max-width:700px){
  .modal.as-page>.modal-box{padding:8px}
  .modal.as-page>.pm-shell,.modal.as-page>.fd-shell{padding:0}
  /* Новая Excel-кнопка не должна выталкивать переключатель WB/Ozon за край 390 px. */
  .fd-head>.page-back{order:1}.fd-head>.report-export{order:2}
  .fd-head>.btn-ghost{order:3}.fd-head>.fd-title{order:4;flex:0 0 100%;min-width:0}
  .fd-head>.fd-mp{order:5;flex:none}.fd-head>.spacer,.fd-head>.fd-status{display:none}
}