/* Fitly Pro server-rendered dialog adapter. Bootstrap owns behavior and sizing. */
.modal {
 --bs-modal-bg: var(--bs-card-bg, #fff);
 --bs-modal-color: var(--bs-body-color, #212529);
 --bs-modal-border-color: var(--bs-border-color, #dee2e6);
 --bs-modal-border-radius: var(--bs-border-radius-xl, 20px);
 --bs-modal-header-border-color: var(--bs-border-color, #dee2e6);
 --bs-modal-footer-border-color: var(--bs-border-color, #dee2e6);
 --bs-modal-padding: 20px;
}
.modal .modal-content { box-shadow: var(--fitly-shadow-2xl, 0 20px 60px rgba(0,0,0,.25)); }
.modal .modal-footer { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
.modal .btn-close { min-width: 24px; min-height: 24px; }