/* mobile.css — общая мобильная адаптация страниц GC CRM (iPhone 13-17 / Xiaomi / Android).
   Подключается ко всем страницам, кроме kitchen.html (у неё свои мобильные стили внутри). */
@media (max-width: 820px) {
  /* топбар SOLT: меню переносится, компактный шрифт */
  .solt-topbar, .gck-topbar {
    height: auto !important; min-height: 46px; flex-wrap: wrap; padding: 6px 10px !important; gap: 4px;
  }
  .solt-menu, .gck-menu { gap: 9px !important; flex-wrap: wrap; width: 100%; }
  .solt-menu-item, .gck-menu-item { font-size: 11px !important; letter-spacing: 0.3px !important; }
  .solt-title, .gck-title { font-size: 13px !important; }

  /* окно SOLT на всю ширину */
  .solt-window { max-width: 100% !important; min-height: auto !important; margin: 0 !important; }
  .solt-wrap, .gck-window-container { padding: 10px 6px !important; }

  /* любые таблицы — горизонтальный скролл, не ломают страницу */
  table { font-size: 13px !important; }
  .solt-table, .logistics-table, table.gck-table {
    display: block; overflow-x: auto; white-space: nowrap; max-width: 100%;
  }

  /* логистика: сводка в 2 колонки, карточки маршрутов на всю ширину */
  .logistics-summary { grid-template-columns: repeat(2, 1fr) !important; }
  .logistics-controls, .logistics-topbar { flex-wrap: wrap !important; gap: 8px !important; }
  .logistics-route-facts { grid-template-columns: 1fr 1fr !important; }
  .logistics-body { padding: 8px !important; }

  /* модалки/карточки на всю ширину */
  .modal, .popup, .dialog, .card-modal { width: 94vw !important; max-width: 94vw !important; }

  /* убрать горизонтальный скролл страницы целиком */
  body { overflow-x: hidden; }
}
@media (max-width: 480px) {
  .solt-menu-item, .gck-menu-item { font-size: 10px !important; }
  .logistics-summary { grid-template-columns: 1fr 1fr !important; }
}