.loading-gif {
	width: 16px;
	vertical-align: middle;
	border: 0;
}
.quickDiff {
	cursor: pointer;
}
.tpWrapper {
	display: flex;
	width: 100%;
	gap: 8px;
	flex-direction: column;
	> label {
		display: flex;
		gap: 5px;
		height: 30px;
		> :is(input, select) { flex-basis: 60%; }
		> .tpLabel { flex-basis: 25%; }
	}
	input {
		background: var(--theme-color-6);
		color: var(--theme-page-text-color);
		border: 0;
		border-radius: 4px;
		padding: 4px;
	}
	svg {
		vertical-align: middle;
		fill: var(--theme-link-color);
		width: 20px;
		height: 20px;
	}
	.bad-data, .bad-data svg {
		color: var(--theme-alert-color);
		fill: var(--theme-alert-color);
	}
}
.mw-changeslist-line-inner-logLink:has(+ .quickDiff) { margin-right: 0.5em; }
.mw-rcfilters-ui-table-placeholder:has(>#tpOpen) {flex-grow: unset;}
#tpOpen { white-space: nowrap; }
#tpDetails {
	margin-right: 3px;
	text-align: center;
	border-top: 3px solid var(--theme-link-color);
	margin-top: 5px;
	height: 180px;
	overflow-y: auto;
	font-size: 80%;
	display: flex;
	flex-direction: column;
	gap: 5px;
	> .success {color: var(--theme-success-color--secondary);}
}
#tPatrol-patrol {
	.oo-ui-window-frame {min-width: min(100%, 750px);}
	#tPatrol-Submit[disabled="disabled"] .oo-ui-buttonElement-button {color: var(--theme-alert-color);}
	#tpNS, #tpNS optgroup {
		color: var(--theme-page-text-color);
		border-radius: 5px;
		background: var(--theme-page-background-color);
		border: 1px solid var(--theme-link-color);
	}
}
#quickDiff-quickview {
	.mw-parser-output {
		background-color: var(--theme-page-background-color);
		padding: 1px 15px;
		border: 1px solid var(--theme-link-color);
		border-radius: 5px;
	}
	:is(.diff-deletedline, .diff-addedline):has(img) {
		text-align: center;
		img {max-width: 100%;}
	}
}

/* Small fixes that fandom takes eons or refuses to do for some reason */
.mw-rcfilters-ui-table {width: 100%;}