/* Zewnętrzna karta modala nie przewija się. Scroll pozostaje wewnątrz,
   dzięki czemu prawa krawędź i radius nie są optycznie ucinane. */
.modal-card,
.modal-card.wide {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

.modal-card > .modal-header,
.modal-card > .form-feedback {
  flex: 0 0 auto;
}

.modal-card > .stack.section-gap {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #b3bbc8 transparent;
}

.modal-card > .stack.section-gap::-webkit-scrollbar {
  width: 8px;
}

.modal-card > .stack.section-gap::-webkit-scrollbar-track {
  background: transparent;
}

.modal-card > .stack.section-gap::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--app-scrollbar-thumb);
  background-clip: padding-box;
}

.modal-card > .stack.section-gap::-webkit-scrollbar-thumb:hover {
  background: #8f99a8;
  background-clip: padding-box;
}