.side__bar__header{border-bottom:1px solid hsl(var(--border));flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex;overflow:hidden}.side__bar__header__user__info{align-items:center;gap:.5rem;min-width:0;display:flex}.side__bar__header__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.icon{cursor:pointer}.side__bar__user_chat_list{flex:1;overflow-y:auto}
.chat__wrapper__container{height:100dvh;display:flex;overflow:hidden}.chat__sidebar{background-color:hsl(var(--card));flex-direction:column;flex:0 0 320px;height:100dvh;display:flex;overflow:hidden}.chat__container{background-color:hsl(var(--background));flex-direction:column;flex:1;height:100dvh;display:flex;overflow:hidden}@media (max-width:640px){.chat__sidebar{flex:0 0 100%}.chat__container__no__selected_chat,.chat__sidebar__selected__chat{display:none}}@media (min-width:641px){.chat__sidebar{flex:0 0 300px}}@media (min-width:1024px){.chat__sidebar{flex:0 0 360px}}.contact__info__panel{border-left:1px solid hsl(var(--border));flex:0 0 320px;height:100dvh;overflow-y:auto}
.chat__room{flex-direction:column;height:100vh;display:flex}.chat__content{flex:1;padding:1rem;overflow-y:scroll}.header{border-bottom:1px solid #ccc;padding:1rem}.footer{border-top:1px solid #ccc;padding:.5rem}.chat__input__contaniner{justify-content:space-between;display:flex}.chat__input{border:none;outline:none;width:90%;height:2.5rem}.chat__send__btn{cursor:pointer;background-color:#0000;border:none}.no_chat_selected{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:93vh;padding:1rem;display:flex}