/* Телефони та вузькі екрани (≤ 768 px): iOS Safari, Android Chrome.
   Окремий файл, підключений останнім: на комп'ютері нічого не змінює. */
@media (max-width: 768px) {
  /* ── оболонка: верхня панель ── */
  .tb { padding: 8px 8px 8px 8px; }
  .tb-logo { margin-left: 10px; }
  .tb-logo img { height: 18px; }
  .tb-round { margin-left: 8px; }
  .tb-rel:has(> .tb-round[title="Запустити процес"]) { display: none; }
  .tb-search { flex: 1 1 auto; width: auto; min-width: 0; margin: 0 4px 0 8px; }
  .tb-search input { font-size: 16px; } /* iOS не збільшує сторінку при фокусі, якщо шрифт поля ≥ 16 px */
  .tb-rel:has(> .tb-status) { display: none; }
  .tb .sp { display: none; }
  .tb-icon { width: 36px; height: 36px; margin-left: 2px; }
  .tb-icon[title="Комунікаційна панель"] { display: none; }
  .tb-avatar { margin: 0 4px 0 8px; flex: none; }

  /* ── панель навігації: шторка поверх сторінки ── */
  .shell .mn, .shell.navopen .mn, .shell:not(.navopen) .mn,
  .shell.sp-l .mn, .shell.navopen.sp-l .mn, .shell.sp-r .mn { left: 0; right: 0; }
  .nv.collapsed { display: none; }
  .nv { width: min(300px, 86vw); z-index: 36; background: #1b1640; box-shadow: 4px 0 24px rgba(0,0,0,.35); }
  .nv-veil { position: absolute; inset: 56px 0 0 0; z-index: 35; background: rgba(0,0,0,.35); }
  .nv-item { height: 52px; }

  /* бічні панелі (сповіщення, комунікації) — на всю ширину */
  .sp-left, .shell.navopen .sp-left, .sp-right { left: 0; right: 0; width: auto; z-index: 37; }

  /* ── сторінка списку (розділ) ── */
  .lp-head { padding: 12px 12px 8px; gap: 8px; flex-wrap: wrap; }
  .lp-head h1 { font-size: 24px; line-height: 32px; margin: 0; }
  .lp .lp-tools, .lp.v2 .lp-tools, .lp:not(.v2) .lp-tools { flex-wrap: wrap; padding: 4px 12px 0; gap: 8px; }
  .lp .lp-tools .lp-left { flex: 1 1 100%; padding-left: 0 !important; row-gap: 8px; }
  .lp .lp-tools .lp-left .tool.lpt-search, .lp .lp-tools .lp-right.rc-search .tool.lpt-search { flex: 1 1 100%; max-width: none; order: -1; }
  .lp .lp-tools .tool.lpt-search input { font-size: 16px; }
  .lp-tools .lp-right.rc-search { flex: 1 1 100%; flex-wrap: wrap; }
  .lp-tools .lp-right { padding-right: 0 !important; margin-left: auto; }
  .lp > .page-tools { display: none; } /* дизайнер сторінки й «розгорнути» — для комп'ютера */

  /* ── сторінка запису (Freedom UI) ── */
  [data-n="MainHeader"] { padding: 12px 12px 8px !important; }
  [data-n="MainHeaderTop"] { flex-wrap: wrap !important; row-gap: 4px !important; }
  [data-n="TitleContainer"] { flex: 1 1 auto; min-width: 180px; }
  [data-n="TitleContainer"] .label-h { font-size: 20px !important; line-height: 28px !important; overflow: hidden; text-overflow: ellipsis; }
  [data-n="ActionButtonsContainer"] { margin-left: auto; }
  [data-n="MainHeaderBottom"] { flex-wrap: wrap !important; row-gap: 8px !important; }
  [data-n="CardToggleContainer"] { flex: 1 1 auto; justify-content: flex-start !important; }
  .tgl-group { margin-left: 0; flex-wrap: wrap; }
  .tag-add { white-space: nowrap; }
  .freedom-page > .page-tools { display: none; }
  .tabs { scrollbar-width: none; }
  .tabs::-webkit-scrollbar { display: none; }

  /* ── глобальний пошук: розділи — рядок над результатами ── */
  .gs-wrap { flex-direction: column; }
  .gs-left { width: auto; min-height: 0; display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid #dbdbdb; flex: none; }
  .gs-all, .gs-item { white-space: nowrap; padding: 0 12px; flex: none; }
  .gs-link { padding-right: 0; }
  .gs-ico { margin-right: 6px; }
  .gs-main { max-width: none; }
  .gs-rowin { margin: 0 12px; }
  .gs-grow { flex-wrap: wrap; }
  .gs-grow .gs-col { flex: 1 1 45% !important; width: auto !important; max-width: none !important; }

  /* ── діалоги: не ширші за екран ── */
  .cdlg, .cdlg.bk-pick { width: calc(100vw - 24px); max-width: 450px; padding: 20px 16px 20px; }
  .mini-box, .nt-pick, .dp-pick { width: calc(100vw - 24px); max-width: 460px; }
  .fe-lk { width: calc(100vw - 16px); height: calc(100dvh - 32px); max-height: 560px; }
  .fe-se-lcbo { width: 100% !important; }
  .lp-body { position: relative; }
  .fb-panel { width: auto; position: absolute; inset: 0; z-index: 20; border-right: 0; } /* панель фільтрів — поверх списку */

  /* ── попередній перегляд файлу — на весь екран ── */
  .fp-dlg { width: 100vw; height: 100vh; height: 100dvh; border-radius: 0; }
  .fp-head { grid-template-columns: 0 1fr auto; height: 44px; padding-top: 0; }
  .fp-x { width: 40px; height: 40px; }
  .fp-body { padding: 0; }
  .fp-bar { padding: 0 6px; }
  .fp-bar .fp-div, .fp-bar .fp-b[title="Ліва панель"], .fp-bar .fp-b[title="Пан"], .fp-bar .fp-b[title="Виберіть"] { display: none; }
  .fp-b.ml12, .fp-zoom { margin-left: 4px; }
  .fp-sin { width: 110px; font-size: 16px; }
}
@media (max-width: 420px) {
  .tb-logo { display: none; }
}