/* ─────────────────────────────────────────────────────────────────────────
   #8941 — Shared modal sizing for tab-heavy admin UIs
   Created 2026-05-10 — DRY abstraction of the .modal-xxl pattern that
   already lives inline in templates/crm-object-modal.php (since #8962).
   Pulls the rule out so other modals can opt-in by adding `modal-cw-wide`
   to the .modal-dialog.
   ───────────────────────────────────────────────────────────────────────── */

/* Wide modal — for 5+ tab UIs and side-by-side comparisons */
.modal-cw-wide .modal-dialog,
.modal-dialog.modal-cw-wide {
    max-width: 95vw !important;
    width: 95vw;
}
@media (min-width: 1600px) {
    .modal-cw-wide .modal-dialog,
    .modal-dialog.modal-cw-wide {
        max-width: 1400px !important;
    }
}

/* Tab label wrapping prevention — applies inside any wide modal so the
   8-11 tab CRM modals never wrap on narrower viewports. */
.modal-cw-wide .nav-tabs .nav-link,
.modal-dialog.modal-cw-wide .nav-tabs .nav-link {
    white-space: nowrap;
}

/* Body padding tweak so wide modals don't waste viewport on margins. */
.modal-cw-wide .modal-body,
.modal-dialog.modal-cw-wide .modal-body {
    padding: 20px 24px;
}