/* Pagination UI Component */

.pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-sm);
	padding: var(--space-md);
}

.pagination-link {
	display: inline-block;
	padding: var(--space-sm) var(--space-md);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	text-decoration: none;
	color: var(--color-text);
	background: var(--color-bg);
}

.pagination-link:hover {
	border-color: var(--color-link);
	color: var(--color-link);
}

.pagination-disabled {
	display: inline-block;
	padding: var(--space-sm) var(--space-md);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	color: var(--color-text-muted);
	background: var(--color-bg);
}

.pagination-status {
	font-size: var(--font-size-sm);
	color: var(--color-text-muted);
	white-space: nowrap;
}