/* R4.4.48: one native workspace scroller; login, portal, dialogs and print keep their own layout. */
@media screen {
  body:has(> #main-system:not(.hidden)) {
    height:100vh;height:100dvh;min-height:0;overflow:hidden;
  }
  #main-system:not(.hidden) {
    display:flex;flex-direction:column;height:100vh;height:100dvh;
    min-height:0;overflow:hidden;
  }
  #main-system > .header {flex:0 0 auto;position:relative;top:auto;}
  #main-system > .layout {flex:1 1 0;min-height:0;min-width:0;overflow:hidden;}
  #main-system .sidebar {
    position:relative;top:auto;height:100%;min-height:0;flex-shrink:0;
    overscroll-behavior-y:contain;
  }
  #main-system #main-content {
    flex:1 1 0;min-height:0;min-width:0;overflow:auto;
    overscroll-behavior-y:contain;scroll-behavior:auto;scrollbar-gutter:stable;
  }
  #main-system .main.page-enter {animation:none;transform:none;}
  /* Remove large continuously repainted decoration; task reminder animations remain. */
  #main-system::before {inset:0;animation:none;transform:none;filter:none;}
  #main-system::after,
  #main-system .layout::before,
  #main-system .header::after,
  #main-system .header-logo,
  #main-system .sidebar,
  #main-system .sidebar::before {animation:none;}
  #main-system .header,
  #main-system .card,
  #main-system .detail-panel,
  #main-system .kpi-card {-webkit-backdrop-filter:none;backdrop-filter:none;}
}