/* Sprint 3.5 — Mobile-first для админки.
   Подключается на каждой странице кабинета через <link rel="stylesheet" href="mobile.css">.
   Адаптирует sidebar в hamburger, таблицы в карточки, модалки в fullscreen. */

/* Базово — sidebar уже скрыт в ai-assistant.html на < 768px через .sidebar.open.
   Здесь добавим уверенный hamburger-pattern для всех страниц. */

/* Hamburger-кнопка — должна присутствовать в каждом header.
   Если в HTML её нет — она будет невидима и mobile-проход просто не сработает. */
.btn-hamburger {
  display: none;
  width: 44px; height: 44px;
  align-items: center; justify-content: center;
  border-radius: 10px; background: transparent; border: none;
  cursor: pointer; color: var(--text, #e6edf7);
}
.btn-hamburger:hover { background: rgba(255,255,255,0.08); }

@media (max-width: 767px) {
  .btn-hamburger { display: inline-flex !important; }
  /* Sidebar — off-canvas на мобильном */
  .sidebar, aside.sidebar, #sidebar {
    position: fixed !important; top: 0; left: 0; bottom: 0;
    width: 80%; max-width: 280px; z-index: 50;
    transform: translateX(-100%); transition: transform .25s ease;
  }
  .sidebar.open, aside.sidebar.open, #sidebar.open { transform: translateX(0); }
  /* Overlay при открытом sidebar */
  .sb-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.55);
    z-index: 49; opacity: 0; pointer-events: none; transition: opacity .2s; }
  .sb-overlay.open { opacity: 1; pointer-events: auto; }

  /* Таблицы (players, salaries, services) — карточки */
  .mobile-cardify table { display: block !important; }
  .mobile-cardify thead { display: none !important; }
  .mobile-cardify tbody, .mobile-cardify tr { display: block !important; }
  .mobile-cardify tr {
    background: var(--panel, #121a30);
    border: 1px solid var(--line, #243355);
    border-radius: 12px; padding: 12px; margin-bottom: 10px;
  }
  .mobile-cardify td {
    display: flex !important; justify-content: space-between;
    padding: 4px 0 !important; border: none !important;
  }
  .mobile-cardify td::before {
    content: attr(data-label) ": ";
    color: var(--muted, #93a4c4); font-size: 11px; margin-right: 8px;
  }

  /* Календарь admin.html — горизонтальный скролл */
  .calendar-grid, #calendar-grid, .grid-calendar {
    overflow-x: auto !important; -webkit-overflow-scrolling: touch;
  }

  /* Modal — fullscreen на мобильном */
  .modal, .modal-content, [data-modal] {
    max-width: 100% !important; width: 100% !important;
    height: 100vh; max-height: 100vh; border-radius: 0 !important;
  }

  /* Уменьшить hero на мобильном — больше пространства для CTA */
  header.glass, .glass.border-b {
    padding: 10px 14px !important;
  }

  /* Touch targets — минимум 44px */
  button, .btn, a.btn, .nav-item, [role="button"] {
    min-height: 40px;
  }
  input, select, textarea {
    font-size: 16px; /* iOS no-zoom */
    min-height: 40px;
  }

  /* Карточки услуг/специалистов — 1 колонка */
  .grid-cols-2.sm\:grid-cols-3, .grid-cols-2.md\:grid-cols-3,
  .grid-cols-2.lg\:grid-cols-4 {
    grid-template-columns: 1fr !important;
  }

  /* main padding на мобильном — меньше */
  main { padding-left: 10px !important; padding-right: 10px !important; }
}

/* Helper: глобальный auto-binding hamburger в sidebar.js — см. window.toggleSidebar */