/* ============================================================
   v20 PWA mobile header text fix
   Исправляет верхний блок на мобильной/PWA версии:
   - заголовок не ломается на 2 строки;
   - подзаголовок не распадается по словам;
   - кнопка меню компактная;
   - бейдж МСК не сжимает заголовок.
   ============================================================ */

@media (max-width: 980px){
  .topbar{
    min-height:64px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0, 1fr) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:10px!important;
    padding:10px 14px!important;
  }

  .topbar .mobile-menu-btn,
  .mobile-menu-btn{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    padding:0!important;
    border-radius:16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    font-size:0!important;
    overflow:hidden!important;
    flex:0 0 auto!important;
  }

  .mobile-menu-btn svg,
  .mobile-menu-btn .icon,
  .mobile-menu-btn i{
    width:21px!important;
    height:21px!important;
    margin:0!important;
    font-size:21px!important;
  }

  .topbar .page-title{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    display:block!important;
    overflow:hidden!important;
  }

  .topbar .page-title h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:#161b26!important;
    font-size:23px!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .topbar .page-title p{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:4px 0 0!important;
    color:#7b8494!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .topbar .badge{
    min-width:auto!important;
    max-width:138px!important;
    height:36px!important;
    padding:8px 11px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  .topbar .badge::first-letter{
    font-size:0!important;
  }

  /* Убираем любые случайные переносы внутри даты */
  .topbar .badge,
  .topbar .badge *{
    white-space:nowrap!important;
  }
}

/* Узкие iPhone: оставляем только заголовок и дату, подзаголовок скрываем */
@media (max-width: 390px){
  .topbar{
    grid-template-columns:44px minmax(0, 1fr) auto!important;
    gap:8px!important;
  }

  .topbar .mobile-menu-btn,
  .mobile-menu-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
  }

  .topbar .page-title h1{
    font-size:21px!important;
  }

  .topbar .page-title p{
    display:none!important;
  }

  .topbar .badge{
    max-width:118px!important;
    height:34px!important;
    padding:7px 9px!important;
    font-size:10.5px!important;
  }
}

/* Standalone/PWA: учитываем безопасную зону сверху */
@media (display-mode: standalone){
  @media (max-width: 980px){
    .topbar{
      padding-top:calc(10px + env(safe-area-inset-top))!important;
    }
  }
}