/*
  Community stretch fix module.
  Extracted from the former pages/70-community.css; keep after 73-community-portrait-scaling.css.
*/

/* =========================================================
   P302 — Community mobile/portrait stretch fix
   ========================================================= */
@media (max-width: 1120px), (orientation: portrait) and (max-width: 1366px){
  .communityWorkspace{
    min-height:0;
    height:100%;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:minmax(0,1fr) !important;
    grid-template-areas:"board" !important;
    align-items:stretch;
    align-content:stretch;
    overflow:hidden;
    position:relative;
  }
  .communityBoard{
    grid-area:board !important;
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:stretch;
    justify-self:stretch;
    min-height:0;
    height:100%;
    max-height:100%;
  }
  .communitySidebar,
  .communityRoster,
  .communityDrawerBackdrop,
  .communityRosterBackdrop{
    grid-column:1;
    grid-row:1;
  }
  .communityHistory{
    min-height:0;
    height:100%;
    flex:1 1 auto;
  }
  .communityMessages{
    flex:1 1 auto;
    min-height:0;
    height:100%;
  }
  .communityMessages > .state,
  .communityMessages > .state--empty,
  .communityMessages > .state--loading,
  .communityMessages > .state--error{
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
}

@media (max-width: 640px), (orientation: portrait) and (max-width: 1366px){
  .communityBoard{
    padding:7px;
  }
  .communityHistory{
    padding:5px;
  }
}