/* Телефон и узкий планшет (до 768px): ничего не вылезает за экран и не обрезается.
   Найдено обходом всех страниц программы на ширине 390px (iPhone); таблицы шире экрана оборачивает static/mobile.js. */
@media (max-width: 767.98px) {
  /* полоски разделов и вкладки — одной строкой, листаются пальцем (раньше переносились или уходили за край) */
  .sec-tabs, .nav-tabs, .nav-pills { display: flex; flex-wrap: nowrap; max-width: 100%; overflow-x: auto; overflow-y: hidden;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .sec-tabs::-webkit-scrollbar, .nav-tabs::-webkit-scrollbar, .nav-pills::-webkit-scrollbar { display: none; }
  .sec-tabs a, .nav-tabs .nav-link, .nav-pills .nav-link { white-space: nowrap; }
  .sec-tabs > *, .nav-tabs > .nav-item, .nav-pills > .nav-item { flex: 0 0 auto; }

  /* меню документа «Изменить / Создать документ / Печать / Отправить» — переносится на вторую строку */
  .doc-menus { flex-wrap: wrap; row-gap: 6px; }

  /* таблица шире экрана — своя прокрутка пальцем (обёртку ставит mobile.js) */
  .m-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* закреплённая строка заголовков внутри прокрутки — от верха самой таблицы, как в .table-responsive (app.css),
     иначе она съезжает на высоту верхней панели вниз, поверх строк */
  .m-scroll .table tr:first-child > th, .m-scroll .table thead th { top: 0; }
  .box > .m-scroll > table th:first-child { border-top-left-radius: var(--radius); }     /* как у таблицы прямо в карточке */
  .box > .m-scroll > table th:last-child { border-top-right-radius: var(--radius); }

  /* поля документа в одну колонку: колонка по ширине экрана, а не по самому длинному тексту внутри
     («МА-А1-53-005 — Бобоева Муъмина …» в поле «Договор» растягивало всю форму за экран) */
  .dfield { grid-template-columns: minmax(0, 1fr); }
  .ts-wrapper, .d-flex > .flex-grow-1 { min-width: 0; max-width: 100%; }   /* поле рядом с кнопками «+» и «открыть» сжимается */
  .ts-wrapper .ts-control > .item { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* строки фильтров (даты, «Показать») и ряды кнопок переносятся, а не уходят за край */
  form.d-flex:not(.flex-nowrap) { flex-wrap: wrap; }
  .d-flex.flex-wrap > * { max-width: 100%; }

  /* документ «в программе»: страницы PDF картинками (static/pdfview.js) — высота по содержимому */
  .pf-view { height: auto !important; min-height: 320px !important; }
  .pf-wait { overflow-wrap: anywhere; }
}

/* страницы PDF, нарисованные static/pdfview.js (телефон) */
.pf-pages { padding: 12px; }
.pf-pages canvas { display: block; width: 100%; height: auto; margin: 0 auto 12px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }