#chat{max-width:720px;margin:30px auto;border:1px solid #ddd;border-radius:10px;background:#fff}
.chat-header{background:#2563eb;color:#fff;padding:16px;font-size:18px}
#messages{height:520px;overflow-y:auto;padding:15px}
.msg{margin-bottom:14px}
.msg.right{text-align:right}
.name{font-size:12px;color:#666;margin-bottom:4px}
.bubble{display:inline-block;padding:10px 14px;border-radius:14px;background:#f1f5f9;max-width:70%}
.msg.right .bubble{background:#2563eb;color:#fff}
.img{max-width:200px;border-radius:10px;margin-top:5px}
.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid #eee}
.chat-input input{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px}
.file-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;cursor:pointer}
.file-btn input{display:none}
#send{padding:10px 16px;background:#2563eb;border:none;color:#fff;border-radius:8px}
.preview-img{max-height:120px;border-radius:10px;margin:10px}
.admin-wrap{display:flex;gap:20px;margin-top:20px}
.room-list{width:240px;border-right:1px solid #ddd}
.room{padding:12px;cursor:pointer;font-size:15px}
.room:hover{background:#f1f5f9}
.room.active{background:#2563eb;color:#fff}
.admin-chat{flex:1}
#admin-messages{height:520px;overflow:auto;border:1px solid #ddd;padding:15px;background:#fff;margin-bottom:10px}

.msg{position:relative;}
.room{position:relative;}
.msg span,.room span{position:absolute;right:10%;top:10px;}