body 
{
	background-color: #f4f7f6;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}
  
/*  
.chat-list { height: 80vh; overflow-y: auto; border-right: 1px solid #dee2e6; }
.chat-detail { height: 80vh; display: flex; flex-direction: column; }
.messages-container { flex-grow: 1; overflow-y: auto; padding: 20px; background: #f8f9fa; }
.message { max-width: 75%; margin-bottom: 15px; padding: 10px 15px; border-radius: 15px; }
.message-in { background: #fff; align-self: flex-start; border: 1px solid #dee2e6; }
.message-out { background: #007bff; color: white; align-self: flex-end; margin-left: auto; }
.status-badge { font-size: 0.75rem; }
*/


.cls_chat-list { height: 80vh; overflow-y: auto; border-right: 1px solid #dee2e6; }
.cls_chat-detail { height: 80vh; display: flex; flex-direction: column; }
.cls_messages-container { flex-grow: 1; overflow-y: auto; padding: 20px; background: #f8f9fa; }
.cls_message { max-width: 100%; margin-bottom: 8px; padding: 5px 8px; border-radius: 15px; }
.cls_message-in { background: #fff; align-self: flex-start; border: 1px solid #dee2e6;margin-right:2em; }
.cls_message-out { background: #007bff; color: white; align-self: flex-end;   margin-left:2em; }
.cls_status-badge { font-size: 0.cls_75rem; }