/* Modal scroll-inside: max-height:100% falha se o container não tiver altura definida
   via --visual-viewport-height → dialog cresce, overflow:clip corta e o body não rola. */
.modal__dialog.modal__dialog--scroll-inside {
  max-height: calc(var(--visual-viewport-height, 100dvh) - 2rem);
  min-height: 0;
}

.modal__body.modal__body--scroll-inside {
  min-height: 0;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.modal__header,
.modal__footer {
  flex-shrink: 0;
}