/* NOXER V18 — three-column chat + real information drawer, reference layout */
@media (min-width:761px) {
  body.messenger-page #messengerShell { display:flex!important; align-items:stretch!important; gap:0!important; }
  body.messenger-page #messengerShell>.app-rail { display:none!important; }
  body.messenger-page #chatListPanel {
    margin:10px 0 10px 14px!important;
    width:290px!important;flex:0 0 290px!important;
    max-height:calc(100dvh - 20px)!important;
    height:calc(100dvh - 20px)!important;
    border-radius:18px!important;
    background:#131318!important;
    border:1px solid rgba(255,255,255,.075)!important;
  }
  body.messenger-page #conversationPanel { flex:1 1 0!important;min-width:0!important;margin:0!important; }
  body.messenger-page #chatListPanel .list-panel-header {padding:11px 13px 4px!important}
  body.messenger-page #chatListPanel .chat-row {min-height:59px!important}
  body.messenger-page #chatListPanel #createChat {bottom:18px!important;right:18px!important;position:absolute!important}
  body.messenger-page #activeChat {min-width:0!important}
  body.messenger-page #activeChat .conversation-header {
    margin:11px 10px 0 10px!important;
    width:calc(100% - 20px)!important;flex:0 0 auto!important;height:47px!important;
    border:1px solid rgba(255,255,255,.075)!important;border-radius:14px!important;
    background:rgba(20,20,25,.95)!important;
    padding:5px 10px!important;gap:9px!important;
  }
  body.messenger-page .conversation-header #conversationAvatar {width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important}
  body.messenger-page .conversation-header .conversation-heading b {font-size:13px!important}
  body.messenger-page .conversation-header .conversation-heading small {font-size:10px!important}
  body.messenger-page .conversation-header .conversation-actions .icon-button {background:transparent!important;border:0!important;box-shadow:none!important}
  body.messenger-page #messageScroller {min-width:0!important}
  body.messenger-page .message-list {padding:18px 15px 24px!important;gap:9px!important}
  body.messenger-page .message-bubble {background:rgba(27,27,33,.96);border:1px solid rgba(255,255,255,.055);box-shadow:none;border-radius:9px!important;padding:9px 12px 8px}
  body.messenger-page .message-item:not(.own) {max-width:min(80%,500px)!important}
  body.messenger-page .message-body {font-size:12px!important;line-height:1.52!important}
}
/* System alerts are received messages even if the database stores the current user's id. */
body.messenger-page .v3-system-chat #messageList {justify-content:flex-start!important;min-height:100%!important;}
body.messenger-page .v3-system-chat .message-item,
body.messenger-page .v3-system-chat .message-item.own {
  align-self:flex-start!important;flex-direction:row!important;
  width:max-content!important;max-width:min(92%,520px)!important;
}
body.messenger-page .v3-system-chat .message-bubble,
body.messenger-page .v3-system-chat .message-item.own .message-bubble {
  background:#1b1a20!important;border:1px solid rgba(255,255,255,.05)!important;
  border-radius:10px!important;color:#f7f7fc!important;text-align:left!important;
}
body.messenger-page .v3-system-chat .message-date {margin:1px auto 5px!important;}
body.messenger-page .v3-system-chat .message-time {color:#acabb3!important;opacity:.85!important}
/* Right information panel */
body.messenger-page #nx18Info {
  flex:0 0 clamp(275px,26.6vw,330px);width:clamp(275px,26.6vw,330px);
  min-width:0;min-height:0;max-height:calc(100dvh - 20px);
  margin:10px 10px 10px 0;background:#121216;
  border:1px solid rgba(255,255,255,.075);border-radius:18px;
  overflow:hidden;display:flex;flex-direction:column;color:#f8f8fb;
  transform-origin:right center;animation:nx18SlideIn .27s cubic-bezier(.22,.86,.25,1) both;
}
body.messenger-page #nx18Info.nx18-hidden{display:none!important}
@keyframes nx18SlideIn{from{opacity:.45;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
#nx18Info .nx18-top {height:46px;display:flex;align-items:center;gap:12px;flex:0 0 46px;padding:0 14px;background:#151419;font-weight:850;font-size:14px;border-bottom:1px solid rgba(255,255,255,.035)}
#nx18Info button {color:inherit;cursor:pointer}
#nx18Info .nx18-iconbtn {display:grid;place-items:center;width:23px;height:28px;padding:0;background:transparent;border:0;color:#8d8b97}
#nx18Info .nx18-iconbtn:hover {color:#fff}
#nx18Info .nx18-content {overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#38323e transparent}
#nx18Info .nx18-cover {min-height:318px;background:linear-gradient(180deg,#17191e 0%,#0b0b0f 95%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:19px 18px 13px;position:relative}
#nx18Info .nx18-logo {display:grid;place-items:center;width:154px;height:154px;margin:10px 0 16px;font-size:92px;font-weight:900;line-height:1;color:#fff;letter-spacing:-.15em}
#nx18Info .nx18-logo .nx18-logo-image {width:100%;height:100%;border-radius:28px;object-fit:cover}
#nx18Info .nx18-logo.nx18-person {width:138px;height:138px;letter-spacing:0;font-size:52px;border-radius:50%;background:linear-gradient(140deg,#547c99,#182836);border:2px solid rgba(255,255,255,.13)}
#nx18Info .nx18-title {width:100%;font-size:17px;font-weight:800;display:flex;align-items:center;gap:7px;letter-spacing:-.015em;overflow-wrap:anywhere}
#nx18Info .nx18-verified {font-size:12px;color:#fff;background:#2687f6;clip-path:polygon(50% 0,65% 10%,83% 8%,89% 27%,100% 50%,89% 71%,83% 92%,64% 91%,50% 100%,35% 90%,15% 92%,9% 72%,0 50%,9% 29%,15% 9%,35% 10%);display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px}
#nx18Info .nx18-subtitle {width:100%;font-size:11px;color:#aaa7b3;margin-top:4px;font-weight:600}
#nx18Info .nx18-detail {border-bottom:1px solid rgba(255,255,255,.055);padding:12px 16px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:55px;background:#141418}
#nx18Info .nx18-detail svg {width:19px;height:19px;stroke:#9997a5;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#nx18Info .nx18-detail-main {min-width:0;font-size:12px;font-weight:750;word-break:break-word}
#nx18Info .nx18-detail-main small {display:block;font-size:10px;color:#92909e;font-weight:500;margin-top:3px}
#nx18Info .nx18-detail.nx18-action {cursor:pointer;width:100%;text-align:left;color:#f5f5f7;border-left:0;border-right:0;border-top:0}
#nx18Info .nx18-detail.nx18-action:hover {background:#202027}
#nx18Info .nx18-switch {width:31px;height:17px;border-radius:30px;background:#5b536e;border:0;position:relative;padding:0}
#nx18Info .nx18-switch::after {content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;background:#f9f9ff;border-radius:50%;transition:transform .2s ease}
#nx18Info .nx18-switch[aria-checked="true"] {background:#7d60d7}
#nx18Info .nx18-switch[aria-checked="true"]::after {transform:translateX(14px)}
#nx18Info .nx18-media-tabs {display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #25222b;background:#121216}
#nx18Info .nx18-media-tabs button {height:40px;background:transparent;border:0;border-bottom:3px solid transparent;color:#a3a2ae;font-size:12px;font-weight:750}
#nx18Info .nx18-media-tabs button.active {border-color:#8064da;color:#a78aff}
#nx18Info .nx18-attachments {min-height:175px;padding:20px 15px;color:#8b8999;font-size:11px;text-align:center}
#nx18Info .nx18-attachment-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;text-align:left}
#nx18Info .nx18-attachment-grid img {width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#252329}
#nx18Info .nx18-attachment-grid audio {width:100%;grid-column:1/-1;height:40px}
#nx18Info .nx18-file-item {padding:12px;border:1px solid #2e2b34;border-radius:9px;margin-bottom:7px;text-align:left}
@media (max-width:1090px) and (min-width:761px){
  body.messenger-page #nx18Info{position:absolute;right:0;top:0;bottom:0;z-index:35;width:min(330px,calc(100vw - 100px));height:calc(100dvh - 20px);max-height:none;box-shadow:-15px 0 50px #0008}
}
@media (max-width:760px) {
 body.messenger-page #nx18Info {position:fixed;inset:0!important;z-index:125;width:100vw!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#111116!important;}
 body.messenger-page #nx18Info .nx18-cover {min-height:280px;}
 body.messenger-page .v3-system-chat .message-list {padding-top:18px!important}
}
@media (prefers-reduced-motion:reduce) {body.messenger-page #nx18Info{animation:none!important}}