@media (max-width:768px){.chatContainer{flex-direction:column!important;height:auto!important}.chatSidebar{border-bottom:1px solid #e5e7eb!important;border-right:none!important;width:100%!important;height:300px!important}.chatMain{height:calc(100vh - 400px)!important}.chatItem{padding:12px!important}.chatItemInfo{flex:1!important;min-width:0!important}.chatItemTitle{font-size:14px!important}.chatItemMessage{font-size:13px!important}.chatHeader{padding:12px 16px!important}.chatHeaderTitle{font-size:15px!important}.chatHeaderSubtitle{font-size:12px!important}.messagesContainer{padding:12px!important}.message{max-width:85%!important;padding:10px 12px!important}.messageText{font-size:14px!important}.messageTime{font-size:11px!important}.chatInput{padding:12px!important}.chatInputField{padding:10px 12px!important;font-size:14px!important}.ticketsList{height:300px!important}.ticketItem{padding:12px!important}.ticketSubject{font-size:14px!important}.ticketMeta{font-size:12px!important}.ticketReply{padding:12px!important}.replyInput{min-height:80px!important;font-size:14px!important}}@media (max-width:480px){.chatSidebar{height:250px!important}.chatMain{height:calc(100vh - 350px)!important}.chatItem{padding:10px!important}.chatItemTitle{font-size:13px!important}.chatItemMessage{font-size:12px!important}.message{max-width:90%!important;padding:8px 10px!important}.messageText{font-size:13px!important}.ticketsList{height:250px!important}}