/* v0.9.3: keep result context fixed and scroll only record/workflow content. */
.results-main{
  height:calc(100dvh - 66px);
  display:flex;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
  padding-bottom:0;
}
.results-main>.breadcrumb,.results-main>.summary-strip{flex:0 0 auto}
.results-main>.panel{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
}
.results-main .panel-head,.results-main .results-sticky-controls,.results-main .table-pagination{flex:0 0 auto}
.results-main>.panel>.table-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
}
.results-main>.panel>.table-scroll .data-table thead th{
  position:sticky;
  z-index:3;
  top:0;
}

@media(max-width:900px){
  .results-main>.panel{overflow:hidden}
  .results-main .result-mobile-list{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

@media(max-width:620px){
  .results-main{height:calc(100dvh - 61px)}
  .mobile-result-fixed{
    z-index:12;
    flex:0 0 auto;
    padding:8px 9px 0;
    border-bottom:1px solid var(--line);
    background:var(--page);
    box-shadow:0 5px 14px rgba(23,50,77,.07);
  }
  .mobile-result-fixed .result-detail-navigation{
    position:relative;
    top:auto;
    margin:7px 0;
  }
  .mobile-result-detail-scroll{
    padding-top:7px;
  }
  .mobile-result-detail-scroll>.result-workflow-grid{
    margin-top:0;
  }
  .mobile-result-detail .result-workflow-block{scroll-margin-top:0}
}

@media(max-width:620px) and (max-height:700px){
  .mobile-result-fixed{padding-top:6px}
  .mobile-result-fixed .result-plan-section{padding:7px}
  .mobile-result-fixed .result-section-heading small{display:none}
  .mobile-result-fixed .result-plan-grid{margin-top:6px}
  .mobile-result-fixed .result-plan-grid>div{min-height:40px;padding:5px 6px}
  .mobile-result-fixed .result-detail-navigation{margin:5px 0}
}