/* Beta bottom nav: floating plaque over list — restored after bad blur experiment */

/* Градиент-барьер списка — выключить */
.chats-section::after,
.sidebar .chats-section::after,
.sidebar .chats-section.chats-section--drum::after,
body.mobile-chat-pc-look .sidebar .chats-section::after,
body.mobile-chat-pc-look .chats-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  height: 0 !important;
  width: 0 !important;
  opacity: 0 !important;
}

.messenger-container > .sidebar,
html.xam-pc-layout #main-screen .messenger-container > .sidebar,
html.xam-session-pending #main-screen .messenger-container > .sidebar,
body.mobile-chat-pc-look .sidebar,
body.mobile-chat-pc-look .sidebar.sidebar--chats-drum {
  position: relative !important;
  overflow: hidden !important;
  background: #212121 !important;
}

.sidebar > .sidebar-main-stack {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate !important;
  background: #212121 !important;
}

.sidebar .sidebar-chats-row,
.sidebar .chats-section,
.sidebar .chats-section.chats-section--drum {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: #212121 !important;
}

.sidebar #chats-list,
.sidebar #chats-list.chats-list--drum,
.sidebar #chats-list.chats-list--drum .chats-drum-viewport,
.sidebar #chats-list.chats-list--drum .chats-drum-track {
  background: #212121 !important;
}

.sidebar #chats-list.chats-list--drum {
  padding: 0 !important;
}

.sidebar #chats-list.chats-list--drum .chats-drum-viewport {
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.sidebar #chats-list.chats-list--drum .chats-drum-spacer--bottom {
  height: 88px !important;
  min-height: 88px !important;
  flex-shrink: 0 !important;
}

.sidebar #chats-list:not(.chats-list--drum),
body.mobile-chat-pc-look #chats-list:not(.chats-list--drum) {
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

#chats-bottom-nav,
.chats-bottom-nav,
.sidebar > .sidebar-main-stack > #chats-bottom-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 769px) {
  #chats-bottom-nav,
  .chats-bottom-nav {
    display: none !important;
  }
}

#chats-bottom-pill,
.chats-bottom-pill,
html.xam-pc-layout #chats-bottom-pill,
html.xam-session-pending #chats-bottom-pill,
body.mobile-chat-pc-look #chats-bottom-pill,
.chats-bottom-nav > #chats-bottom-pill {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

.chats-bottom-pill-btn {
  flex: 1 1 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 50px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #9e9e9e !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 5px 4px !important;
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

.chats-bottom-pill-btn:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.chats-bottom-pill-icon {
  display: inline-flex !important;
  width: 26px !important;
  height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
}

.chats-bottom-pill-icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

.chats-bottom-pill-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  color: inherit !important;
}

.chats-bottom-pill-btn.is-active::before,
.create-bottom-pill-btn.is-active::before {
  content: none !important;
  display: none !important;
}

.chats-bottom-pill-btn.is-active {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--xam-ui-accent, #8774E1) !important;
}

.chats-bottom-pill-btn.is-active .chats-bottom-pill-label {
  color: var(--xam-ui-accent, #8774E1) !important;
}

.chats-bottom-pill-btn .chats-bottom-pill-icon-path {
  fill: currentColor !important;
}

.chats-bottom-pill-btn.is-active .chats-bottom-pill-icon-path {
  fill: url(#xam-nav-selected-grad) !important;
}

.chats-bottom-pill-btn:not(.is-active) .chats-bottom-pill-icon-path--soft {
  opacity: 0.45 !important;
}

/* Старый dock (mic/cam) скрыт; FAB «+» / создать группу·канал — справа снизу */
.sidebar-bottom-dock,
.sidebar-bottom-dock.desktop-only,
.sidebar-bottom-dock--legacy {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.sidebar-compose-fab-wrap,
.sidebar-compose-fab-wrap.desktop-only,
html.xam-pc-layout .sidebar-compose-fab-wrap,
html.xam-pc-layout .sidebar-compose-fab-wrap.desktop-only,
body.mobile-chat-pc-look .sidebar-compose-fab-wrap,
body.mobile-chat-pc-look .sidebar-compose-fab-wrap.desktop-only {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: absolute !important;
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 45 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.sidebar-compose-duo {
  display: inline-flex !important;
  align-items: center !important;
  height: 52px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Только плюсик — XAMFlow в этом блоке не показываем */
.sidebar-compose-duo-flow,
#desktop-flow-btn {
  display: none !important;
}

.sidebar-compose-fab,
.sidebar-compose-fab.desktop-only,
#fab-new-chat-desktop {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  color: #fff !important;
  background: var(--xam-ui-accent, #8774E1) !important;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.35),
    0 0 0 0.5px rgba(255, 255, 255, 0.12) !important;
  transition: transform 0.16s ease, background 0.16s ease !important;
  -webkit-tap-highlight-color: transparent;
}

.sidebar-compose-fab:hover,
#fab-new-chat-desktop:hover {
  background: var(--xam-ui-accent-hover, #9585e8) !important;
  transform: scale(1.04) !important;
}

.sidebar-compose-fab:active,
#fab-new-chat-desktop:active {
  transform: scale(0.96) !important;
}

.sidebar-compose-fab svg,
#fab-new-chat-desktop svg {
  width: 24px !important;
  height: 24px !important;
}

.pc-compose-flyout {
  position: absolute !important;
  top: auto !important;
  bottom: calc(100% + 10px) !important;
  left: auto !important;
  right: 0 !important;
  width: min(210px, calc(100vw - 36px)) !important;
  z-index: 46 !important;
  padding: 4px !important;
  border-radius: 16px !important;
  background: rgba(22, 22, 24, 0.55) !important;
  backdrop-filter: blur(36px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(36px) saturate(180%) !important;
  box-shadow:
    0 0 0 0.5px rgba(255, 255, 255, 0.14),
    0 14px 36px rgba(0, 0, 0, 0.45) !important;
  transform: translateY(8px) scale(0.94) !important;
  transform-origin: bottom right !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition:
    opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.pc-compose-flyout.is-open {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

.pc-compose-flyout.hidden {
  display: none !important;
}

.pc-compose-flyout .pc-sidebar-flyout-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: none !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font: 550 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  text-align: left !important;
  cursor: pointer !important;
}

.pc-compose-flyout .pc-sidebar-flyout-item:hover,
.pc-compose-flyout .pc-sidebar-flyout-item:focus-visible {
  background: rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
}

.pc-compose-flyout .pc-sidebar-flyout-icon {
  display: inline-flex !important;
  color: inherit !important;
}

.sidebar.sidebar--settings-open > .sidebar-compose-fab-wrap,
.sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-compose-fab-wrap,
body.desktop-search-mode .sidebar-compose-fab-wrap,
body.desktop-search-mode #pc-compose-flyout {
  display: none !important;
  pointer-events: none !important;
}

#chats-list.chats-list--drum .chats-drum-spacer--bottom {
  height: 88px !important;
  min-height: 88px !important;
}

.sidebar.sidebar--settings-open #chats-bottom-nav,
.sidebar.sidebar--settings-open #chats-bottom-pill {
  display: none !important;
}

/* ─── Верх: 3 отдельные летающие пилюли ─── */

.sidebar > .sidebar-main-stack > .sidebar-header,
.sidebar .sidebar-header,
body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header,
body.mobile-chat-pc-look .sidebar .sidebar-header,
html.xam-pc-layout .sidebar .sidebar-header,
html.xam-session-pending .sidebar .sidebar-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  z-index: 40 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 14px 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
  overflow: visible !important;
  isolation: isolate !important;
}

@media (max-width: 768px) {
  body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header,
  body.mobile-chat-pc-look .sidebar .sidebar-header {
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 0 !important;
  }

  body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header,
  body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar .sidebar-header {
    padding-bottom: 2px !important;
  }
}

body.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header,
body.xam-chat-folders-bar-on .sidebar .sidebar-header {
  padding-bottom: 4px !important;
  gap: 6px !important;
}

#sidebar-top-bar,
.sidebar-top-bar,
body.mobile-chat-pc-look #sidebar-top-bar,
body.mobile-chat-pc-look #sidebar-top-bar.desktop-only,
html.xam-pc-layout #sidebar-top-bar,
html.xam-pc-layout .sidebar-top-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  position: relative !important;
  pointer-events: none !important;
}

/* Gooey-кластер: бургер + поиск */
#sidebar-top-bar > .sidebar-top-gooey {
  grid-column: 1 !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: 100% !important;
  min-width: 0 !important;
  pointer-events: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

#sidebar-top-bar .sidebar-top-gooey-blobs {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  background: transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transform: none !important;
  transition:
    gap 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    padding 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    background-color 0.42s cubic-bezier(0.32, 0.72, 0, 1),
    width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 0.35s ease !important;
}

#sidebar-top-bar > .sidebar-top-gooey .sidebar-menu-btn {
  flex: 0 0 auto !important;
  justify-self: start !important;
}

#sidebar-top-bar > .sidebar-top-gooey .sidebar-search-input-wrapper {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

#sidebar-top-bar > .sidebar-header-stories {
  grid-column: 2 !important;
  justify-self: end !important;
}

#sidebar-top-bar > .pc-sidebar-flyout {
  grid-column: 1 !important;
  position: absolute !important;
  z-index: 50 !important;
}

#sidebar-top-bar .sidebar-menu-btn,
#sidebar-top-bar .sidebar-search-input-wrapper,
#sidebar-top-bar .sidebar-header-stories,
body.mobile-chat-pc-look #sidebar-top-bar .sidebar-menu-btn,
body.mobile-chat-pc-look #sidebar-top-bar .sidebar-search-input-wrapper,
body.mobile-chat-pc-look #sidebar-top-bar .sidebar-header-stories {
  pointer-events: auto !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: auto !important;
}

body.sidebar-search-collapsed #sidebar-top-bar .sidebar-menu-btn,
body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper {
  box-shadow: none !important;
}

/* === Beta: поиск → круглая лупа + gooey-слияние с бургером === */
#sidebar-top-bar .sidebar-search-input-wrapper,
.sidebar-top-bar .sidebar-search-input-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  transform-origin: left center !important;
  transition:
    width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    max-width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    min-width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    flex 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    padding 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    margin 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    border-radius 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    background 0.35s ease !important;
  will-change: width, max-width, border-radius;
}

#sidebar-top-bar .sidebar-menu-btn {
  transition:
    border-radius 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    background 0.35s ease,
    width 0.52s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

/* С папками: поиск всегда от левого края колонки — схлопывается к бургеру */
body.xam-chat-folders-bar-on #sidebar-top-bar > .sidebar-top-gooey .sidebar-search-input-wrapper {
  justify-self: start !important;
  transform-origin: left center !important;
}

#sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-icon {
  flex-shrink: 0 !important;
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1), color 0.25s ease !important;
}

#sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-input-desktop,
#sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-loading-spinner,
#sidebar-top-bar .sidebar-search-input-wrapper .flow-stories-stack {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  /* при развороте текст появляется чуть позже, чем растёт пилюля */
  transition:
    opacity 0.32s ease 0.12s,
    max-width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    margin 0.4s ease,
    padding 0.4s ease,
    flex-basis 0.52s cubic-bezier(0.32, 0.72, 0, 1) !important;
  max-width: 100%;
  opacity: 1;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* Свернуто: сразу цельная круглая пилюля (без SVG-blur) */
body.sidebar-search-collapsed #sidebar-top-bar {
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
}

body.sidebar-search-collapsed #sidebar-top-bar > .sidebar-top-gooey {
  justify-self: start !important;
  align-self: center !important;
  width: auto !important;
  height: 48px !important;
  filter: none !important;
  transform: none !important;
}

body.sidebar-search-collapsed #sidebar-top-bar .sidebar-top-gooey-blobs {
  gap: 0 !important;
  width: auto !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 2px !important;
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  filter: none !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
}

body.sidebar-search-collapsed #sidebar-top-bar .sidebar-menu-btn,
body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper,
body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed,
#sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed {
  box-shadow: none !important;
  isolation: auto !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.sidebar-search-collapsed #sidebar-top-bar .sidebar-menu-btn {
  border-radius: 999px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
}

body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper,
body.sidebar-search-collapsed #sidebar-search-input-wrapper.is-collapsed,
#sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  justify-self: start !important;
  flex: 0 0 auto !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* С папками: пилюля у бургера слева */
body.sidebar-search-collapsed.xam-chat-folders-bar-on #sidebar-top-bar .sidebar-search-input-wrapper,
body.sidebar-search-collapsed.xam-chat-folders-bar-on #sidebar-search-input-wrapper.is-collapsed,
body.xam-chat-folders-bar-on #sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed {
  justify-self: start !important;
  margin: 0 !important;
}

body.theme-light.sidebar-search-collapsed #sidebar-top-bar .sidebar-top-gooey-blobs {
  background: #e8e8ea !important;
  background-color: #e8e8ea !important;
}

body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-icon,
#sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed .sidebar-search-icon {
  color: rgba(255, 255, 255, 0.92) !important;
  transform: scale(1.06);
  margin: 0 !important;
}

body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-input-desktop,
body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-loading-spinner,
body.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper .flow-stories-stack,
#sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed .sidebar-search-input-desktop,
#sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed .sidebar-search-loading-spinner,
#sidebar-top-bar .sidebar-search-input-wrapper.is-collapsed .flow-stories-stack {
  opacity: 0 !important;
  max-width: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  flex: 0 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
  /* при сворачивании текст гаснет быстрее, чем сжимается пилюля */
  transition:
    opacity 0.16s ease,
    max-width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    width 0.52s cubic-bezier(0.32, 0.72, 0, 1),
    margin 0.4s ease,
    padding 0.4s ease,
    flex-basis 0.52s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

body.theme-light.sidebar-search-collapsed #sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-icon {
  color: rgba(26, 26, 30, 0.88) !important;
}

@media (prefers-reduced-motion: reduce) {
  #sidebar-top-bar .sidebar-search-input-wrapper,
  #sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-icon,
  #sidebar-top-bar .sidebar-search-input-wrapper .sidebar-search-input-desktop,
  #sidebar-top-bar .sidebar-top-gooey-blobs,
  #sidebar-top-bar .sidebar-menu-btn {
    transition: none !important;
  }

  body.sidebar-search-collapsed #sidebar-top-bar .sidebar-top-gooey-blobs {
    filter: none !important;
    gap: 0 !important;
  }
}

#sidebar-top-bar .sidebar-header-stories,
body.mobile-chat-pc-look #sidebar-top-bar .sidebar-header-stories {
  pointer-events: auto !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: isolate !important;
}

#sidebar-top-bar .sidebar-menu-btn,
.sidebar-top-bar .sidebar-menu-btn,
body.mobile-chat-pc-look #sidebar-top-bar .sidebar-menu-btn {
  flex: 0 0 auto !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

#sidebar-top-bar .sidebar-menu-btn:hover,
#sidebar-top-bar .sidebar-menu-btn[aria-expanded="true"] {
  background: #303030 !important;
  background-color: #303030 !important;
}

#sidebar-top-bar .sidebar-search-input-wrapper,
.sidebar-top-bar .sidebar-search-input-wrapper,
body.mobile-chat-pc-look #sidebar-top-bar .sidebar-search-input-wrapper,
html.xam-pc-layout .sidebar-search-input-wrapper {
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 48px !important;
  padding: 0 14px !important;
  gap: 8px !important;
  border-radius: 999px !important;
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  overflow: hidden !important;
}

#sidebar-top-bar .sidebar-search-input-wrapper:hover,
#sidebar-top-bar .sidebar-search-input-wrapper:focus-within {
  background: #303030 !important;
  background-color: #303030 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
  border: none !important;
}

#sidebar-top-bar .sidebar-search-icon {
  color: #aaaaaa !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

#sidebar-top-bar .sidebar-search-input-desktop,
#sidebar-top-bar input.sidebar-search-input-desktop[type="text"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 15px !important;
}

#sidebar-top-bar .sidebar-header-stories,
.sidebar-top-bar .sidebar-header-stories,
body.mobile-chat-pc-look #sidebar-top-bar .sidebar-header-stories {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 4px !important;
  border-radius: 999px !important;
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  box-sizing: border-box !important;
}

#sidebar-top-bar .sidebar-stories-avatar,
#sidebar-top-bar .sidebar-stories-avatar--user,
#sidebar-top-bar #sidebar-header-user-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#sidebar-top-bar .sidebar-stories-avatar-inner,
#sidebar-top-bar #sidebar-header-user-avatar {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

#sidebar-top-bar .pc-sidebar-flyout {
  z-index: 50 !important;
  pointer-events: auto !important;
}

.sidebar #chats-list.chats-list--drum .chats-drum-spacer--top {
  height: var(--chats-top-inset, 72px) !important;
  min-height: var(--chats-top-inset, 72px) !important;
  flex-shrink: 0 !important;
  /* без анимации высоты — иначе список «догоняет» шапку с запозданием */
  transition: none !important;
}

.sidebar #chats-list:not(.chats-list--drum),
body.mobile-chat-pc-look #chats-list:not(.chats-list--drum) {
  padding-top: var(--chats-top-inset, 72px) !important;
}

/* Запас под шапку: нормальный, без скачков (JS уточняет по реальной геометрии) */
html {
  --chats-top-inset: 72px;
}

body.xam-chat-folders-bar-on {
  --chats-top-inset: 122px;
}

body.xam-chat-folders-bar-on.sidebar-search-collapsed {
  --chats-top-inset: 72px;
}

@media (max-width: 768px) {
  body.mobile-chat-pc-look {
    --chats-top-inset: calc(72px + env(safe-area-inset-top, 0px));
  }

  body.mobile-chat-pc-look.xam-chat-folders-bar-on {
    --chats-top-inset: calc(126px + env(safe-area-inset-top, 0px));
  }

  body.mobile-chat-pc-look.xam-chat-folders-bar-on.sidebar-search-collapsed {
    --chats-top-inset: calc(72px + env(safe-area-inset-top, 0px));
  }
}

.sidebar .chats-section::before,
body.mobile-chat-pc-look .sidebar .chats-section::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
}

/* ПК: усиленная дымка сверху/снизу (без blur-эксперимента) */
@media (min-width: 769px) {
  html.xam-pc-layout .sidebar .sidebar-chats-row,
  html.xam-session-pending .sidebar .sidebar-chats-row,
  .sidebar.sidebar--chats-drum .sidebar-chats-row {
    position: relative !important;
  }

  html.xam-pc-layout .sidebar .sidebar-chats-row::before,
  html.xam-pc-layout .sidebar .sidebar-chats-row::after,
  html.xam-session-pending .sidebar .sidebar-chats-row::before,
  html.xam-session-pending .sidebar .sidebar-chats-row::after,
  .sidebar.sidebar--chats-drum .sidebar-chats-row::before,
  .sidebar.sidebar--chats-drum .sidebar-chats-row::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 96px !important;
    z-index: 18 !important;
    pointer-events: none !important;
    opacity: 1 !important;
  }

  html.xam-pc-layout .sidebar .sidebar-chats-row::before,
  html.xam-session-pending .sidebar .sidebar-chats-row::before,
  .sidebar.sidebar--chats-drum .sidebar-chats-row::before {
    top: 0 !important;
    bottom: auto !important;
    background: linear-gradient(
      to bottom,
      rgba(33, 33, 33, 1) 0%,
      rgba(33, 33, 33, 0.88) 28%,
      rgba(33, 33, 33, 0.45) 62%,
      rgba(33, 33, 33, 0) 100%
    ) !important;
  }

  html.xam-pc-layout .sidebar .sidebar-chats-row::after,
  html.xam-session-pending .sidebar .sidebar-chats-row::after,
  .sidebar.sidebar--chats-drum .sidebar-chats-row::after {
    bottom: 0 !important;
    top: auto !important;
    background: linear-gradient(
      to top,
      rgba(33, 33, 33, 1) 0%,
      rgba(33, 33, 33, 0.88) 28%,
      rgba(33, 33, 33, 0.45) 62%,
      rgba(33, 33, 33, 0) 100%
    ) !important;
  }
}

/* === BETA chat list rows — как в оригинале (время / галочки / пин, без жёлтых полос) === */

/* Никаких боковых жёлтых полос у закрепов — только иконка пина справа */
.sidebar #chats-list .chat-item.chat-item--pinned::before,
.sidebar #chats-list .chat-item-shell--pinned > .chat-item::before,
#chats-list .chat-item.chat-item--pinned::before,
#chats-list .chat-item-shell--pinned > .chat-item::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  background: none !important;
  opacity: 0 !important;
}

.sidebar #chats-list .chat-item,
.sidebar #chats-list.chats-list--drum .chat-item,
.sidebar #chats-list .chat-item-shell > .chat-item {
  position: relative !important;
  min-height: 78px !important;
  padding: 10px 12px 10px 12px !important;
  padding-right: 58px !important;
  gap: 12px !important;
  align-items: center !important;
  overflow: visible !important;
  contain: none !important;
  content-visibility: visible !important;
  box-sizing: border-box !important;
}

.sidebar #chats-list .chat-avatar-wrap,
.sidebar #chats-list.chats-list--drum .chat-avatar-wrap {
  width: 62px !important;
  min-width: 62px !important;
  max-width: 62px !important;
  height: 62px !important;
  flex: 0 0 62px !important;
}

.sidebar #chats-list .chat-avatar,
.sidebar #chats-list.chats-list--drum .chat-avatar,
#chats-list .chat-avatar,
#chats-list.chats-list--drum .chat-avatar {
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  font-size: 22px !important;
  border-radius: 50% !important;
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.sidebar #chats-list .chat-avatar img,
.sidebar #chats-list.chats-list--drum .chat-avatar img,
#chats-list .chat-avatar img,
#chats-list.chats-list--drum .chat-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.sidebar #chats-list .chat-name,
.sidebar #chats-list .chat-name .chat-name-text {
  font-weight: 800 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.sidebar #chats-list .chat-drum-head {
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
}

.sidebar #chats-list .chat-info-top,
.sidebar #chats-list .chat-info-main,
#chats-list .chat-info-top,
#chats-list .chat-info-main {
  margin-bottom: 0 !important;
  gap: 0 !important;
}

/* Превью: до 2 строк (в т.ч. длинные «слова» без пробелов) */
.sidebar #chats-list .chat-last-message,
.sidebar #chats-list .chat-last-message .chat-last-message-text,
.sidebar #chats-list.chats-list--drum .chat-last-message,
.sidebar #chats-list.chats-list--drum .chat-last-message .chat-last-message-text,
#chats-list .chat-last-message,
#chats-list .chat-last-message .chat-last-message-text,
#chats-list.chats-list--drum .chat-last-message,
#chats-list.chats-list--drum .chat-last-message .chat-last-message-text {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  min-width: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.25 !important;
  color: rgba(255, 255, 255, 0.48) !important;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}

.sidebar #chats-list .chat-info-top + .chat-last-message,
.sidebar #chats-list .chat-info > .chat-last-message,
.sidebar #chats-list .chat-info-main > .chat-last-message,
#chats-list .chat-info-top + .chat-last-message,
#chats-list .chat-info > .chat-last-message,
#chats-list .chat-info-main > .chat-last-message {
  margin-top: 2px !important;
}

/* Phone path: время/галочки как sibling строки — только БЕЗ aside */
.sidebar #chats-list .chat-item:not(:has(.chat-item-aside)) > .chat-list-time-row,
#chats-list .chat-item:not(:has(.chat-item-aside)) > .chat-list-time-row {
  display: inline-flex !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 3px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  max-width: 72px !important;
  pointer-events: none !important;
}

.sidebar #chats-list .chat-item:not(:has(.chat-item-aside)) .chat-list-time,
#chats-list .chat-item:not(:has(.chat-item-aside)) .chat-list-time {
  display: block !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  white-space: nowrap !important;
}

/* Есть aside — прячем старый time-row (иначе дубль «19:32 19:32») */
.sidebar #chats-list .chat-item:has(.chat-item-aside) > .chat-list-time-row,
.sidebar #chats-list .chat-item:has(.chat-item-aside) > .chat-list-time,
#chats-list .chat-item:has(.chat-item-aside) > .chat-list-time-row,
#chats-list .chat-item:has(.chat-item-aside) > .chat-list-time {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Phone path: пин снизу справа на строке (если meta не в aside) */
.sidebar #chats-list .chat-item > .chat-meta,
#chats-list .chat-item > .chat-meta {
  position: absolute !important;
  right: 14px !important;
  bottom: 12px !important;
  top: auto !important;
  left: auto !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  pointer-events: none !important;
}

/* Aside path (drum / flat-aside repair) — как style «chat-list aside fix» */
.sidebar #chats-list .chat-info:has(> .chat-item-aside),
#chats-list .chat-info:has(> .chat-item-aside) {
  display: block !important;
  position: relative !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-right: 56px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.sidebar #chats-list .chat-item-aside,
.sidebar #chats-list.chats-list--drum .chat-item-aside,
body.sidebar-pc-compact .sidebar #chats-list .chat-item-aside,
body.sidebar-pc-compact .sidebar #chats-list.chats-list--drum .chat-item-aside,
#chats-list .chat-item-aside {
  position: absolute !important;
  top: 2px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 70px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 5 !important;
  flex: none !important;
}

.sidebar #chats-list .chat-item-aside .chat-drum-time-row,
#chats-list .chat-item-aside .chat-drum-time-row {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.sidebar #chats-list .chat-item-aside .chat-drum-time,
.sidebar #chats-list.chats-list--drum .chat-drum-time,
#chats-list .chat-item-aside .chat-drum-time {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  white-space: nowrap !important;
}

.sidebar #chats-list .chat-item--has-unread .chat-item-aside .chat-drum-time,
.sidebar #chats-list .chat-item--has-unread .chat-list-time {
  color: var(--xam-ui-accent, #8774E1) !important;
}

.sidebar #chats-list .chat-item-aside .chat-meta,
#chats-list .chat-item-aside .chat-meta {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  position: static !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.sidebar #chats-list .chat-pin-badge,
.sidebar #chats-list .chat-unread-pill,
#chats-list .chat-pin-badge {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.sidebar #chats-list .chat-list-read,
.sidebar #chats-list .chat-list-read-status,
#chats-list .chat-list-read,
#chats-list .chat-list-read-status {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.sidebar #chats-list .chat-list-read[hidden],
.sidebar #chats-list .chat-list-read-status[hidden],
#chats-list .chat-list-read[hidden],
#chats-list .chat-list-read-status[hidden] {
  display: none !important;
}

.sidebar #chats-list .chat-list-read svg,
.sidebar #chats-list .chat-list-read-status svg,
#chats-list .chat-list-read svg,
#chats-list .chat-list-read-status svg {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
}


/* Beta: единый цвет pin / mute / time / checks */
.sidebar #chats-list,
#chats-list {
  --chat-list-meta: rgba(255, 255, 255, 0.46);
}
body.theme-light .sidebar #chats-list,
body.theme-light #chats-list {
  --chat-list-meta: rgba(26, 26, 30, 0.42);
}

.sidebar #chats-list .chat-pin-badge,
.sidebar #chats-list .chat-mute-badge,
#chats-list .chat-pin-badge,
#chats-list .chat-mute-badge,
#chats-list.chats-list--drum .chat-pin-badge,
#chats-list.chats-list--drum .chat-item.active .chat-pin-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--chat-list-meta) !important;
  visibility: visible !important;
  opacity: 1 !important;
  line-height: 1 !important;
  /* без круглой подложки — круг уже в SVG */
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.sidebar #chats-list .chat-pin-badge .chat-pin-icon,
.sidebar #chats-list .chat-mute-badge .chat-mute-icon,
#chats-list .chat-pin-badge .chat-pin-icon,
#chats-list .chat-mute-badge .chat-mute-icon,
#chats-list.chats-list--drum .chat-pin-badge .chat-pin-icon {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  color: inherit !important;
  fill: currentColor !important;
}

.sidebar #chats-list .chat-list-time,
.sidebar #chats-list .chat-drum-time,
#chats-list .chat-list-time,
#chats-list .chat-drum-time {
  color: var(--chat-list-meta) !important;
  font-weight: 600 !important;
}

.sidebar #chats-list .chat-item--has-unread .chat-item-aside .chat-drum-time,
.sidebar #chats-list .chat-item--has-unread .chat-list-time,
#chats-list .chat-item--has-unread .chat-drum-time,
#chats-list .chat-item--has-unread .chat-list-time {
  color: var(--chat-list-meta) !important;
}

.sidebar #chats-list .chat-list-read,
.sidebar #chats-list .chat-list-read-status,
#chats-list .chat-list-read,
#chats-list .chat-list-read-status {
  color: var(--chat-list-meta) !important;
}

.sidebar #chats-list .chat-list-read--read,
.sidebar #chats-list .chat-list-read-status.read-icon,
.sidebar #chats-list .chat-list-read--unread,
.sidebar #chats-list .chat-list-read-status.unread-icon,
#chats-list .chat-list-read--read,
#chats-list .chat-list-read-status.read-icon,
#chats-list .chat-list-read--unread,
#chats-list .chat-list-read-status.unread-icon {
  color: var(--chat-list-meta) !important;
  opacity: 1 !important;
}

.sidebar #chats-list .chat-list-read svg,
.sidebar #chats-list .chat-list-read-status svg,
#chats-list .chat-list-read svg,
#chats-list .chat-list-read-status svg {
  color: inherit !important;
  fill: currentColor !important;
}

body.theme-light #chats-list .chat-last-message,
body.theme-light #chats-list .chat-last-message .chat-last-message-text {
  color: rgba(26, 26, 30, 0.5) !important;
}

/* Широкая beta-панель ≠ compact-rail: не прятать meta */
@media (min-width: 769px) {
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-item,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-item-shell,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-item-shell > .chat-item {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    min-width: 0 !important;
    min-height: 70px !important;
    height: auto !important;
    margin: 2px 10px !important;
    padding: 8px 10px !important;
    padding-right: 58px !important;
    justify-content: flex-start !important;
  }

  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-item-aside,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-meta,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-drum-time,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-drum-time-row,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-name,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-last-message,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-info,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-info-main {
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-item-aside {
    display: flex !important;
    position: absolute !important;
    top: 2px !important;
    right: 0 !important;
  }

  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-avatar-wrap,
  html.xam-pc-layout body.sidebar-pc-compact .sidebar.sidebar--chats-drum #chats-list.chats-list--drum .chat-avatar {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    flex: 0 0 62px !important;
  }
}


/* Телефон: время/галочки от правого края строки (не экрана), без двойного padding-right 58px */
@media (max-width: 768px) {
  body.mobile-chat-pc-look .sidebar #chats-list .chat-item,
  body.mobile-chat-pc-look #chats-list .chat-item,
  body.mobile-chat-pc-look .sidebar #chats-list .chat-item-shell > .chat-item,
  body.mobile-chat-pc-look #chats-list .chat-item-shell > .chat-item {
    min-height: 78px !important;
    padding: 10px 14px !important;
    padding-right: 14px !important;
  }

  body.mobile-chat-pc-look .sidebar #chats-list .chat-avatar-wrap,
  body.mobile-chat-pc-look .sidebar #chats-list .chat-avatar,
  body.mobile-chat-pc-look #chats-list .chat-avatar-wrap,
  body.mobile-chat-pc-look #chats-list .chat-avatar {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    min-height: 62px !important;
    flex: 0 0 62px !important;
  }

  /* aside якорим к .chat-item, а не к chat-info */
  body.mobile-chat-pc-look .sidebar #chats-list .chat-info:has(> .chat-item-aside),
  body.mobile-chat-pc-look #chats-list .chat-info:has(> .chat-item-aside) {
    position: static !important;
    padding-right: 52px !important;
  }

  body.mobile-chat-pc-look .sidebar #chats-list .chat-item-aside,
  body.mobile-chat-pc-look #chats-list .chat-item-aside {
    top: 12px !important;
    right: 14px !important;
    left: auto !important;
  }

  body.mobile-chat-pc-look .sidebar #chats-list .chat-item:not(:has(.chat-item-aside)) > .chat-list-time-row,
  body.mobile-chat-pc-look #chats-list .chat-item:not(:has(.chat-item-aside)) > .chat-list-time-row {
    top: 14px !important;
    right: 14px !important;
  }

  body.mobile-chat-pc-look .sidebar #chats-list .chat-item > .chat-meta,
  body.mobile-chat-pc-look #chats-list .chat-item > .chat-meta {
    right: 14px !important;
    bottom: 12px !important;
  }
}

/* === BETA folders: одна широкая пилюля под поиском === */
.sidebar > .sidebar-main-stack > .sidebar-header #chat-folders-bar,
.sidebar .sidebar-header > #chat-folders-bar,
body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar,
body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar,
html.xam-pc-layout .sidebar-header > #chat-folders-bar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-right: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 1 !important;
  transform: none !important;
  overflow: visible !important;
}

/* Телефон: без доп. margin — только gap хедера */
@media (max-width: 768px) {
  .sidebar-header > #chat-folders-bar,
  body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar,
  body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar,
  body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header,
  body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar .sidebar-header,
  body.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header {
    gap: 6px !important;
    padding-bottom: 4px !important;
  }

  body.mobile-chat-pc-look.xam-chat-folders-bar-on #sidebar-top-bar,
  body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar-top-bar {
    margin-bottom: 0 !important;
  }
}

body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar:not(.hidden):not([hidden]),
body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar:not(.hidden):not([hidden]),
html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar:not(.hidden):not([hidden]) {
  display: flex !important;
  justify-content: stretch !important;
  align-items: center !important;
  width: 100% !important;
  pointer-events: auto !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  height: 44px !important;
  transform: translateZ(0);
  /* анимация margin только при сворачивании; при развороте — snap (см. .sidebar-folders-snap) */
  transition:
    margin 0.5s cubic-bezier(0.32, 0.72, 0, 1),
    height 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

body.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header,
body.xam-chat-folders-bar-on .sidebar .sidebar-header {
  transition:
    gap 0.5s cubic-bezier(0.32, 0.72, 0, 1),
    padding-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

/* При возврате наверх — без полусекундного «полёта» папок */
body.sidebar-folders-snap.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header,
body.sidebar-folders-snap.xam-chat-folders-bar-on .sidebar .sidebar-header,
body.sidebar-folders-snap.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar,
body.sidebar-folders-snap.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header,
body.sidebar-folders-snap.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll,
body.sidebar-folders-snap.xam-chat-folders-bar-on #chat-folders-bar .chat-folders-bar-scroll {
  transition: none !important;
}

/* iOS 26: папки плавно поднимаются в ряд с бургером/лупой */
body.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header,
body.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar .sidebar-header {
  gap: 0 !important;
  padding-bottom: 0 !important;
}

body.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar:not(.hidden):not([hidden]),
body.sidebar-search-collapsed.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header:not(.hidden):not([hidden]),
body.mobile-chat-pc-look.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar:not(.hidden):not([hidden]),
html.xam-pc-layout body.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar:not(.hidden):not([hidden]) {
  /* одна пилюля ~92px (2+44+44+2) + gap 8px, а не два кружка 48+10+48 */
  margin-top: -48px !important;
  margin-bottom: 0 !important;
  margin-left: calc(92px + 8px) !important;
  margin-right: calc(48px + 10px) !important;
  width: auto !important;
  max-width: none !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  overflow: visible !important;
  transform: translate3d(0, 0, 0) !important;
  align-self: auto !important;
}

.sidebar > #chat-folders-bar.chat-folders-bar--in-header,
body.mobile-chat-pc-look .sidebar > #chat-folders-bar.chat-folders-bar--in-header,
html.xam-pc-layout .sidebar > #chat-folders-bar.chat-folders-bar--in-header {
  display: none !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll,
.sidebar-header > #chat-folders-bar .chat-folders-bar-scroll,
body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll,
body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll,
html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll,
html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 2px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  pointer-events: auto !important;
  position: relative !important;
  border-radius: 999px !important;
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
  transition:
    height 0.5s cubic-bezier(0.32, 0.72, 0, 1),
    min-height 0.5s cubic-bezier(0.32, 0.72, 0, 1),
    max-height 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

/* После базовых height:44 — свёрнутое состояние должно побеждать */
body.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll,
body.sidebar-search-collapsed.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll,
html.xam-pc-layout body.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll,
html.xam-pc-layout body.sidebar-search-collapsed.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll,
body.mobile-chat-pc-look.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar:not(.hidden):not([hidden]),
  body.xam-chat-folders-bar-on .sidebar .sidebar-header,
  body.sidebar-search-collapsed.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll {
    transition: none !important;
  }
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll::-webkit-scrollbar,
.sidebar-header > #chat-folders-bar .chat-folders-bar-scroll::-webkit-scrollbar {
  display: none !important;
}

/* Скользящая акцентная пилюля (без градиента) */
#chat-folders-bar.chat-folders-bar--in-header .chat-folders-indicator,
.sidebar-header > #chat-folders-bar .chat-folders-indicator,
body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar .chat-folders-indicator,
body.mobile-chat-pc-look .chat-folders-indicator,
body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-indicator,
body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-indicator,
html.xam-pc-layout body.xam-chat-folders-bar-on .chat-folders-indicator,
html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-indicator {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 999px !important;
  background: var(--xam-ui-accent, #8774E1) !important;
  background-color: var(--xam-ui-accent, #8774E1) !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  will-change: transform, width;
  transform: translate3d(0, 0, 0);
  transition:
    transform 400ms cubic-bezier(0.32, 0.72, 0, 1),
    width 400ms cubic-bezier(0.32, 0.72, 0, 1);
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip,
.sidebar-header > #chat-folders-bar .chat-folders-chip,
body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar .chat-folders-chip,
body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-chip,
html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-chip,
html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip {
  appearance: none !important;
  flex: 1 1 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: none !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  word-break: normal !important;
  text-align: center !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: color 220ms ease, background 180ms ease !important;
  position: relative !important;
  z-index: 1 !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip:hover,
.sidebar-header > #chat-folders-bar .chat-folders-chip:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Активный текст поверх скользящей пилюли (фон прозрачный) */
#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
.sidebar-header > #chat-folders-bar .chat-folders-chip.is-active,
body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar .chat-folders-chip.is-active,
body.mobile-chat-pc-look #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
body.mobile-chat-pc-look .chat-folders-chip.is-active,
body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-chip.is-active,
body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-chip.is-active,
html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
html.xam-pc-layout body.xam-chat-folders-bar-on .chat-folders-chip.is-active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: color 220ms ease !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active:hover,
.sidebar-header > #chat-folders-bar .chat-folders-chip.is-active:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active::after,
.sidebar-header > #chat-folders-bar .chat-folders-chip.is-active::after,
.sidebar-header > #chat-folders-bar .chat-folders-chip:first-child.is-active::after,
body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar .chat-folders-chip.is-active::after,
body.mobile-chat-pc-look .chat-folders-chip.is-active::after {
  display: none !important;
  content: none !important;
}

body.theme-light #chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll,
body.theme-light .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll {
  background: #ebebef !important;
  background-color: #ebebef !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

body.theme-light #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip,
body.theme-light .sidebar-header > #chat-folders-bar .chat-folders-chip {
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(26, 26, 30, 0.55) !important;
  box-shadow: none !important;
}

body.theme-light #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip:hover,
body.theme-light .sidebar-header > #chat-folders-bar .chat-folders-chip:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(26, 26, 30, 0.88) !important;
}

body.theme-light #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
body.theme-light .sidebar-header > #chat-folders-bar .chat-folders-chip.is-active,
body.theme-light.xam-chat-folders-bar-on .chat-folders-chip.is-active {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
}

@media (min-width: 769px) {
  body.xam-chat-folders-bar-on .sidebar.sidebar--chats-drum {
    display: flex !important;
    flex-direction: column !important;
  }

  body.xam-chat-folders-bar-on .sidebar > #chat-folders-bar:not(.chat-folders-bar--in-header),
  body.xam-chat-folders-bar-on .sidebar.sidebar--chats-drum > #chat-folders-bar:not(.chat-folders-bar--in-header) {
    display: none !important;
    width: 0 !important;
    flex: 0 0 0 !important;
  }

  body.xam-chat-folders-bar-on .sidebar.sidebar--chats-drum > .sidebar-main-stack {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  body.xam-chat-folders-bar-on .sidebar.sidebar--chats-drum > #chat-folders-bar:not(.hidden)::after,
  body.xam-chat-folders-bar-on .sidebar.sidebar--chats-drum > .chat-folders-bar:not(.hidden)::after {
    display: none !important;
    content: none !important;
  }

  html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll,
  html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-bar-scroll {
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    height: 44px !important;
    max-height: 44px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 2px !important;
    padding: 4px !important;
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border-radius: 999px !important;
  }

  html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip,
  html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-chip {
    width: auto !important;
    flex: 1 1 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    max-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.55) !important;
    box-shadow: none !important;
  }

  html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
  html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-chip.is-active,
  html.xam-pc-layout body.xam-chat-folders-bar-on .chat-folders-chip.is-active {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
  }

  html.xam-pc-layout body.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar--in-header .chat-folders-indicator,
  html.xam-pc-layout body.xam-chat-folders-bar-on .sidebar-header > #chat-folders-bar .chat-folders-indicator {
    display: block !important;
    opacity: 1 !important;
  }
}

.sidebar.sidebar--settings-open .sidebar-header > #chat-folders-bar,
.sidebar.sidebar--settings-open > #chat-folders-bar {
  display: none !important;
}

/* =========================================================
   BETA polish: список чатов · вкладки · поиск в сайдбаре
   ========================================================= */

/* --- Строки списка --- */
.sidebar #chats-list .chat-item,
.sidebar #chats-list.chats-list--drum .chat-item,
#chats-list .chat-item,
#chats-list.chats-list--drum .chat-item {
  border-radius: 16px !important;
  margin: 1px 6px !important;
  padding-left: 10px !important;
  padding-right: 52px !important;
  width: auto !important;
  max-width: none !important;
  background: transparent !important;
  transition:
    background 0.14s ease,
    transform 0.12s cubic-bezier(0.2, 0.85, 0.25, 1) !important;
  -webkit-tap-highlight-color: transparent !important;
  transform-origin: center center !important;
}

.sidebar #chats-list .chat-item-shell,
#chats-list .chat-item-shell {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.sidebar #chats-list .chat-item:hover,
.sidebar #chats-list.chats-list--drum .chat-item:hover,
#chats-list .chat-item:hover {
  background: rgba(255, 255, 255, 0.055) !important;
}

.sidebar #chats-list .chat-item:active,
.sidebar #chats-list.chats-list--drum .chat-item:active,
#chats-list .chat-item:active {
  background: rgba(255, 255, 255, 0.14) !important;
  transform: scale(0.955) !important;
}

.sidebar #chats-list .chat-item.active,
.sidebar #chats-list.chats-list--drum .chat-item.active,
#chats-list .chat-item.active,
#chats-list.chats-list--drum .chat-item.active {
  background: color-mix(in srgb, var(--xam-ui-accent, #8774E1) 88%, #1a1228) !important;
  background-color: var(--xam-ui-accent, #8774E1) !important;
  box-shadow: none !important;
  transform: none !important;
}

.sidebar #chats-list .chat-item.active:active,
.sidebar #chats-list.chats-list--drum .chat-item.active:active,
#chats-list .chat-item.active:active,
#chats-list.chats-list--drum .chat-item.active:active {
  transform: scale(0.955) !important;
  filter: brightness(0.9) !important;
}

.sidebar #chats-list .chat-item.active:hover,
.sidebar #chats-list.chats-list--drum .chat-item.active:hover,
#chats-list .chat-item.active:hover {
  background: var(--xam-ui-accent, #8774E1) !important;
  filter: brightness(1.04);
}

.sidebar #chats-list .chat-item.active .chat-last-message,
.sidebar #chats-list .chat-item.active .chat-last-message .chat-last-message-text,
#chats-list .chat-item.active .chat-last-message,
#chats-list .chat-item.active .chat-last-message .chat-last-message-text {
  color: rgba(255, 255, 255, 0.78) !important;
}

.sidebar #chats-list .chat-item.active .chat-list-time,
.sidebar #chats-list .chat-item.active .chat-drum-time,
.sidebar #chats-list .chat-item.active .chat-pin-badge,
.sidebar #chats-list .chat-item.active .chat-mute-badge,
.sidebar #chats-list .chat-item.active .chat-list-read,
.sidebar #chats-list .chat-item.active .chat-list-read-status,
#chats-list .chat-item.active .chat-list-time,
#chats-list .chat-item.active .chat-drum-time,
#chats-list .chat-item.active .chat-pin-badge,
#chats-list .chat-item.active .chat-mute-badge,
#chats-list .chat-item.active .chat-list-read,
#chats-list .chat-item.active .chat-list-read-status {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Разделитель закреплённых */
.sidebar #chats-list .chats-pinned-divider,
#chats-list .chats-pinned-divider,
#chats-list.chats-list--drum .chats-pinned-divider {
  height: 1px !important;
  margin: 10px 18px 12px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: none !important;
  border-radius: 1px !important;
  opacity: 1 !important;
}

/* Unread pill */
.sidebar #chats-list .chat-unread-pill,
#chats-list .chat-unread-pill,
#chats-list.chats-list--drum .chat-unread-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: var(--xam-ui-accent, #8774E1) !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  box-shadow: none !important;
  border: none !important;
}

.sidebar #chats-list .chat-item.active .chat-unread-pill,
#chats-list .chat-item.active .chat-unread-pill,
#chats-list.chats-list--drum .chat-item.active .chat-unread-pill {
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--xam-ui-accent, #8774E1) !important;
}

.sidebar #chats-list .chat-item--muted .chat-unread-pill,
#chats-list .chat-item--muted .chat-unread-pill {
  background: rgba(255, 255, 255, 0.28) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

.sidebar #chats-list .chat-item.active.chat-item--muted .chat-unread-pill,
#chats-list .chat-item.active.chat-item--muted .chat-unread-pill {
  background: rgba(255, 255, 255, 0.9) !important;
  color: rgba(40, 40, 48, 0.75) !important;
}

/* Online dot */
.sidebar #chats-list .chat-online-dot,
#chats-list .chat-online-dot {
  border: 2px solid #0f0f10 !important;
  box-shadow: none !important;
  width: 14px !important;
  height: 14px !important;
  background: #3dd68c !important;
}

.sidebar #chats-list .chat-item.active .chat-online-dot,
#chats-list .chat-item.active .chat-online-dot {
  border-color: var(--xam-ui-accent, #8774E1) !important;
}

/* --- Вкладки папок --- */
#chat-folders-bar.chat-folders-bar--in-header .chat-folders-bar-scroll,
.sidebar-header > #chat-folders-bar .chat-folders-bar-scroll {
  padding: 3px !important;
  gap: 1px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip,
.sidebar-header > #chat-folders-bar .chat-folders-chip {
  font-size: 13.5px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
  color: rgba(255, 255, 255, 0.5) !important;
  padding: 0 14px !important;
  transition:
    color 0.22s ease,
    background 0.18s ease,
    transform 0.18s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip:active,
.sidebar-header > #chat-folders-bar .chat-folders-chip:active {
  transform: scale(0.97) !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
.sidebar-header > #chat-folders-bar .chat-folders-chip.is-active {
  font-weight: 750 !important;
  letter-spacing: -0.015em !important;
}

#chat-folders-bar.chat-folders-bar--in-header .chat-folders-indicator,
.sidebar-header > #chat-folders-bar .chat-folders-indicator {
  box-shadow: 0 1px 4px color-mix(in srgb, var(--xam-ui-accent, #8774E1) 45%, transparent) !important;
  transition:
    transform 420ms cubic-bezier(0.32, 0.72, 0, 1),
    width 420ms cubic-bezier(0.32, 0.72, 0, 1) !important;
}

/* --- Поиск в сайдбаре (результаты) --- */
.sidebar #search-results,
.sidebar .search-results,
#search-results.search-results {
  margin: 6px 10px 10px !important;
  padding: 6px !important;
  border-radius: 18px !important;
  background: rgba(42, 42, 42, 0.96) !important;
  border: none !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
  max-height: min(52vh, 420px) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

.sidebar #search-results .search-result-item,
.sidebar .search-results .search-result-item,
#search-results .search-result-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 14px !important;
  background: transparent !important;
  transition: background 0.16s ease, transform 0.16s ease !important;
}

.sidebar #search-results .search-result-item:hover,
.sidebar .search-results .search-result-item:hover,
#search-results .search-result-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

.sidebar #search-results .search-result-item:active,
#search-results .search-result-item:active {
  background: rgba(255, 255, 255, 0.09) !important;
  transform: scale(0.99) !important;
}

.sidebar #search-results .search-result-avatar,
#search-results .search-result-avatar {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 17px !important;
  overflow: hidden !important;
}

.sidebar #search-results .search-result-name,
#search-results .search-result-name {
  font-size: 15px !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em !important;
  color: rgba(255, 255, 255, 0.96) !important;
}

.sidebar #search-results .search-result-username,
.sidebar #search-results .search-result-status,
#search-results .search-result-username,
#search-results .search-result-status {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  margin-top: 2px !important;
}

/* PC search panel внутри сайдбара */
.sidebar .pc-search-panel,
.sidebar #pc-search-panel {
  border-radius: 18px !important;
  overflow: hidden !important;
}

.sidebar .pc-search-results .search-result-item,
.sidebar .pc-search-recent-list .search-result-item {
  border-radius: 14px !important;
  padding: 10px 12px !important;
  transition: background 0.16s ease !important;
}

.sidebar .pc-search-results .search-result-item:hover,
.sidebar .pc-search-recent-list .search-result-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

.sidebar .pc-search-results .search-result-avatar,
.sidebar .pc-search-recent-list .search-result-avatar {
  width: 48px !important;
  height: 48px !important;
  border: none !important;
  box-shadow: none !important;
}

.sidebar .pc-search-results .search-result-name,
.sidebar .pc-search-recent-list .search-result-name {
  font-weight: 750 !important;
  font-size: 15px !important;
}

/* Секции PC search */
.sidebar .pc-search-section-title,
.sidebar .pc-search-recent-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.38) !important;
  padding: 10px 12px 6px !important;
}

/* Скроллбар списка */
.sidebar #chats-list,
.sidebar #chats-list .chats-drum-viewport,
#chats-list.chats-list--drum .chats-drum-viewport {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.16) transparent !important;
}

.sidebar #chats-list::-webkit-scrollbar,
.sidebar #chats-list .chats-drum-viewport::-webkit-scrollbar {
  width: 6px !important;
}

.sidebar #chats-list::-webkit-scrollbar-thumb,
.sidebar #chats-list .chats-drum-viewport::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
}

/* Light theme */
body.theme-light .sidebar #chats-list .chat-item:hover,
body.theme-light #chats-list .chat-item:hover {
  background: rgba(0, 0, 0, 0.045) !important;
}

body.theme-light .sidebar #chats-list .chat-item:active,
body.theme-light #chats-list .chat-item:active {
  background: rgba(0, 0, 0, 0.1) !important;
  transform: scale(0.955) !important;
}

body.theme-light .sidebar #chats-list .chats-pinned-divider,
body.theme-light #chats-list .chats-pinned-divider {
  background: rgba(0, 0, 0, 0.08) !important;
}

body.theme-light .sidebar #chats-list .chat-online-dot,
body.theme-light #chats-list .chat-online-dot {
  border-color: #f2f2f4 !important;
}

body.theme-light .sidebar #search-results,
body.theme-light .sidebar .search-results {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}

body.theme-light .sidebar #search-results .search-result-item:hover,
body.theme-light #search-results .search-result-item:hover {
  background: rgba(0, 0, 0, 0.045) !important;
}

body.theme-light .sidebar #search-results .search-result-name,
body.theme-light #search-results .search-result-name {
  color: rgba(26, 26, 30, 0.96) !important;
}

body.theme-light .sidebar #search-results .search-result-username,
body.theme-light .sidebar #search-results .search-result-status {
  color: rgba(26, 26, 30, 0.45) !important;
}

body.theme-light #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip,
body.theme-light .sidebar-header > #chat-folders-bar .chat-folders-chip {
  color: rgba(26, 26, 30, 0.48) !important;
}

body.theme-light #chat-folders-bar.chat-folders-bar--in-header .chat-folders-chip.is-active,
body.theme-light .sidebar-header > #chat-folders-bar .chat-folders-chip.is-active {
  color: #fff !important;
}

@media (max-width: 768px) {
  .sidebar #chats-list .chat-item,
  .sidebar #chats-list.chats-list--drum .chat-item,
  #chats-list .chat-item {
    margin: 1px 4px !important;
    border-radius: 14px !important;
  }

  body.mobile-chat-pc-look .sidebar #chats-list .chat-item-aside,
  body.mobile-chat-pc-look #chats-list .chat-item-aside {
    right: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar #chats-list .chat-item,
  #chats-list .chat-item,
  #chat-folders-bar .chat-folders-chip {
    transition: none !important;
    transform: none !important;
  }
}

/* --- Модалка папок (beta) --- */
#chat-folders-modal .chat-folders-screen {
  border-radius: 22px !important;
  background: rgba(22, 22, 24, 0.96) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

#chat-folders-modal .chat-folders-title {
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

#chat-folders-modal .chat-folders-hint {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

#chat-folders-modal .chat-folders-list > *,
#chat-folders-modal .chat-folders-create-btn,
#chat-folders-modal .chat-folders-name-card {
  border-radius: 16px !important;
}

#chat-folders-modal .chat-folders-create-btn,
#chat-folders-modal .chat-folders-back-btn:hover,
#chat-folders-modal .chat-folders-header-action:hover {
  transition: background 0.16s ease, transform 0.16s ease !important;
}

#chat-folders-modal .chat-folders-create-btn:active {
  transform: scale(0.98) !important;
}

body.theme-light #chat-folders-modal .chat-folders-screen {
  background: rgba(248, 248, 250, 0.98) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.14) !important;
}

body.theme-light #chat-folders-modal .chat-folders-hint {
  color: rgba(26, 26, 30, 0.5) !important;
}

/* --- TG Web–style ПКМ меню чата (beta) --- */
.xam-tg-chat-menu {
  position: fixed;
  z-index: 10050;
  min-width: 220px;
  max-width: min(280px, calc(100vw - 16px));
  padding: 5px;
  border-radius: 20px;
  background: rgba(22, 22, 24, 0.42);
  backdrop-filter: blur(42px) saturate(200%);
  -webkit-backdrop-filter: blur(42px) saturate(200%);
  color: rgba(255, 255, 255, 0.96);
  box-shadow:
    0 0 0 0.5px rgba(255, 255, 255, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 18px 48px rgba(0, 0, 0, 0.48);
  transform: scale(0.92) translateY(-4px);
  opacity: 0;
  transform-origin: top left;
  transition:
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.26s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: auto;
  user-select: none;
  isolation: isolate;
  will-change: transform, opacity;
}

.xam-tg-chat-menu.hidden {
  display: none !important;
  pointer-events: none !important;
}

.xam-tg-chat-menu.xam-tg-chat-menu--open {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.xam-tg-chat-menu.xam-tg-chat-menu--closing {
  transform: scale(0.94) translateY(-3px);
  opacity: 0;
  pointer-events: none !important;
}

.xam-tg-chat-menu__item {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border: none;
  border-radius: 14px;
  background: transparent;
  color: inherit;
  font: 550 13.5px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.01em;
  text-align: left;
  cursor: pointer;
  transition: background 0.16s ease;
}

.xam-tg-chat-menu__item:hover,
.xam-tg-chat-menu__item:focus-visible {
  background: rgba(255, 255, 255, 0.1);
  outline: none;
}

.xam-tg-chat-menu__item:active {
  background: rgba(255, 255, 255, 0.14);
}

.xam-tg-chat-menu__icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.xam-tg-chat-menu__icon svg,
.xam-tg-chat-menu__svg {
  display: block;
  width: 22px;
  height: 22px;
  color: #ffffff;
  fill: currentColor;
}

.xam-tg-chat-menu__label {
  flex: 1 1 auto;
  min-width: 0;
}

.xam-tg-chat-menu__chevron {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  opacity: 0.55;
  margin-left: 2px;
  color: #ffffff;
}

.xam-tg-chat-menu__item--danger,
.xam-tg-chat-menu__item--danger .xam-tg-chat-menu__icon,
.xam-tg-chat-menu__item--danger .xam-tg-chat-menu__svg {
  color: #ff6b6b;
}

.xam-tg-chat-menu__item--danger:hover {
  background: rgba(255, 92, 92, 0.14);
}

#chats-list .chat-item.xam-tg-chat-menu-target,
#chats-list .chat-item-shell:has(.xam-tg-chat-menu-target) > .chat-item,
.sidebar #chats-list .chat-item.xam-tg-chat-menu-target {
  background: rgba(255, 255, 255, 0.08) !important;
  transition: background 0.22s ease !important;
}

body.theme-light .xam-tg-chat-menu {
  background: rgba(255, 255, 255, 0.5);
  color: rgba(26, 26, 30, 0.96);
  box-shadow:
    0 0 0 0.5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 18px 48px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(42px) saturate(200%);
  -webkit-backdrop-filter: blur(42px) saturate(200%);
}

body.theme-light .xam-tg-chat-menu__item:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .xam-tg-chat-menu__icon,
body.theme-light .xam-tg-chat-menu__icon svg,
body.theme-light .xam-tg-chat-menu__svg,
body.theme-light .xam-tg-chat-menu__chevron {
  color: rgba(26, 26, 30, 0.88);
}

body.theme-light .xam-tg-chat-menu__item--danger,
body.theme-light .xam-tg-chat-menu__item--danger .xam-tg-chat-menu__icon,
body.theme-light .xam-tg-chat-menu__item--danger .xam-tg-chat-menu__svg {
  color: #e53935;
}

body.theme-light #chats-list .chat-item.xam-tg-chat-menu-target {
  background: rgba(0, 0, 0, 0.06) !important;
}

.xam-tg-chat-menu--sub {
  position: fixed;
  z-index: 10050;
  min-width: 168px;
  max-width: min(260px, calc(100vw - 16px));
  max-height: min(360px, calc(100vh - 24px));
  overflow: auto;
}

.xam-tg-chat-menu__empty {
  padding: 10px 14px 6px;
  font-size: 13px;
  opacity: 0.65;
  line-height: 1.3;
}

.xam-tg-chat-menu__item--checked .xam-tg-chat-menu__icon {
  color: #6ab3f3;
}

@media (prefers-reduced-motion: reduce) {
  .xam-tg-chat-menu {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* Beta: пустая папка — иконка + «Пока пусто» по центру списка */
#chats-list,
.sidebar #chats-list,
body.mobile-chat-pc-look #chats-list {
  position: relative !important;
}

.xam-chat-folder-empty,
#xam-chat-folder-empty {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 6 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
}

.xam-chat-folder-empty.hidden,
#xam-chat-folder-empty.hidden,
#xam-chat-folder-empty[hidden] {
  display: none !important;
}

.xam-chat-folder-empty-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  color: rgba(255, 255, 255, 0.28) !important;
}

.xam-chat-folder-empty-svg {
  width: 72px !important;
  height: 72px !important;
  display: block !important;
}

.xam-chat-folder-empty-title {
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  color: rgba(255, 255, 255, 0.42) !important;
  line-height: 1.3 !important;
}

body.theme-light .xam-chat-folder-empty-icon {
  color: rgba(0, 0, 0, 0.28) !important;
}

body.theme-light .xam-chat-folder-empty-title {
  color: rgba(0, 0, 0, 0.42) !important;
}

/* Beta: мини-карточка при удержании (аватар + ник + онлайн) */
.xam-chat-drag-ghost {
  position: fixed !important;
  z-index: 10080 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: visible !important;
  background: rgba(42, 42, 44, 0.96) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 255, 255, 0.07) !important;
  transform: scale(1.04) !important;
  opacity: 0.98 !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  will-change: left, top, transform !important;
  width: auto !important;
  min-width: 168px !important;
  max-width: min(280px, calc(100vw - 24px)) !important;
}

.xam-chat-drag-ghost--mini .xam-chat-drag-ghost-inner {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px 10px 10px !important;
  box-sizing: border-box !important;
}

.xam-chat-drag-ghost-avatar-wrap {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 44px !important;
  height: 44px !important;
}

.xam-chat-drag-ghost-avatar-wrap .chat-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  margin: 0 !important;
}

.xam-chat-drag-ghost-avatar-wrap .chat-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.xam-chat-drag-ghost-avatar-wrap .chat-online-dot {
  position: absolute !important;
  right: -1px !important;
  bottom: -1px !important;
  width: 12px !important;
  height: 12px !important;
  border: 2px solid rgba(42, 42, 44, 0.96) !important;
  border-radius: 50% !important;
  background: #3dd68c !important;
  box-shadow: none !important;
  display: block !important;
  opacity: 1 !important;
}

.xam-chat-drag-ghost-meta {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.xam-chat-drag-ghost-name {
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
  color: rgba(255, 255, 255, 0.96) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.25 !important;
}

.xam-chat-drag-ghost-status {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  line-height: 1.2 !important;
}

.xam-chat-drag-ghost-status.is-online {
  color: #3dd68c !important;
}

body.theme-light .xam-chat-drag-ghost {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.16),
    0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}

body.theme-light .xam-chat-drag-ghost-name {
  color: rgba(20, 20, 24, 0.92) !important;
}

body.theme-light .xam-chat-drag-ghost-status {
  color: rgba(20, 20, 24, 0.42) !important;
}

body.theme-light .xam-chat-drag-ghost-status.is-online {
  color: #1aaa55 !important;
}

body.theme-light .xam-chat-drag-ghost-avatar-wrap .chat-online-dot {
  border-color: rgba(255, 255, 255, 0.96) !important;
}

/* Beta: вертикальный FLIP при pin/unpin — бьёт transition/transform !important у .chat-item */
#chats-list .chat-item.xam-chat-reordering,
#chats-list .chat-item-shell.xam-chat-reordering,
.sidebar #chats-list .chat-item.xam-chat-reordering,
.sidebar #chats-list .chat-item-shell.xam-chat-reordering,
#chats-list.chats-list--drum .chat-item.xam-chat-reordering,
#chats-list.chats-list--drum .chat-item-shell.xam-chat-reordering {
  transition: transform var(--xam-flip-dur, 380ms) cubic-bezier(0.22, 1, 0.36, 1) !important;
  transform: translate3d(0, var(--xam-flip-dy, 0px), 0) !important;
  will-change: transform !important;
  pointer-events: none !important;
  z-index: 6 !important;
  position: relative !important;
}

#chats-list .chat-item.xam-chat-reordering.active,
#chats-list .chat-item.xam-chat-reordering:active,
.sidebar #chats-list .chat-item.xam-chat-reordering.active,
.sidebar #chats-list .chat-item.xam-chat-reordering:active {
  transform: translate3d(0, var(--xam-flip-dy, 0px), 0) !important;
}

#chats-list .chat-item.xam-chat-reordering--snap,
#chats-list .chat-item-shell.xam-chat-reordering--snap,
.sidebar #chats-list .chat-item.xam-chat-reordering--snap,
.sidebar #chats-list .chat-item-shell.xam-chat-reordering--snap {
  transition: none !important;
}

#chats-list .chat-item.xam-chat-reordering--lead,
#chats-list .chat-item-shell.xam-chat-reordering--lead,
.sidebar #chats-list .chat-item.xam-chat-reordering--lead,
.sidebar #chats-list .chat-item-shell.xam-chat-reordering--lead {
  z-index: 8 !important;
}

@media (prefers-reduced-motion: reduce) {
  #chats-list .chat-item.xam-chat-reordering,
  #chats-list .chat-item-shell.xam-chat-reordering,
  .sidebar #chats-list .chat-item.xam-chat-reordering,
  .sidebar #chats-list .chat-item-shell.xam-chat-reordering {
    transition: none !important;
    transform: none !important;
  }
}


body.xam-chat-dragging {
  cursor: grabbing !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

body.xam-chat-dragging #chats-list .chat-item {
  cursor: grabbing !important;
}

#chats-list .chat-item.xam-chat-drag-source {
  opacity: 0.35 !important;
}

/* === Beta: drop-подсказка папок при переносе чата (ПК) === */
.xam-chat-folder-drop-hint {
  position: fixed;
  left: 50%;
  top: max(12px, env(safe-area-inset-top, 0px));
  transform: translateX(-50%) translateY(-8px);
  z-index: 10090;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(22, 22, 24, 0.88);
  color: rgba(255, 255, 255, 0.95);
  font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.01em;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.1),
    0 12px 32px rgba(0, 0, 0, 0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), background 0.18s ease;
  max-width: min(420px, calc(100vw - 24px));
}

.xam-chat-folder-drop-hint.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.xam-chat-folder-drop-hint.is-over {
  background: color-mix(in srgb, var(--xam-ui-accent, #8774E1) 82%, #1a1228);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.16),
    0 14px 36px rgba(0, 0, 0, 0.5);
}

.xam-chat-folder-drop-hint__icon {
  display: inline-flex;
  color: rgba(255, 255, 255, 0.92);
}

.xam-chat-folder-drop-hint__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.xam-chat-folder-drop-mode #chat-folders-bar.xam-chat-folder-drop-targets,
body.xam-chat-dragging #chat-folders-bar.xam-chat-folder-drop-targets {
  box-shadow: inset 0 0 0 1.5px rgba(135, 116, 225, 0.45) !important;
  border-radius: 16px !important;
  background: rgba(135, 116, 225, 0.08) !important;
}

body.xam-chat-folder-drop-mode #chat-folders-bar .chat-folders-chip.xam-chat-folder-droppable,
body.xam-chat-dragging #chat-folders-bar .chat-folders-chip.xam-chat-folder-droppable {
  outline: 2px dashed rgba(135, 116, 225, 0.55) !important;
  outline-offset: 2px !important;
  background: rgba(135, 116, 225, 0.16) !important;
  color: #fff !important;
  animation: xam-folder-drop-pulse 1.1s ease-in-out infinite;
}

@keyframes xam-folder-drop-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

.chat-folders-chip.xam-chat-drag-over,
#chat-folders-bar .chat-folders-chip.xam-chat-drag-over {
  transform: scale(1.1) !important;
  background: rgba(135, 116, 225, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(135, 116, 225, 0.9) !important;
  color: #fff !important;
  animation: none !important;
  outline: none !important;
}


/* === Beta: панель действий сообщения — компактное TG-меню === */
#message-control-panel.message-control-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  opacity: 0 !important;
  transform: scale(0.94) translateY(-6px) !important;
  transform-origin: top center !important;
  transition:
    opacity 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: opacity, transform;
  pointer-events: none !important;
}

#message-control-panel.message-control-panel.show {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
  pointer-events: auto !important;
}

#message-control-panel.message-control-panel.is-closing {
  opacity: 0 !important;
  transform: scale(0.95) translateY(-4px) !important;
  pointer-events: none !important;
}

#message-control-panel.message-control-panel:not(.hidden) {
  display: flex !important;
}

#message-control-panel.message-control-panel .message-control-actions,
body:not(.layout-tablet) .message-control-panel .message-control-actions,
body.xam-liquid-glass-enabled #message-control-panel .message-control-actions,
body.theme-light.xam-liquid-glass-enabled #message-control-panel .message-control-actions {
  width: min(196px, calc(100vw - 24px)) !important;
  max-width: min(196px, calc(100vw - 24px)) !important;
  padding: 3px !important;
  border-radius: 16px !important;
  background: rgba(22, 22, 24, 0.42) !important;
  backdrop-filter: blur(42px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(42px) saturate(200%) !important;
  border: none !important;
  box-shadow:
    0 0 0 0.5px rgba(255, 255, 255, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
  gap: 0 !important;
}

body.theme-light #message-control-panel .message-control-actions {
  background: rgba(255, 255, 255, 0.72) !important;
  color: rgba(20, 20, 22, 0.96) !important;
  box-shadow:
    0 0 0 0.5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 14px 36px rgba(0, 0, 0, 0.16) !important;
}

#message-control-panel .control-item,
.message-control-panel .control-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: none !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font: 550 12.5px/1.15 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background 0.14s ease !important;
  box-shadow: none !important;
}

#message-control-panel .control-item + .control-item,
.message-control-panel .control-item + .control-item {
  margin-top: 0 !important;
}

#message-control-panel .control-item:hover,
#message-control-panel .control-item:focus-visible,
.message-control-panel .control-item:hover,
.message-control-panel .control-item:focus-visible {
  background: rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
}

#message-control-panel .control-item:active,
.message-control-panel .control-item:active {
  background: rgba(255, 255, 255, 0.14) !important;
}

#message-control-panel .control-item-icon,
.message-control-panel .control-item-icon {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  color: #fff !important;
  opacity: 0.95;
}

#message-control-panel .control-item-label,
.message-control-panel .control-item-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: inherit !important;
  font: inherit !important;
  padding: 0 !important;
}

#message-control-panel .control-item--danger,
#message-control-panel .control-item--danger .control-item-icon,
#message-control-panel .control-item--danger .control-item-label,
.message-control-panel .control-item--danger,
.message-control-panel .control-item--danger .control-item-icon,
.message-control-panel .control-item--danger .control-item-label {
  color: #ff453a !important;
}

#message-control-panel .control-item--danger:hover,
.message-control-panel .control-item--danger:hover {
  background: rgba(255, 69, 58, 0.14) !important;
}

#message-control-panel .message-control-read-at,
.message-control-panel .message-control-read-at {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 5px 9px 6px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 11px 11px 0 0 !important;
  color: rgba(255, 255, 255, 0.58) !important;
  background: transparent !important;
  font: 500 11.5px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

#message-control-panel .message-control-read-at-icon {
  width: 14px !important;
  height: 14px !important;
  color: inherit !important;
}

body.theme-light #message-control-panel .control-item {
  color: rgba(20, 20, 22, 0.96) !important;
}

body.theme-light #message-control-panel .control-item:hover,
body.theme-light #message-control-panel .control-item:focus-visible {
  background: rgba(0, 0, 0, 0.06) !important;
}

body.theme-light #message-control-panel .control-item-icon {
  color: rgba(20, 20, 22, 0.9) !important;
}

body.theme-light #message-control-panel .control-item--danger,
body.theme-light #message-control-panel .control-item--danger .control-item-icon,
body.theme-light #message-control-panel .control-item--danger .control-item-label {
  color: #ff3b30 !important;
}

body.theme-light #message-control-panel .message-control-read-at {
  color: rgba(20, 20, 22, 0.5) !important;
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

/* Компактный режим (горизонтальные иконки) */
#message-control-panel.control-panel--compact .message-control-actions {
  width: auto !important;
  max-width: min(100vw - 20px, 360px) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 4px !important;
  border-radius: 999px !important;
}

#message-control-panel.control-panel--compact .control-item {
  width: auto !important;
  padding: 7px !important;
  border-radius: 999px !important;
  gap: 0 !important;
}

#message-control-panel.control-panel--compact .control-item-label {
  display: none !important;
}

/* Выделение сообщения без «прожима» */
#messages-container .message.message-selected:not(.system-message) .message-content,
#messages-container .message.message-selected:not(.system-message) .call-message-card,
#messages-container .message.message-selected:not(.system-message) .gift-message-content {
  transform: none !important;
  filter: none !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--xam-ui-accent, #8774E1) 70%, transparent) !important;
}

#messages-container .message.message-bulk-selected .message-content,
#messages-container .message.message-bulk-selected .call-message-card,
#messages-container .message.message-bulk-selected .gift-message-content {
  transform: none !important;
  filter: none !important;
  box-shadow: 0 0 0 2px var(--xam-ui-accent, #8774E1) !important;
  background-color: color-mix(in srgb, var(--xam-ui-accent, #8774E1) 14%, transparent) !important;
}

/* === Beta: панель эмодзи/реакций — тот же glass-стиль === */
#message-reaction-panel.message-reaction-panel,
body:not(.layout-tablet) #message-reaction-panel.message-reaction-panel,
body.xam-liquid-glass-enabled #message-reaction-panel.message-reaction-panel {
  --reaction-btn-size: 34px;
  --reaction-btn-gap: 2px;
  padding: 5px 6px !important;
  border-radius: 18px !important;
  background: rgba(22, 22, 24, 0.42) !important;
  backdrop-filter: blur(42px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(42px) saturate(200%) !important;
  border: none !important;
  box-shadow:
    0 0 0 0.5px rgba(255, 255, 255, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 36px rgba(0, 0, 0, 0.45) !important;
  opacity: 0 !important;
  transform: scale(0.94) translateY(-6px) !important;
  transform-origin: center bottom !important;
  transition:
    opacity 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.28s ease !important;
  will-change: opacity, transform;
  pointer-events: none !important;
  overflow: hidden !important;
}

#message-reaction-panel.message-reaction-panel.show {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
  pointer-events: auto !important;
}

#message-reaction-panel.message-reaction-panel.is-closing {
  opacity: 0 !important;
  transform: scale(0.95) translateY(-4px) !important;
  pointer-events: none !important;
}

#message-reaction-panel .message-reaction-panel-compact {
  gap: 2px !important;
}

#message-reaction-panel .message-reaction-panel-scroll {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  gap: 2px !important;
  padding: 0 !important;
}

#message-reaction-panel .reaction-option {
  width: var(--reaction-btn-size) !important;
  height: var(--reaction-btn-size) !important;
  min-width: var(--reaction-btn-size) !important;
  border-radius: 12px !important;
  background: transparent !important;
  transition: background 0.14s ease, transform 0.16s ease !important;
}

#message-reaction-panel .reaction-option:hover,
#message-reaction-panel .reaction-option:active {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: scale(1.06) !important;
}

#message-reaction-panel .reaction-picker-more {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  transition: background 0.14s ease, color 0.14s ease, transform 0.16s ease !important;
}

#message-reaction-panel .reaction-picker-more:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

#message-reaction-panel .message-reaction-panel-extra {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 4px;
}

body.theme-light #message-reaction-panel.message-reaction-panel {
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 0 0 0.5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 14px 36px rgba(0, 0, 0, 0.16) !important;
}

body.theme-light #message-reaction-panel .reaction-option:hover,
body.theme-light #message-reaction-panel .reaction-option:active {
  background: rgba(0, 0, 0, 0.06) !important;
}

body.theme-light #message-reaction-panel .reaction-picker-more {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(20, 20, 22, 0.7) !important;
}

body.theme-light #message-reaction-panel .message-reaction-panel-extra {
  border-top-color: rgba(0, 0, 0, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  #message-control-panel.message-control-panel,
  #message-reaction-panel.message-reaction-panel {
    transition: opacity 0.12s ease !important;
    transform: none !important;
  }
  #message-control-panel.message-control-panel.show,
  #message-control-panel.message-control-panel.is-closing,
  #message-reaction-panel.message-reaction-panel.show,
  #message-reaction-panel.message-reaction-panel.is-closing {
    transform: none !important;
  }
}