/* Keep long add/edit forms inside the viewport; the action bar remains operable while content scrolls. */
.topnav-dialog {
  max-height: min(88vh, calc(100dvh - 24px));
  overflow: hidden;
}

.topnav-dialog form {
  box-sizing: border-box;
  max-height: min(88vh, calc(100dvh - 24px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.topnav-dialog form .dialog-actions {
  position: sticky;
  z-index: 3;
  bottom: -25px;
  margin: 18px -25px -25px;
  padding: 15px 25px calc(15px + env(safe-area-inset-bottom));
  border-top: 1px solid #eee8e4;
  background: #fff;
  box-shadow: 0 -8px 20px #2e21180a;
}

@media (max-width: 760px) {
  .topnav-dialog {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 16px);
  }

  .topnav-dialog form {
    max-height: calc(100dvh - 16px);
  }
}