.bk-pagination { display:grid; grid-template-columns:minmax(170px,1fr) auto minmax(190px,1fr); align-items:center; gap:10px; margin:0; padding:10px 12px; border:1px solid #dfe7df; border-radius:8px; background:#fff; box-shadow:0 1px 2px rgba(20,44,26,.025); color:#17201a; font-size:10px; }

.bk-pagination p { margin: 0; white-space: nowrap; }

/* Legacy page footers now contain the shared pagination component only. */
.region-pagination,
.district-pagination,
.recipe-admin-footer,
.admin-customers-table-card footer { display:block !important; padding:16px !important; }

.region-pagination .bk-pagination,
.district-pagination .bk-pagination,
.recipe-admin-footer .bk-pagination,
.admin-customers-table-card footer .bk-pagination { margin:0; }

.bk-pagination-links { display:flex; align-items:center; justify-self:center; gap:4px; min-width:0; }

.bk-pagination-links > a,
.bk-pagination-links > span {
    display: grid;
    min-width:28px;
    height:30px;
    place-items: center;
    padding: 0 7px;
    border: 1px solid #cdd6cf;
    border-radius:6px;
    background: #fff;
    color: #1e2922;
    font-size:10px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.bk-pagination-links .pagination-previous,
.bk-pagination-links .pagination-next { min-width:94px; color:#08742a; }
.bk-pagination-links a:hover { border-color: #07852f; background: #effaf0; color: #07852f; }
.bk-pagination-links .current { border-color: #07852f; background: #07852f; color: #fff; }
.bk-pagination-links .disabled { background: #fafbfa; color: #abb4ad; cursor: not-allowed; }
.bk-pagination-links .ellipsis { min-width: 28px; border-color: transparent; background: transparent; font-size: 12px; letter-spacing: 2px; }
.bk-pagination-links .pagination-compact { display: none; }

.bk-pagination-per-page { display:flex; align-items:center; justify-self:end; gap:6px; color:#17201a; font-size:10px; white-space:nowrap; }
.bk-pagination-per-page select { min-width:53px; height:30px; padding:0 7px; border:1px solid #cdd6cf; border-radius:6px; background:#fff; color:#17201a; font:inherit; font-weight:700; }
.bk-pagination-per-page span { font-size: 10px; }

@media (max-width: 1023px) {
    .bk-pagination { grid-template-columns:1fr auto; gap:10px; padding:10px 12px; }
    .bk-pagination p { grid-column: 1 / -1; }
    .bk-pagination-links { grid-column: 1 / 2; justify-self: start; }
    .bk-pagination-per-page { grid-column: 2 / 3; justify-self: end; }
}

@media (max-width: 600px) {
    .bk-pagination { grid-template-columns:1fr; gap:10px; margin:0; padding:10px; border-radius:8px; text-align:center; }
    .bk-pagination p { grid-column: auto; font-size: 10px; white-space: normal; }
    .bk-pagination-links { grid-column:auto; justify-self:center; gap:4px; max-width:100%; overflow:visible; flex-wrap:wrap; justify-content:center; }
    .bk-pagination-links > a,
    .bk-pagination-links > span { min-width: 28px; height: 30px; padding: 0 7px; font-size: 10px; }
    .bk-pagination-links .pagination-previous,
    .bk-pagination-links .pagination-next { min-width:40px; }
    .bk-pagination-links .pagination-wide { display:none; }
    .bk-pagination-links .ellipsis { display:grid; min-width:18px; padding:0; }
    .bk-pagination-links .pagination-compact { display: inline; }
    .bk-pagination-per-page { grid-column: auto; justify-self: center; gap:6px; font-size:10px; white-space:normal; }
    .bk-pagination-per-page select { min-width:53px; height:30px; font-size:10px; }
    .bk-pagination-per-page span { font-size:10px; }
    .pagination-wrap { margin-top: 18px; }
}

@media (max-width: 359px) {
    .bk-pagination-links { gap: 4px; }
    .bk-pagination-links > a,
    .bk-pagination-links > span { min-width:28px; height:30px; font-size:10px; }
    .bk-pagination-links .pagination-previous,
    .bk-pagination-links .pagination-next { min-width:40px; }
    .bk-pagination-per-page select { min-width:53px; height:30px; }
}