/* Page buttons rendered by assets/js/pagination.js under paged tables. */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.pagination button {
    padding: 6px 14px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    border-radius: 6px;
}

.pagination button:hover {
    background: #f3f3f3;
}

.pagination button.active-page {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
}

.pagination button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.pagination .page-ellipsis {
    padding: 6px 10px;
    color: var(--muted);
    font-weight: bold;
}

/* "Go to: [page]" jump list, shown when there are more than 7 pages. */
.pagination .page-jump {
    display: flex;
    align-items: center;
    margin-left: 8px;
    gap: 4px;
}

.pagination .page-jump-label {
    font-size: var(--fs-xs);
    color: var(--muted);
}

.pagination .filter-btn.page-jump-select {
    padding: 6px 10px;
    font-size: var(--fs-xs);
    cursor: pointer;
}