/* Shared pagination: CSS-only presentation, with no extra network or database work. */
body .pagination,
body .dataTables_paginate,
body .dataTables_paginate > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body .modern-pagination { max-width: 100%; }
body .pagination .page-item { margin: 0 !important; }
body .pagination .page-link,
body .dataTables_wrapper .dataTables_paginate .paginate_button,
body #pageWrapper .mp-pagination .paginate_button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    margin: 0 !important;
    padding: 7px 11px !important;
    border: 1px solid #e8e3df !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #29231f !important;
    font-family: inherit;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color .15s, border-color .15s;
}
body .pagination .page-link:hover,
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body #pageWrapper .mp-pagination .paginate_button:hover {
    background: #fff6ea !important;
    border-color: #f2c38b !important;
    color: #29231f !important;
}
body .pagination .page-item.active .page-link,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body #pageWrapper .mp-pagination .paginate_button.current {
    background: #F28C28 !important;
    border-color: #F28C28 !important;
    color: #18110a !important;
    font-weight: 700;
}
body .pagination .page-item.disabled .page-link,
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #faf9f8 !important;
    border-color: #eeeae6 !important;
    color: #a29a93 !important;
    cursor: default;
    pointer-events: none;
}
body .pagination .pagination-gap,
body .dataTables_paginate .ellipsis {
    border-color: transparent !important;
    background: transparent !important;
    color: #867b73;
    min-width: 18px;
    padding-inline: 1px !important;
}
@media (max-width: 600px) {
    body .pagination, body .dataTables_paginate, body .dataTables_paginate > span { gap: 4px; }
    body .pagination .page-link,
    body .dataTables_wrapper .dataTables_paginate .paginate_button,
    body #pageWrapper .mp-pagination .paginate_button {
        min-width: 32px;
        min-height: 36px;
        padding: 7px 8px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }
}