.custom-container {
    width: 100%;
    max-width: 100%;
}

#content {
    min-width: 0;
}

.card {
    border-radius: 8px;
}

.table-responsive {
    width: 100%;
}

.table th,
.table td {
    vertical-align: middle;
}

.pagination {
    flex-wrap: wrap;
    gap: 0.25rem;
}

.mobile-menu-toggle {
    position: relative;
    z-index: 1041;
    pointer-events: auto;
}

.offcanvasNav {
    z-index: 1045;
}

@media (max-width: 767.98px) {
    .custom-container.p-5 {
        padding: 1rem !important;
    }

    .custom-container .d-flex.justify-content-between {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 0.75rem;
    }

    .custom-container .d-flex.justify-content-between > .btn,
    .custom-container .d-flex.justify-content-between > a.btn,
    .custom-container .d-flex.justify-content-between > div {
        width: 100%;
    }

    .custom-container .d-flex.justify-content-between > div .btn,
    .custom-container .d-flex.justify-content-between > div a.btn {
        width: 100%;
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        font-size: 1.25rem;
        line-height: 1.35;
    }

    .card-body {
        padding: 1rem;
    }

    .card-body.p-0 {
        padding: 0 !important;
    }

    .table {
        min-width: 720px;
    }

    .btn {
        white-space: normal;
    }

    .text-end {
        text-align: left !important;
    }

    .pagination {
        justify-content: flex-start;
    }
}