/* Shared small-screen refinements for manually rendered Bootstrap modals. */
@media (max-width: 575.98px) {
    .modal .modal-dialog {
        height: 100%;
        margin: 0;
        max-width: none;
        min-height: 100%;
        width: 100%;
    }

    .modal .modal-content {
        border: 0;
        border-radius: 0;
        min-height: 100%;
    }

    .modal .modal-footer {
        flex-direction: column;
        gap: .5rem;
    }

    .modal .modal-footer > .btn {
        margin: 0;
        min-height: 44px;
        width: 100%;
    }
}

@media (min-width: 576px) {
    .responsive-row-action {
        width: auto !important;
    }
}