/* Integration boundaries only. Social feature controls are React Native. */
#lessonModal:has(#memberSafetyRoot), #lessonModal:has(#dmSocialComposerRoot), #lessonModal:has(#sqSocialComposerRoot) { z-index:250; }
#lessonModal .modal-content:has(#dmSocialComposerRoot) { max-width:1050px; }
#commSocialAttachmentRoot, #sqSocialComposerRoot, #dmSocialComposerRoot, #dmSocialMessagesRoot, #sqSocialMessagesRoot { min-width:0; width:100%; text-align:left; }
[data-social-dm-grid] > section { min-width:0; }
@media(max-width:640px) {
  [data-social-dm-grid] { grid-template-columns:minmax(0,1fr) !important; min-height:0 !important; }
  [data-social-dm-grid] > aside { max-height:180px; border-right:0 !important; padding-right:0 !important; }
  [data-social-dm-grid] > section { min-height:0 !important; }
  #dmThreadList { max-height:110px !important; }
  #dmMessages { min-height:130px; max-height:340px !important; }
  #lessonModal .modal-content:has(#dmSocialComposerRoot) { padding:24px 16px calc(28px + var(--safe-bot)); max-height:calc(100dvh - 20px); }
}