/* ── Multi-modal stacking ────────────────────────────────── */
.modal {
    overflow-y: auto;
}

/* Draggable handle */
.modal-header {
    cursor: move;
}

/* Ensure backdrop z-index stacks correctly with multiple modals */
.modal-stack {
    z-index: 1040;
}

/* Wider than modal-xl, for screens with a line per row (e.g. supplier invoice reception) */
@media (min-width: 1200px) {
    .modal-xxl {
        max-width: min(1600px, 96vw);
    }
}

/* A select2 next to a button in a flex row: let it shrink and fill the space (select2 sets an inline width) */
.min-w-0 {
    min-width: 0;
}
.min-w-0 .select2-container {
    width: 100% !important;
}