.form-control:disabled, .form-control[readonly] {
	background: inherit;
}

.pager-modern {
	display: none;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 0;
}

.modern-view.active ~ .pager-wrapper .pager-modern,
.modern-view.active .pager-modern {
	display: flex;
}

.modern-view.active ~ .pager-wrapper .pager-classic,
.modern-view.active .pager-classic {
	display: none;
}

.pager-modern .pager-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	background: rgba(60,60,70,0.5);
	border: 1px solid rgba(128,128,128,0.3);
	border-radius: 8px;
	color: inherit;
	font-size: 0.9rem;
	cursor: pointer;
	transition: all 0.15s;
}

.pager-modern .pager-btn:hover:not(:disabled) {
	background: rgba(100,150,255,0.25);
	border-color: rgba(100,150,255,0.5);
}

.pager-modern .pager-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.pager-modern .pager-select {
	padding: 0.5rem 2rem 0.5rem 0.75rem;
	background: rgba(60,60,70,0.5);
	border: 1px solid rgba(128,128,128,0.3);
	border-radius: 8px;
	color: inherit;
	font-size: 0.85rem;
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.5rem center;
}

.pager-modern .pager-select:focus {
	outline: none;
	border-color: rgba(100,150,255,0.5);
	box-shadow: 0 0 0 3px rgba(100,150,255,0.15);
}

.pager-modern .pager-pages {
	display: flex;
	gap: 0.25rem;
}

.pager-modern .pager-page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 0.5rem;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
	color: inherit;
	font-size: 0.85rem;
	cursor: pointer;
	transition: all 0.15s;
}

.pager-modern .pager-page:hover {
	background: rgba(128,128,128,0.2);
}

.pager-modern .pager-page.active {
	background: rgba(100,150,255,0.3);
	border-color: rgba(100,150,255,0.5);
	font-weight: 600;
}

.pager-modern .pager-ellipsis {
	display: inline-flex;
	align-items: center;
	padding: 0 0.25rem;
	color: rgba(128,128,128,0.6);
}