/* Keep native forward actions and space onboarding inside the viewport. */
.mx_ForwardDialog .mx_ForwardList_content,
.mx_ForwardDialog .mx_ForwardList_results,
.mx_ForwardDialog .mx_ForwardList_resultsList { min-width:0; min-height:0; }
.mx_ForwardDialog .mx_ForwardList_entry { min-width:0; max-width:100%; box-sizing:border-box; }
.mx_ForwardDialog .mx_ForwardList_roomButton { flex:1 1 0; overflow:hidden; }
.mx_ForwardDialog .mx_ForwardList_entry_name { min-width:0; flex:0 1 auto; }
.mx_ForwardDialog .mx_ForwardList_entry_detail { min-width:0; flex:0 2 auto; max-width:35%; }
.mx_ForwardDialog .mx_ForwardList_sendButton { flex:0 0 auto; }
@media (max-width:1024px) {
  .mx_SpaceRoomView { --innerWidth:100%; min-width:0; width:100%; overflow-x:hidden; }
  .mx_SpaceRoomView .mx_MainSplit { min-width:0; width:100%; }
  .mx_SpaceRoomView .mx_MainSplit > div:first-child {
    box-sizing:border-box; min-width:0; width:100%; max-width:100%; padding:24px 16px;
    overflow-x:hidden; overflow-y:auto;
  }
  .mx_SpaceRoomView .mx_MainSplit > div:first-child h1 { width:auto; overflow-wrap:break-word; }
  .mx_SpaceRoomView .mx_MainSplit > div:first-child .mx_Field { width:100%; box-sizing:border-box; }
  .mx_SpaceRoomView .mx_MainSplit > div:first-child .mx_SpaceRoomView_buttons {
    box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px;
    width:100%; margin-top:24px; position:sticky; bottom:0; z-index:1;
    padding:12px 0; background:var(--cpd-color-bg-canvas-default,#f3f6f1);
  }
  .mx_SpaceRoomView .mx_MainSplit > div:first-child .mx_SpaceRoomView_buttons .mx_AccessibleButton_hasKind {
    box-sizing:border-box; margin:0; min-height:44px; max-width:100%; white-space:normal;
  }
  .mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates_buttons { display:flex; flex-wrap:wrap; gap:12px; }
  .mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_buttons .mx_AccessibleButton { margin:0; min-height:44px; }
  .mx_Dialog_wrapper .mx_Dialog.mx_ForwardDialog {
    position:relative; box-sizing:border-box!important; min-width:0!important;
    width:100%!important; max-width:100%!important;
    height:calc(var(--wedoc2-vv-height,100vh) - 32px);
    max-height:calc(var(--wedoc2-vv-height,100vh) - 32px)!important;
    padding:16px!important; overflow:hidden; display:flex; flex-direction:column;
  }
  .mx_ForwardDialog > .mx_Dialog_header { flex:0 0 auto; padding-right:44px; }
  .mx_ForwardDialog > .mx_Dialog_cancelButton { top:8px; right:8px; width:44px; height:44px; padding:12px; z-index:3; }
  .mx_ForwardDialog > .mx_ForwardDialog_preview {
    min-width:0; max-width:100%; max-height:25%; overflow-x:hidden; overflow-y:auto; overflow-wrap:anywhere;
  }
  .mx_ForwardDialog_preview .mx_EventTile,
  .mx_ForwardDialog_preview .mx_EventTile_line,
  .mx_ForwardDialog_preview .mx_EventTile_content { min-width:0; max-width:100%; box-sizing:border-box; }
  .mx_ForwardDialog_preview pre { white-space:pre-wrap; overflow-wrap:anywhere; }
  .mx_ForwardDialog .mx_ForwardList_content { overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; }
  .mx_ForwardDialog .mx_ForwardList_resultsList { padding-right:0!important; }
  .mx_ForwardDialog .mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry { height:auto; min-height:48px; align-items:center; }
  .mx_ForwardDialog .mx_ForwardList_entry_detail { display:none; }
  .mx_ForwardDialog .mx_ForwardList .mx_ForwardList_results .mx_ForwardList_sendButton {
    box-sizing:border-box; min-width:44px; min-height:44px; margin-left:4px; display:flex; align-items:center; justify-content:center;
  }
  .mx_ForwardDialog .mx_ForwardList_sendButton:not(.mx_ForwardList_canSend) .mx_ForwardList_sendLabel { display:none; }
}