/* mobile.css — мобильная адаптация чата (экраны ≤820px). Десктоп не затрагивается. */
#mob-nav, #mob-back { display: none; }

@media (max-width: 820px) {
  /* --- сайдбар: выезжающая панель поверх контента --- */
  aside[class*="bg-sidebar"] {
    position: fixed !important;
    top: 0; left: 0; bottom: 0;
    z-index: 60 !important;
    box-shadow: 12px 0 48px rgba(0, 0, 0, .55);
    max-width: 82vw;
  }

  /* затемнение под панелью (клик = закрыть) */
  body.mob-nav-open #mob-back {
    display: block;
    position: fixed; inset: 0; z-index: 55;
    background: rgba(0, 0, 0, .5);
  }

  /* кнопка-гамбургер (только когда есть приложение-чат с сайдбаром) */
  body.mob-nav-ready #mob-nav {
    display: flex; align-items: center; justify-content: center;
    position: fixed; z-index: 70;
    top: calc(10px + env(safe-area-inset-top, 0px)); left: 10px;
    width: 42px; height: 42px; border-radius: 12px;
    color: #f2f2f2;
    background: rgba(24, 24, 26, .78);
    border: 1px solid rgba(255, 255, 255, .14);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    transition: opacity .2s ease;
    cursor: pointer;
  }
  body.mob-nav-open #mob-nav { opacity: 0; pointer-events: none; }

  /* модалки (вход и т.п.) всегда поверх сайдбара и гамбургера */
  div.fixed.inset-0.z-50 { z-index: 80 !important; }

  /* --- основной контент --- */
  main { padding-bottom: env(safe-area-inset-bottom, 0px); }
  /* встроенную кнопку «Open sidebar» прячем — её роль играет наш гамбургер */
  main button[aria-label="Open sidebar"] { display: none !important; }
  main > div { padding-left: 12px; padding-right: 12px; }
  main h1 { font-size: 30px !important; }
  main img[class*="rounded-2xl"] { height: 40px; width: 40px; }

  /* композер: компактнее, имя модели короче */
  .chat-composer { padding: 12px !important; }
  .chat-composer span.truncate { max-width: 84px !important; }

  /* iOS: не даём зумить при фокусе в поля (мин. 16px) */
  input, select, textarea { font-size: 16px; }

  /* баннер cookie-consent: на мобильном уводим наверх, чтобы не перекрывать
     композер и кнопку «Отправить» (иначе тапы попадают в баннер) */
  div.fade-in.fixed.bottom-4.z-40 {
    bottom: auto !important;
    top: calc(env(safe-area-inset-top, 0px) + 64px) !important;
  }
}