.exch-chat-container { display: flex; border:1px solid #ddd; height:500px; border-radius:8px; overflow:hidden; }
.chat-sidebar { width:30%; border-right:1px solid #ddd; padding:10px; overflow-y:auto; }
.chat-sidebar ul { list-style:none; margin:0; padding:0; }
.chat-sidebar li a { display:block; padding:8px; border-radius:6px; text-decoration:none; color:#333; }
.chat-sidebar li a.active, .chat-sidebar li a:hover { background:#f0f0f0; }

.chat-box { flex:1; display:flex; flex-direction:column; }
.chat-header { padding:10px; border-bottom:1px solid #ddd; display:flex; align-items:center; gap:10px; }
.chat-post-info { display:flex; align-items:center; gap:8px; }
.chat-post-img { width:50px; height:50px; object-fit:cover; border-radius:6px; }

.chat-messages { flex:1; padding:10px; overflow-y:auto; background:#fafafa; }
.msg { margin-bottom:8px; padding:8px 10px; border-radius:10px; max-width:70%; }
.msg.sent { background:#007bff; color:#fff; margin-left:auto; }
.msg.received { background:#e5e5e5; color:#000; margin-right:auto; }

.chat-input { display:flex; border-top:1px solid #ddd; }
.chat-input textarea { flex:1; border:none; padding:10px; resize:none; }
.chat-input button { background:#007bff; color:#fff; border:none; padding:0 20px; cursor:pointer; }

.exch-chat-btn { display:inline-block; background:#007bff; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; }