/* Build 56: keep long workout/customize dialogs fully reachable on phones. */
.modal{
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.modal-shell{min-height:min-content}
#builderRows{max-height:none!important;overflow:visible!important}
.builder-bottom-actions{display:flex;justify-content:center;margin:14px 0 2px}
.builder-bottom-actions .btn{width:100%}

@media(max-width:760px){
  .modal{
    width:calc(100% - 12px);
    max-height:calc(100dvh - 16px);
    margin:auto;
    overflow-y:auto!important;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
  }
  .modal-shell{
    padding:18px 16px calc(28px + env(safe-area-inset-bottom));
    overflow:visible;
  }
  .modal-actions{
    position:sticky;
    bottom:-1px;
    z-index:8;
    margin:18px -16px calc(-28px - env(safe-area-inset-bottom));
    padding:14px 16px calc(14px + env(safe-area-inset-bottom));
    background:rgba(17,17,17,.97);
    backdrop-filter:blur(10px);
    flex-wrap:wrap;
  }
  .modal-actions .btn{flex:1 1 140px}
  #builderRows{padding-bottom:4px}
  .builder-bottom-actions{margin:14px 0 22px}
}