/* NOXER V21 — restore navigation rail hidden by nx18, fix service chats and stale empty state. */
@media (min-width:761px) {
  body.messenger-page #messengerShell > .app-rail {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    position:relative!important;
    z-index:10!important;
    flex:0 0 58px!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:100dvh!important;
    margin:0!important;
    padding:16px 5px 12px!important;
    background:#09090c!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.03)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.messenger-page #messengerShell > .app-rail .rail-top {
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  body.messenger-page #messengerShell > .app-rail .nx17-rail-nav {
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:clamp(34px,32vh,290px)!important;
  }
  body.messenger-page #messengerShell > .app-rail .nx17-rail-btn,
  body.messenger-page #messengerShell > .app-rail .nx17-bottom-menu {
    display:grid!important;
    place-items:center!important;
    flex:0 0 39px!important;
    width:39px!important;
    height:39px!important;
    padding:0!important;
    border-radius:11px!important;
    cursor:pointer!important;
  }
  body.messenger-page #messengerShell > .app-rail .nx17-rail-btn.active {
    color:#fff!important;
  }
  body.messenger-page #messengerShell > .app-rail .rail-avatar {
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
  }
  body.messenger-page #messengerShell > .app-rail .rail-bottom {
    display:flex!important;
    flex:0 0 auto!important;
    justify-content:center!important;
    align-items:center!important;
    margin-top:auto!important;
    width:100%!important;
  }
  body.messenger-page #messengerShell > #chatListPanel {
    flex:0 0 294px!important;
    width:294px!important;
    min-width:245px!important;
    margin:8px 0 8px 10px!important;
    max-height:calc(100dvh - 16px)!important;
  }
  body.messenger-page #messengerShell > #conversationPanel {
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
  }
}
@media (min-width:761px) and (max-width:980px) {
  body.messenger-page #messengerShell > #chatListPanel {
    flex:0 0 262px!important;
    width:262px!important;
  }
}
@media (max-width:760px) {
  body.messenger-page #messengerShell > .app-rail { display:none!important; }
}
/* nx17 accidentally overrides .hidden and draws the unused chat hint in front of messages. */
body.messenger-page #emptyState.hidden,
body.messenger-page #messengerShell.nx21-chat-selected #emptyState,
body.messenger-page #messengerShell:has(#activeChat:not(.hidden)) #emptyState {
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.messenger-page #activeChat.hidden { display:none!important; }
body.messenger-page #messengerShell.nx21-chat-selected #activeChat:not(.hidden) {
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}
/* Service notifications are incoming, regardless of database sender flag. */
body.messenger-page #conversationPanel.nx21-service-chat #messageScroller,
body.messenger-page #conversationPanel.nx21-service-chat #messageList {
  justify-content:flex-start!important;
  align-content:flex-start!important;
}
body.messenger-page #conversationPanel.nx21-service-chat #messageList .message-item,
body.messenger-page #conversationPanel.nx21-service-chat #messageList .message-item.own {
  align-self:flex-start!important;
  flex-direction:row!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
  max-width:min(90%,520px)!important;
}
body.messenger-page #conversationPanel.nx21-service-chat #messageList .message-item .message-bubble,
body.messenger-page #conversationPanel.nx21-service-chat #messageList .message-item.own .message-bubble {
  background:rgba(27,27,32,.97)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  color:#f5f5fa!important;
  border-radius:10px!important;
  text-align:left!important;
}
body.messenger-page #conversationPanel.nx21-service-chat #messageList .message-item.own .message-time {
  color:#a5a3b1!important;
}
@media (prefers-reduced-motion:reduce) {
  body.messenger-page #messengerShell > .app-rail .nx17-rail-btn {transition:none!important;}
}