/* ── Модалка животного (AnimalModalComponent) ──
   Нативная прокрутка тела вместо data-simplebar. Карточка контента ограничена вьюпортом,
   шапка/футер фиксированы и всегда видны, тело скроллится само (пересчитывается при монтировании
   React-формы). Фикс бага «модалка отображается не полностью». Скоуплено под .vetka-animal-modal,
   чтобы не задевать прочие .modal. Фон/кромку карточки задаёт .modal-content из базовой темы. */

/* контейнер модалки сам скроллит, если диалог выше вьюпорта (страховка для старых браузеров) */
.vetka-animal-modal {
    overflow-x: hidden;
    overflow-y: auto;
}

/* диалог по центру, высота ограничена вьюпортом (дублирует modal-dialog-centered/-scrollable,
   на случай если в bootstrap-old этих классов нет) */
.vetka-animal-modal__dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    max-height: calc(100% - 3.5rem);
}

/* карточка контента — flex-колонка, не вылезает за вьюпорт; скролл живёт внутри тела */
.vetka-animal-modal .modal-content {
    max-height: calc(100vh - 3.5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.vetka-animal-modal .modal-header,
.vetka-animal-modal .modal-footer {
    flex: 0 0 auto;
}

/* тело — единственная прокручиваемая область, нативно */
.vetka-animal-modal .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--line-2) transparent;
}
.vetka-animal-modal .modal-body::-webkit-scrollbar {
    width: 8px;
}
.vetka-animal-modal .modal-body::-webkit-scrollbar-thumb {
    background: var(--line-2);
    border-radius: var(--r-pill);
}
.vetka-animal-modal .modal-body::-webkit-scrollbar-track {
    background: transparent;
}