/* FinFed Analytics: мобильный слой (только экраны <768px, десктоп не затрагивает).
   Добавляется поверх собранного бандла 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; }
}