/* hiring-responsive.css — гибкая вёрстка раздела «Найм водителей» + карточки кандидата под телефон.
   ИЗОЛИРОВАННО: только @media ≤640px, подключается ПОСЛЕ остальных стилей. Десктоп (ПК 1920/1440)
   не затрагивается — нулевой риск регресса на основном сценарии. Дашборд уже адаптивен до 640px
   (styles.css/hiring.css), здесь — телефонная полировка: таблица свайпается, модалка на весь экран,
   тулбар/фильтры во всю ширину, крупнее тач-цели. */

@media (max-width: 640px) {
  /* Контент ближе к краям — таблице/карточкам больше места */
  body.hiring-mode .main,
  .main { padding: 12px 10px 26px !important; }

  /* Таблица кандидатов (min-width ~1540px) — плавный горизонтальный свайп ВНУТРИ своего
     контейнера, без разрыва общей вёрстки страницы. */
  .table-scroll {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  .table-scroll::-webkit-scrollbar { height: 8px; }
  .table-scroll::-webkit-scrollbar-thumb { background: #c7d3e6; border-radius: 8px; }
  /* компактнее ячейки — больше строк влезает по вертикали */
  .candidates-table th { padding: 10px 12px !important; }
  .candidates-table td { padding: 12px 12px !important; }

  /* Тулбар и фильтры — на всю ширину экрана, крупные удобные тач-цели */
  .hiring-filter-card { padding: 0 12px 12px !important; }
  .hiring-filter-card .filter-row { flex-wrap: wrap !important; gap: 10px !important; }
  .hiring-filter-card select,
  .hiring-filter-card #hiringPageSize { min-width: 0 !important; width: 100% !important; height: 44px; }
  .date-row { min-width: 0 !important; width: 100% !important; }
  #hiringSearchWrap { width: 100% !important; }
  #hiringSearchWrap input { width: 100% !important; height: 44px; }

  /* Панель кандидатов — во всю ширину, без лишних отступов по краям */
  .candidates-panel { border-radius: 14px; }
  .panel-top, .panel-actions { padding-left: 12px; padding-right: 12px; }

  /* Карточка кандидата (модалка) — на весь экран телефона, читаемо и удобно */
  #candidateDialogOverlay.candidate-modal-overlay { padding: 0 !important; }
  .candidate-modal {
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    padding: 14px 12px 16px !important;
  }
}

/* Очень узкие телефоны */
@media (max-width: 380px) {
  .main { padding: 10px 8px 22px !important; }
  .candidates-table th, .candidates-table td { padding-left: 10px !important; padding-right: 10px !important; }
}