/* === V4.8 Quick Chat + Notifications dropdown panels === */
.message-bell[aria-expanded="true"],.notification-bell[aria-expanded="true"]{background:#24272e;border-color:#4a4f59;transform:translateY(-1px)}
.quick-panel-layer{position:fixed;inset:0;z-index:9960;pointer-events:none}.quick-panel-layer.active{pointer-events:auto}.quick-panel-layer::before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none}
.header-quick-panel{position:fixed;z-index:9962;top:78px;right:88px;width:min(410px,calc(100vw - 28px));max-height:min(620px,calc(100dvh - 100px));display:none;overflow:hidden;border:1px solid #30343d;border-radius:18px;background:rgba(17,19,24,.98);box-shadow:0 26px 80px rgba(0,0,0,.46);backdrop-filter:blur(18px);color:#eef0f4}.header-quick-panel.open{display:flex;flex-direction:column;animation:quickPanelIn .14s ease both}@keyframes quickPanelIn{from{opacity:.2;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
.quick-messages-panel{right:142px}.quick-notifications-panel{right:88px}
.quick-panel-head{min-height:66px;padding:12px 15px;border-bottom:1px solid #292d35;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#191c22,#15171c)}.quick-panel-head>div{min-width:0}.quick-panel-head .eyebrow{display:block;color:#67def7;font-size:8px;font-weight:950;letter-spacing:.16em}.quick-panel-head strong{display:block;margin-top:3px;font-size:19px;letter-spacing:-.03em}.quick-panel-head>a{color:#9ba0aa;text-decoration:none;font-size:9px;font-weight:800;white-space:nowrap}.quick-panel-head>a:hover{color:#fff}
.quick-panel-loading,.quick-panel-empty{padding:28px 18px;color:#858b96;text-align:center;font-size:10px;line-height:1.55}.quick-panel-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.quick-panel-empty>span{font-size:28px}.quick-panel-empty>strong{margin-top:10px;color:#fff;font-size:13px}.quick-panel-empty>small{margin-top:6px;max-width:250px;color:#767c87;font-size:9px;line-height:1.55}
.quick-message-list-view,.quick-notification-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.quick-conversation-list,.quick-notification-items{display:grid}.quick-conversation{width:100%;min-height:70px;border:0;border-bottom:1px solid #252930;background:#15181d;color:#fff;display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:center;padding:10px 13px;text-align:left;cursor:pointer}.quick-conversation:hover{background:#1c2026}.quick-conversation.unread{background:linear-gradient(90deg,rgba(255,91,31,.09),#171a20 34%)}.quick-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#725cff,#2abfe0);color:#fff;font-size:15px;font-weight:950}.quick-avatar img{width:100%;height:100%;object-fit:cover;display:block}.quick-conversation-copy{min-width:0}.quick-conversation-top,.quick-conversation-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.quick-conversation-top strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.quick-conversation-top time{flex:none;color:#6f7580;font-size:7px}.quick-conversation-bottom{margin-top:5px}.quick-conversation-bottom small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#818792;font-size:9px}.quick-conversation-bottom>b{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--accent,#ff5b1f);color:#fff;font-size:7px}
.quick-chat-view{min-height:0;display:grid;grid-template-rows:auto minmax(260px,1fr) auto;flex:1}.quick-chat-view[hidden]{display:none}.quick-chat-head{min-height:58px;border-bottom:1px solid #292d35;padding:8px 10px;display:grid;grid-template-columns:32px 38px minmax(0,1fr) 30px;gap:8px;align-items:center;background:#171a20}.quick-chat-head>button,.quick-chat-head>a{width:30px;height:30px;border:1px solid #30343d;border-radius:50%;display:grid;place-items:center;background:#20232a;color:#dfe2e8;text-decoration:none;cursor:pointer}.quick-chat-head>button:hover,.quick-chat-head>a:hover{background:#2a2e36;color:#fff}.quick-chat-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#725cff,#2abfe0);font-size:12px;font-weight:950}.quick-chat-avatar img{width:100%;height:100%;object-fit:cover}.quick-chat-head>div{min-width:0}.quick-chat-head strong,.quick-chat-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-chat-head strong{font-size:11px}.quick-chat-head small{margin-top:3px;color:#67def7;font-size:8px}.quick-chat-stream{min-height:0;max-height:390px;overflow-y:auto;padding:14px 12px 9px;background:radial-gradient(circle at 80% 0,rgba(100,75,255,.08),transparent 30%),#111318}.quick-chat-empty{padding:38px 18px;text-align:center;color:#747a85;font-size:10px}.quick-chat-row{display:flex;margin:7px 0}.quick-chat-row.mine{justify-content:flex-end}.quick-chat-row.theirs{justify-content:flex-start}.quick-chat-message{max-width:78%;display:flex;flex-direction:column}.quick-chat-row.mine .quick-chat-message{align-items:flex-end}.quick-chat-bubble{padding:8px 10px;border-radius:14px 14px 14px 5px;background:#252932;border:1px solid #323740;color:#eef0f4;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.quick-chat-row.mine .quick-chat-bubble{border:0;border-radius:14px 14px 5px 14px;background:linear-gradient(135deg,var(--accent,#ff5b1f),#ff7945);color:#fff}.quick-chat-message>small{margin-top:3px;color:#666c77;font-size:7px}.quick-chat-composer{min-height:58px;margin:0;padding:8px;border-top:1px solid #292d35;background:#171a20;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px;align-items:end}.quick-chat-composer textarea{min-height:40px;max-height:90px;resize:none;border:1px solid #30343d;border-radius:13px;background:#20232a;color:#fff;padding:10px 11px;outline:0;font:inherit;font-size:10px;line-height:1.45}.quick-chat-composer textarea:focus{border-color:#555b68}.quick-chat-composer button{width:40px;height:40px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent,#ff5b1f),#ff7945);color:#fff;font-size:16px;cursor:pointer}.quick-chat-composer button:disabled{opacity:.5;cursor:not-allowed}
.quick-notification-toolbar{min-height:38px;padding:6px 12px;border-bottom:1px solid #262a31;display:flex;justify-content:flex-end;background:#15181d}.quick-notification-toolbar button{border:0;background:transparent;color:#868c97;font-size:8px;font-weight:800;cursor:pointer}.quick-notification-toolbar button:hover{color:#fff}.quick-notification{position:relative;width:100%;min-height:70px;border:0;border-bottom:1px solid #252930;background:#15181d;color:#e9ebef;display:grid;grid-template-columns:44px minmax(0,1fr) 32px 7px;gap:9px;align-items:center;padding:10px 13px;text-align:left;cursor:pointer}.quick-notification:hover{background:#1c2026}.quick-notification.unread{background:linear-gradient(90deg,rgba(255,91,31,.09),#171a20 34%)}.quick-notification-copy{min-width:0;font-size:10px;line-height:1.45}.quick-notification-copy>span{display:block}.quick-notification-copy strong{color:#fff}.quick-notification-copy small{display:block;margin-top:4px;color:#757b86;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-notification-kind{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#242830;font-size:12px}.quick-notification-dot{width:7px;height:7px;border-radius:50%;background:var(--accent,#ff5b1f);box-shadow:0 0 12px rgba(255,91,31,.55)}
.quick-panel-open body{overflow:hidden}
@media(max-width:900px){.header-quick-panel,.quick-messages-panel,.quick-notifications-panel{right:14px;top:72px}}
@media(max-width:720px){.quick-panel-layer.active::before{pointer-events:auto;background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}.header-quick-panel,.quick-messages-panel,.quick-notifications-panel{left:0;right:0;top:auto;bottom:0;width:100%;max-height:82dvh;border-radius:22px 22px 0 0;border-bottom:0;animation:quickPanelUp .18s ease both}@keyframes quickPanelUp{from{opacity:.25;transform:translateY(26px)}to{opacity:1;transform:none}}.quick-panel-head{min-height:62px;padding-inline:16px}.quick-panel-head strong{font-size:18px}.quick-chat-stream{max-height:none}.quick-chat-view{grid-template-rows:auto minmax(300px,1fr) auto;min-height:58dvh}.quick-panel-empty{min-height:220px}}

/* === V4.9 Facebook-like near-realtime message notifications === */
.quick-message-toolbar{min-height:40px;padding:6px 10px;border-bottom:1px solid #262a31;display:flex;gap:7px;align-items:center;background:#15181d;overflow-x:auto}.quick-message-toolbar button{flex:0 0 auto;min-height:28px;border:1px solid #30343d;border-radius:999px;background:#1d2127;color:#8d939e;padding:0 10px;font-size:8px;font-weight:850;cursor:pointer;white-space:nowrap}.quick-message-toolbar button:hover,.quick-message-toolbar button.active{color:#fff;border-color:#4a505b;background:#272b33}.quick-message-toolbar button:disabled{opacity:.55;cursor:not-allowed}
.message-toast-stack{position:fixed;z-index:10080;right:20px;bottom:92px;width:min(360px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}.message-toast{position:relative;min-height:78px;border:1px solid #333844;border-radius:16px;background:rgba(24,27,33,.985);box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(18px);overflow:hidden;pointer-events:auto;animation:messageToastIn .18s ease both}.message-toast.leaving{animation:messageToastOut .18s ease both}.message-toast-main{width:100%;min-height:78px;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;padding:11px 42px 11px 12px;text-align:left;cursor:pointer}.message-toast-main:hover{background:#20242b}.message-toast-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#725cff,#2abfe0);font-size:15px;font-weight:950}.message-toast-avatar img{width:100%;height:100%;object-fit:cover;display:block}.message-toast-copy{min-width:0;display:grid;gap:5px}.message-toast-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.message-toast-top strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.message-toast-top small{flex:none;color:#737985;font-size:8px}.message-toast-preview{display:block;color:#b9bec8;font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.message-toast-close{position:absolute;right:9px;top:9px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#727986;font-size:18px;cursor:pointer}.message-toast-close:hover{background:#2a2f37;color:#fff}@keyframes messageToastIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes messageToastOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.98)}}
@media(max-width:720px){.quick-message-toolbar{padding-inline:12px}.message-toast-stack{left:12px;right:12px;bottom:92px;width:auto}.message-toast{border-radius:15px}.message-toast-main{grid-template-columns:42px minmax(0,1fr);min-height:72px}.message-toast-avatar{width:42px;height:42px}}

/* === V4.9.1 Messenger presence + typing status === */
.quick-avatar,.quick-chat-avatar{position:relative;overflow:visible}
.quick-avatar img,.quick-chat-avatar img{border-radius:50%;overflow:hidden}
.quick-avatar.is-online::after,.quick-chat-avatar.is-online::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:1px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#31c86a;
  border:2px solid #15181d;
  box-shadow:0 0 0 1px rgba(49,200,106,.18);
}
.quick-conversation-bottom small.typing-now{
  color:#55d884;
  font-weight:850;
}
.quick-chat-view{
  grid-template-rows:auto minmax(260px,1fr) auto auto;
}
.quick-chat-identity{min-width:0}
.quick-chat-presence{
  display:block;
  margin-top:2px;
  color:#7c828d;
  font-size:7px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.quick-chat-presence.online{
  color:#55d884;
  font-weight:800;
}
.quick-chat-typing{
  min-height:30px;
  padding:5px 13px 4px;
  display:flex;
  align-items:center;
  gap:4px;
  background:#14171c;
  border-top:1px solid #242830;
  color:#7f8590;
}
.quick-chat-typing[hidden]{display:none}
.quick-chat-typing>span{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#8b919b;
  animation:hlbTypingDot 1s infinite ease-in-out;
}
.quick-chat-typing>span:nth-child(2){animation-delay:.14s}
.quick-chat-typing>span:nth-child(3){animation-delay:.28s}
.quick-chat-typing>em{
  margin-left:4px;
  font-style:normal;
  font-size:8px;
}
.quick-chat-read-receipt{
  font-style:normal;
  color:#6f7580;
}
.quick-chat-read-receipt.seen{
  color:#65dff7;
}
@keyframes hlbTypingDot{
  0%,60%,100%{transform:translateY(0);opacity:.45}
  30%{transform:translateY(-3px);opacity:1}
}
@media(max-width:720px){
  .quick-chat-view{grid-template-rows:auto minmax(300px,1fr) auto auto}
  .quick-chat-presence{font-size:8px}
  .quick-chat-typing{padding-inline:14px}
}

/* === V4.9.1 Full messenger presence === */
.chat-avatar{position:relative;overflow:visible}
.chat-avatar img{border-radius:50%;overflow:hidden}
.chat-avatar.is-online::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:1px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#31c86a;
  border:2px solid #15171c;
}
.chat-presence-status{
  display:block;
  margin-top:2px;
  color:#777d88;
  font-size:7px;
  font-style:normal;
}
.chat-presence-status.online{color:#55d884;font-weight:850}
.chat-conversation-bottom small.typing-now{color:#55d884;font-weight:850}
.chat-typing-indicator{
  min-height:30px;
  padding:5px 18px;
  display:flex;
  align-items:center;
  gap:4px;
  background:#14171c;
  border-top:1px solid #252930;
  color:#808691;
}
.chat-typing-indicator[hidden]{display:none}
.chat-typing-indicator>span{
  width:5px;height:5px;border-radius:50%;background:#8b919b;
  animation:hlbTypingDot 1s infinite ease-in-out;
}
.chat-typing-indicator>span:nth-child(2){animation-delay:.14s}
.chat-typing-indicator>span:nth-child(3){animation-delay:.28s}
.chat-typing-indicator>em{margin-left:4px;font-style:normal;font-size:8px}