/* The drawer opens from the page header, including the conversation header. */
.redesigned-app .cabinet-navigation .cabinet-mobile-header,
.redesigned-app .cabinet-navigation .cc-mobile-empty-header { display: none; }
@media(max-width: 760px) {
  .redesigned-app:has(.cabinet-navigation) { --cabinet-mobile-header-height: calc(64px + env(safe-area-inset-top, 0px)); }
  .redesigned-app .cabinet-navigation .cabinet-mobile-header { display: flex; align-items: center; gap: 12px; position: sticky; top: 0; z-index: 50; flex: 0 0 auto; min-height: var(--cabinet-mobile-header-height); padding: calc(10px + env(safe-area-inset-top, 0px)) 16px 10px; background: #fff; border-bottom: 1px solid #e8ebf2; }
  .redesigned-app .cabinet-navigation .cabinet-mobile-header > span { font-size: 16px; font-weight: 650; line-height: 1.4; }
  .redesigned-app .cabinet-navigation .cabinet-mobile-header.is-chat { display: none; }
  .redesigned-app .cabinet-navigation.variant-2 .mobile-nav-trigger { display: inline-flex; align-items: center; justify-content: center; position: static; inset: auto; z-index: auto; width: 44px; height: 44px; min-height: 44px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 12px; background: transparent; color: #25272d; box-shadow: none; }
  .redesigned-app .cabinet-navigation.variant-2 .mobile-nav-trigger:hover { background: #f2f3f6; }
  .redesigned-app .cabinet-navigation.variant-2 .mobile-nav-trigger:focus-visible { outline: 2px solid #4a5ff7; outline-offset: 2px; }
  .redesigned-app .cabinet-navigation .cc-full .cc-header { min-height: calc(76px + env(safe-area-inset-top, 0px)); gap: 10px; padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 14px; }
  .redesigned-app .cabinet-navigation.cabinet-chat-route .cc-full .cc-header { padding-top: calc(14px + env(safe-area-inset-top, 0px)); }
  .redesigned-app .cabinet-navigation .cc-full .cc-identity { flex: 1; gap: 10px; }
  .redesigned-app .cabinet-navigation .cc-full .cc-identity .cc-avatar { width: 40px; height: 40px; }
  .redesigned-app .cabinet-navigation .cc-full .cc-identity strong { font-size: 16px; }
  .redesigned-app .cabinet-navigation .cc-full .cc-identity small { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .redesigned-app .cabinet-navigation .cc-full .cc-header-controls .cc-icon { width: 44px; height: 44px; }
  .redesigned-app .cabinet-navigation .cc-mobile-empty-header { display: flex; justify-content: flex-start; }
  .redesigned-app:has(.cabinet-navigation) .cc-widget { width: min(390px, calc(100vw - 32px)); right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - var(--cabinet-mobile-header-height) - 32px - env(safe-area-inset-bottom, 0px)); }
  .redesigned-app .cabinet-navigation.variant-2 .app-footer { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
  .redesigned-app .cabinet-navigation .reading-progress { top: var(--cabinet-mobile-header-height); z-index: 51; }
}