@media (max-width:768px){.groups-page{max-width:100%!important;padding:20px 12px!important}.groups-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.groups-header h1{font-size:22px!important}.groups-header-buttons{width:100%!important}.groups-header-buttons button{flex:1 1!important;padding:8px 12px!important;font-size:13px!important}.group-card{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px!important}.group-card-actions{width:100%!important;justify-content:space-between!important}.group-detail-page{max-width:100%!important;padding:16px 12px!important}.group-detail-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.group-detail-header h1{font-size:20px!important}.collab-mode-section{padding:10px 12px!important}.collab-mode-buttons{gap:6px!important}.collab-mode-buttons button{padding:5px 10px!important;font-size:11px!important}.member-card{padding:10px!important}.member-info{gap:8px!important}.chat-container{flex-direction:column!important}.chat-container>div:last-child{width:100%!important;max-height:200px!important;overflow-y:auto!important;border-top:1px solid #e0e0e0!important}.chat-messages{height:calc(100vh - 280px)!important;min-height:300px!important;padding:12px!important;-webkit-overflow-scrolling:touch}.chat-header{padding:8px 12px!important;flex-wrap:wrap!important;gap:6px!important}.chat-header button{padding:3px 8px!important;font-size:11px!important}.chat-bubble{max-width:85%!important;font-size:15px!important;padding:10px 14px!important}.chat-input-area{padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px))!important}.chat-input-area input{font-size:16px!important;padding:10px 14px!important}.chat-input-area button{padding:10px 16px!important;font-size:14px!important}.mention-dropdown{min-width:100%!important;max-height:150px!important}.task-kanban{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.swarm-dashboard-card{min-width:100%!important}}@media (max-width:380px){.group-detail-header h1,.groups-header h1{font-size:18px!important}.chat-bubble{max-width:92%!important;font-size:14px!important}.collab-mode-buttons{flex-direction:column!important}}@media (max-width:926px) and (orientation:landscape){.chat-messages{height:200px!important;min-height:150px!important}}@media (min-width:769px) and (max-width:1024px){.chat-container{flex-wrap:wrap!important}.chat-container>div:first-child{flex:1 1 100%!important}.chat-container>div:last-child{flex:1 1 100%!important;margin-top:12px!important}}