/* Adaptación móvil de comunidades y estados: solo presentación. */
body.communityPage .communityWrap,body.communityPage .communityWrap *{box-sizing:border-box}
body.communityPage .communityWrap{width:100%;max-width:760px;min-width:0;overflow-wrap:anywhere}
body.communityPage .communityTabs{min-width:0}
body.communityPage .communityTabs>button{min-width:0;min-height:44px}
body.communityPage :is(.communityDialog,#statusComposer){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
body.communityPage :is(.communityDialog,#statusComposer) :is(input,textarea,select,video){max-width:100%;min-width:0}
body.communityPage #statusCapturePreview{width:100%;max-height:45dvh;object-fit:contain}
body.communityPage :is(button,a,input,textarea,select):focus-visible{outline:3px solid #158fd0;outline-offset:2px}
@media(max-width:360px){body.communityPage .communityTabs>button{font-size:12px;white-space:normal;overflow-wrap:anywhere}body.communityPage .communityTabs>button>span{white-space:normal}}

/* Clean single-column mobile composition: preserve all functions and labels. */
@media(max-width:579px){
 body.communityPage .communityWrap{padding-inline:clamp(12px,4vw,18px)}
 body.communityPage .communityTabs{gap:6px}
 body.communityPage .communityTabs>button{border-radius:12px;min-height:46px;line-height:1.25}
 body.communityPage .communityWrap>section{min-width:0}
 body.communityPage .communitySectionTitle{gap:8px;flex-wrap:wrap;align-items:center}
 body.communityPage .communitySectionTitle :is(button,a){max-width:100%}
 body.communityPage .communityContactSearch :is(input,select){width:100%}
 body.communityPage :is(.communityCreateFooter,.statusCaptureActions,.statusMediaActions){flex-wrap:wrap;gap:8px}
 body.communityPage :is(.communityCreateFooter,.statusCaptureActions,.statusMediaActions)>*{min-width:0}
}
/* Shared Vobix reading contrast and touch targets for group and broadcast rooms. */
body.communityPage :is(#groupRoom,#broadcastRoom) :is(.groupIconButton,.broadcastIconButton){width:48px!important;min-width:48px!important;min-height:48px!important;height:48px!important}
body.communityPage :is(#groupRoom,#broadcastRoom) :is(#groupCount,#broadcastCount,.groupMessage small,.broadcastMessageMeta,.broadcastPrivacy,#groupPrivacy){color:#4d6071!important}
body.communityPage :is(#groupRoom,#broadcastRoom) :is(.groupMessage p,.broadcastText,#groupMessage,#broadcastMessage){color:#17232c!important}
body.communityPage :is(#olderGroupMessages,#olderBroadcastMessages,.broadcastRetry,.broadcastDeliveryDetails summary){min-height:44px!important;display:flex!important;align-items:center;justify-content:center}
body.communityPage #groupMessages .groupMessage{overflow-wrap:anywhere;min-width:0}
body.communityPage #groupMessages .groupMessage p{word-break:normal}