/* Chat / Inbox UI enhancements */
.chat-shell{display:flex; height: calc(100vh - 140px); min-height: 520px; overflow:hidden}
.chat-list{width: 340px; border-right:1px solid var(--border); overflow:auto}
.chat-list .item{padding:12px; border-bottom:1px solid rgba(255,255,255,.06); cursor:pointer}
.chat-list .item:hover{background: var(--panel2)}
.chat-list .item.active{background: rgba(37,99,235,.14)}
.chat-main{flex:1; display:flex; flex-direction:column}
.chat-header{padding:12px 14px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center}
.chat-messages{flex:1; padding:14px; overflow:auto}
.bubble{max-width: 78%; padding:10px 12px; border-radius: 16px; border:1px solid var(--border); background: var(--panel2); margin-bottom:10px}
.bubble.me{margin-left:auto; background: rgba(37,99,235,.16); border-color: rgba(37,99,235,.25)}
.bubble .meta{font-size:.78rem; color: var(--muted); margin-top:4px}
.chat-compose{padding:12px 14px; border-top:1px solid var(--border); display:flex; gap:10px}
.chat-compose textarea{resize:none}
@media (max-width: 992px){
  .chat-shell{flex-direction:column; height:auto}
  .chat-list{width:100%; border-right:none; border-bottom:1px solid var(--border); max-height: 320px}
}