/* SLPT v1.7.2 - mobile viewport / route-position hotfix */
html{height:auto;min-height:100%;scroll-behavior:auto!important;scroll-padding-top:0!important}
body{min-height:100dvh;height:auto!important;overflow-anchor:none}
#appView,.workspace,#content{scroll-margin-top:0!important}

@media(max-width:850px){
  html,body{margin-top:0!important;padding-top:0!important}
  .app-shell{
    min-height:100dvh!important;
    height:auto!important;
    align-items:start!important;
    padding-top:max(10px,env(safe-area-inset-top))!important;
    margin-top:0!important;
    transform:none!important;
  }
  .workspace{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
    margin-top:0!important;
    padding-top:0!important;
    top:auto!important;
    transform:none!important;
  }
  .topbar{
    top:max(10px,env(safe-area-inset-top))!important;
    margin-top:0!important;
    transform:none!important;
  }
  .content{
    margin-top:0!important;
    padding-top:14px!important;
    top:auto!important;
    transform:none!important;
    min-height:0!important;
  }
  .page-head,
  .assessment-workspace-summary,
  .assessment-workspace,
  .assessment-workspace-main,
  .assessment-section-header,
  .assessment-media-grid,
  .analysis-layout{
    margin-top:0!important;
    top:auto!important;
    transform:none!important;
  }
  dialog.modal[open]{margin:auto!important;max-height:100dvh!important}
}

@media(max-width:430px){
  .app-shell{padding-top:max(8px,env(safe-area-inset-top))!important}
  .topbar{top:max(8px,env(safe-area-inset-top))!important}
  .content{padding-top:10px!important}
}