#rz-changelog-wrap {
	font-family: inherit;
	font-size  : 0.95rem;
	color      : #222;
	margin     : 1.5rem 0;
}

.rz-controls {
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
	align-items    : center;
	gap            : 0.75rem;
	margin-bottom  : 1rem;
}

.rz-show,
.rz-search {
	display    : flex;
	align-items: center;
	gap        : 0.5rem;
}

.rz-show label,
.rz-search label {
	font-weight: 600;
	white-space: nowrap;
	margin     : 0;
}

.rz-show select,
.rz-search input {
	padding      : 0.35rem 0.6rem;
	border       : 1px solid #ccc;
	border-radius: 4px;
	font-size    : 0.9rem;
	background   : #fff;
	color        : #222;
	transition   : border-color 0.15s;
}

.rz-show select:focus,
.rz-search input:focus {
	outline     : none;
	border-color: #0073aa;
	box-shadow  : 0 0 0 2px rgba(0, 115, 170, 0.25);
}

.rz-search input {
	min-width: 220px;
}

.rz-table-wrap {
	width                     : 100%;
	overflow-x                : auto;
	-webkit-overflow-scrolling: touch;
	border                    : 1px solid #ddd;
	border-radius             : 6px;
}

.rz-table {
	width          : 100%;
	border-collapse: collapse;
	min-width      : 640px;
	background     : #fff;
}

.rz-table thead {
	background: #0073aa;
	color     : #fff;
}

.rz-table thead th {
	padding    : 0.7rem 0.9rem;
	text-align : left;
	font-weight: 600;
	white-space: nowrap;
	border     : none;
}

.rz-table tbody tr {
	border-bottom: 1px solid #e8e8e8;
	transition   : background 0.1s;
}

.rz-table tbody tr:last-child {
	border-bottom: none;
}

.rz-table tbody tr:hover {
	background: #f0f7fb;
}

.rz-table tbody td {
	padding       : 0.65rem 0.9rem;
	vertical-align: top;
	word-break    : break-word;
}

.rz-table tbody td:nth-child(2) {
	max-width    : 280px;
	overflow     : hidden;
	text-overflow: ellipsis;
	white-space  : nowrap;
}

.rz-table a {
	color          : #0073aa;
	text-decoration: none;
}

.rz-table a:hover {
	text-decoration: underline;
}

.rz-url-deleted {
	color     : #999;
	font-style: italic;
}

.rz-no-results {
	text-align: center;
	padding   : 2rem 1rem !important;
	color     : #888;
	font-style: italic;
}

.rz-type {
	display      : inline-block;
	padding      : 0.2rem 0.55rem;
	border-radius: 3px;
	font-size    : 0.82rem;
	font-weight  : 600;
	white-space  : nowrap;
}

.rz-publish {
	background: #d4edda;
	color     : #1a6b2e;
}

.rz-change {
	background: #fff3cd;
	color     : #7a5c00;
}

.rz-delete {
	background: #f8d7da;
	color     : #842029;
}

.rz-footer {
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
	align-items    : center;
	gap            : 0.75rem;
	margin-top     : 0.85rem;
}

.rz-info {
	font-size: 0.88rem;
	color    : #555;
}

.rz-pagination {
	display    : flex;
	flex-wrap  : wrap;
	align-items: center;
	gap        : 0.25rem;
}

.rz-page-btn {
	min-width    : 2rem;
	padding      : 0.3rem 0.65rem;
	border       : 1px solid #ccc;
	border-radius: 4px;
	background   : #fff;
	color        : #0073aa;
	font-size    : 0.88rem;
	cursor       : pointer;
	transition   : background 0.15s, border-color 0.15s, color 0.15s;
	line-height  : 1.4;
}

.rz-page-btn:hover:not([disabled]):not(.rz-active) {
	background  : #f0f7fb;
	border-color: #0073aa;
}

.rz-page-btn.rz-active {
	background  : #0073aa;
	border-color: #0073aa;
	color       : #fff;
	cursor      : default;
	font-weight : 700;
}

.rz-page-btn[disabled] {
	opacity: 0.4;
	cursor : not-allowed;
}

.rz-ellipsis {
	padding       : 0.3rem 0.3rem;
	color         : #888;
	font-size     : 0.88rem;
	line-height   : 1.4;
	pointer-events: none;
}

@media (max-width: 600px) {
	.rz-controls {
		flex-direction: column;
		align-items   : flex-start;
	}

	.rz-search input {
		min-width: 180px;
		width    : 100%;
	}

	.rz-footer {
		flex-direction: column;
		align-items   : flex-start;
	}

	.rz-table,
	.rz-table thead,
	.rz-table tbody,
	.rz-table tr,
	.rz-table th,
	.rz-table td {
		display: block;
		width  : 100%;
	}

	.rz-table thead tr {
		display: none;
	}

	.rz-table tbody tr {
		border       : 1px solid #ddd;
		border-radius: 6px;
		margin-bottom: 0.75rem;
		padding      : 0.5rem 0;
		background   : #fff;
	}

	.rz-table tbody td {
		padding      : 0.4rem 0.9rem;
		white-space  : normal;
		max-width    : none;
		overflow     : visible;
		text-overflow: clip;
	}

	.rz-table tbody td::before {
		content    : attr(data-label) ': ';
		font-weight: 700;
		display    : inline;
	}
}