/* Actual Bootstrap modals. Old module classes remain on content for field styles. */
.modal.mk-modal-shell{padding:0;border:0;border-radius:0;background:transparent;max-height:none;color:var(--mk-ink);box-shadow:none}
.mk-modal-shell .modal-dialog{margin:1.75rem auto;min-width:0}
.mk-modal-shell .modal-content{width:100%;max-width:none;max-height:none;margin:0;padding:0;border:1px solid #dce9e9;border-radius:16px;overflow:hidden;background:#fff;color:var(--mk-ink);box-shadow:0 16px 60px #163e4c26}
.mk-modal-shell .modal-body{padding:24px;min-width:0}
.mk-modal-shell .modal-header{padding:18px 24px;background:#e7f5f2;color:#154b52;border-bottom:1px solid #daece8}
.mk-modal-shell .modal-footer{padding:16px 24px;gap:8px;border-top:1px solid #e3eeed}
.mk-modal-shell .modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}
.mk-modal-shell .modal-dialog-scrollable .modal-body{overflow-y:auto}
.mk-modal-shell .modal-content>form{display:flex;flex-direction:column;min-height:0;max-height:100%}
.mk-modal-shell .modal-body>form{margin:0}
.mk-modal-shell :is(.mk-dialog-head,.fr-section-heading){display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.mk-modal-shell h2{font-size:21px;font-weight:650;color:#154b52}
.mk-modal-shell .mk-dialog-footer{padding:16px 0 0;margin-top:18px}
.mk-modal-shell .mk-photo-source{flex-wrap:wrap}
@media(max-width:575px){.mk-modal-shell .modal-dialog{margin:.5rem}.mk-modal-shell .modal-body{padding:18px}.mk-modal-shell .modal-header,.mk-modal-shell .modal-footer{padding:16px 18px}}
/* Stable page gutter already reserves the scrollbar space. */
@supports(scrollbar-gutter:stable){html:has(body>.mk-app:not(.mk-public)) body.modal-open{padding-right:0!important}}