/* The dialog owns vertical scrolling. Avoid nested vertical panes on touch screens. */
dialog {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  scroll-padding-block: 20px;
}
dialog::backdrop { touch-action: none; }
dialog :is(.loan-installments, .loan-schedule, .notice-list, .user-list) {
  max-height: none;
  overflow: visible;
}
dialog .table-wrap { overscroll-behavior-x: contain; }
@media (max-width: 700px) {
  dialog {
    max-height: calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));
  }
}