/* FinFed Analytics: мобильный слой (экраны <768px; исключение - п. 5 «Менеджеры», до 1439px).
   Добавляется поверх собранного бандла Patch 4 в deploy-frontend.sh. 27.08.2026 */
@media (max-width: 767px) {

  /* 1. КАРКАС: контент на всю ширину (был сдвинут на 224px под сайдбар) */
  .ml-56 {
    margin-left: 0 !important;
    padding: 10px !important;
  }

  /* 2. САЙДБАР: из фиксированной колонки - в липкую полосу вкладок сверху */
  .fixed.w-56 {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    flex-direction: row !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    border-right: none !important;
    border-bottom: 1px solid rgba(148, 163, 184, .25);
  }
  /* шапка с лого - компактно, футер с юзером - скрыть */
  .fixed.w-56 > div:first-child {
    border-bottom: none !important;
    padding: 8px 10px !important;
    flex-shrink: 0;
  }
  .fixed.w-56 > div:last-child { display: none !important; }

  /* навигация в строку */
  .fixed.w-56 .flex-1 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 6px 8px !important;
    overflow: visible !important;
  }
  .fixed.w-56 .flex-1 > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }
  /* вертикальные отступы групп/пунктов гасим */
  .fixed.w-56 .space-y-3 > * + *,
  .fixed.w-56 .space-y-0\.5 > * + * { margin-top: 0 !important; }
  /* заголовки групп меню скрыть */
  .fixed.w-56 .uppercase.tracking-wider { display: none !important; }
  /* пункты меню - компактные вкладки без переноса */
  .fixed.w-56 a {
    white-space: nowrap;
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  /* 3. ТАБЛИЦЫ: скроллятся уже сейчас (overflow-x-auto в компонентах),
     добавляем инерцию и защиту от распирания страницы */
  .overflow-x-auto { -webkit-overflow-scrolling: touch; }
  .overflow-x-auto table { min-width: 640px; }

  /* 4. Мелочи под палец */
  h1, .text-lg.font-bold { font-size: 17px !important; }
  .p-5 { padding: 12px !important; }
  .gap-4 { gap: 10px !important; }
  /* recharts-графики не шире экрана */
  .recharts-wrapper, .recharts-surface { max-width: 100% !important; }
}

/* 5. «Менеджеры» (17.09.2026): карточка менеджера не уже 260 px, иначе сумма выручки наезжает на конверсию.
   Замер до правки: наезд на 390, 768, 900 и 1024 px, перенос «₽» на 1280 px; на 1440 px и шире всё помещалось,
   поэтому правило действует до 1439 px. Класс сетки есть только на странице «Менеджеры». */
@media (max-width: 1439px) {
  .grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4 {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  }
}

/* 6. Меню разделов на телефоне (17.09.2026): все пункты в одну строку, полоса листается вбок.
   Замер до правки на 390 px: группы меню стояли столбиками, липкая полоса занимала 139 px из 844 px экрана.
   После: 41 px, последний пункт достижим прокруткой; правый край затухает, чтобы было видно, что меню листается. */
@media (max-width: 767px) {
  .fixed.w-56 .space-y-0\.5 { display: flex !important; flex-direction: row !important; align-items: center !important; }
  .fixed.w-56 > div:first-child { padding: 6px 4px 6px 10px !important; }
  .fixed.w-56 nav.flex-1 { padding: 4px 32px 4px 2px !important; }
  .fixed.w-56 a { padding: 6px 9px !important; }
  .fixed.w-56 {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);
  }
}