.chat-container{width:1100px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.myUser{padding-top:20px;overflow-y:auto;height:550px;background:#f9fbfd;border-right:1px solid #e0e0e0}.chat-list-title{font-size:16px;color:#2c3e50}.user li{list-style:none;margin:15px 0}.user li a{display:flex;align-items:center;gap:10px;color:#2c3e50;font-weight:500}.user li a:hover{text-decoration:none;color:#1d4ed8}.userImg{height:40px;width:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0e0e0}.username{color:#333;font-size:14px}.myrow{background:#f0f4ff;padding:15px;font-size:16px;font-weight:700;color:#1e40af;border-bottom:1px solid #dbeafe}.chat-card{border-radius:0;height:100%}.chat-msg{overflow-y:auto;height:420px;background:#f9fbfd;padding:15px}.chat{list-style:none;margin:0;padding:0}.chat li{margin-bottom:25px;display:flex;align-items:flex-end}.chat-body2{display:inline-block;max-width:60%;background-color:#ebe9e5;border-radius:12px 12px 12px 0;padding:10px 15px;color:#111;font-size:14px;line-height:1.4;margin-left:8px}.chat-body{display:inline-block;max-width:60%;background-color:#48df69;border-radius:12px 12px 0;padding:10px 15px;color:#1d1b1b;font-size:14px;line-height:1.4;margin-right:8px}.chat-msg .buyer{justify-content:flex-end}.chat-msg .sender{justify-content:flex-start}.chat-body strong,.chat-body2 strong{font-size:13px;font-weight:600}.chat-body small,.chat-body2 small{font-size:11px;color:#6b7280}.chat-footer{border-top:1px solid #e5e7eb;padding:10px 15px;background:#fff}@media (max-width: 576px){.chat-users{height:100px}.userImg{height:35px;width:35px}.username{display:none}.chat-body,.chat-body2{max-width:85%;font-size:13px;padding:8px 12px}}