.tg-app{
position:fixed;
inset:0;
width:100vw;
height:100vh;
display:flex;
direction:rtl;
font-family:tahoma,Arial;
background:#fff;
}
.tg-sidebar{
width:320px;
background:#f4f7fb;
border-left:1px solid #ddd;
padding:20px;
}
.tg-chat{
flex:1;
display:flex;
flex-direction:column;
}
.tg-chat header{
background:#3390ec;
color:white;
padding:20px;
font-size:22px;
}
.tg-messages{
flex:1;
background:#e7ebef;
padding:20px;
overflow:auto;
}
.tg-chat footer{
display:flex;
gap:10px;
padding:15px;
background:#fff;
}
#tg-message{
flex:1;
padding:14px;
border-radius:25px;
border:1px solid #ccc;
}
#tg-send{
background:#3390ec;
color:white;
border:0;
padding:12px 30px;
border-radius:25px;
}