.wtmu-app{
height:100vh;
width:100%;
display:flex;
direction:rtl;
font-family:tahoma;
}
.wtmu-users{
width:300px;
background:#f1f5f9;
padding:20px;
}
.wtmu-user{
background:white;
padding:15px;
margin:8px;
cursor:pointer;
}
.wtmu-chat{
flex:1;
display:flex;
flex-direction:column;
}
.wtmu-chat header{
background:#3390ec;
color:white;
padding:20px;
}
#wtmu-messages{
flex:1;
background:#e7ebef;
padding:20px;
}
.wtmu-msg{
background:#d9fdd3;
padding:10px;
border-radius:12px;
margin:8px;
}
.wtmu-chat footer{
display:flex;
padding:15px;
gap:10px;
}
#wtmu-text{
flex:1;
padding:12px;
}