/* layout.css — сессия UI-1, Вариант 3: синяя "рамка" страницы вокруг контента.
   Печать (Этап 4.8, MODULES_REWORK.md) раньше жила здесь как скрытый
   .print-only блок + @media print — с сессии 2026-09-13 печать открывается в
   ОТДЕЛЬНОЙ вкладке (см. openPrintWindow/buildPrintHtml, index.html), у нового
   документа свои инлайн-стили, этому файлу печать больше не нужна. */

body {
  background: var(--page-bg);
  padding: 16px;
  /* Отзыв Igor (сессия 2026-09-13) — горизонтальное переполнение внутри
     страницы (широкая таблица/карточка на узком экране) не должно доходить до
     body: .app-shell ниже — overflow:hidden, а он сидит МЕЖДУ .header
     (position:sticky) и body — если body всё-таки получает горизонтальный
     скролл, sticky-шапка в такой связке ломается. Локальные overflow:auto
     (#records-list, table-view.css) должны сдерживать переполнение раньше,
     это — страховка на случай, если где-то не сдержат. По вертикали body
     НЕ зажимаем жёстко (в отличие от списка записей) — у settings/admin
     вкладок нет своего независимого скролла, им зажатый body просто обрезал
     бы контент без возможности докрутить. */
  overflow-x: hidden;
}

.app-shell {
  background: var(--list-bg);
  border-radius: var(--radius-page);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  overflow: hidden;
}

.app-shell .header {
  border-radius: var(--radius-header) var(--radius-header) 0 0;
  top: 16px; /* стик под отступом body — синяя рамка остаётся видна и при скролле */
}