/*
 * [eapi_codelist] - only layout. Colours, fonts and the table lines come from the theme, so the list looks like
 * every other table of the page.
 */
.eapi-codelist-meta {
	margin-left: .75em;
	opacity: .75;
}

.eapi-codelist-note,
.eapi-codelist-source {
	font-size: .9em;
	opacity: .8;
}

.eapi-codelist-filter {
	width: 100%;
	max-width: 24em;
	box-sizing: border-box;
}

/* Long texts in the last column must not push the table wider than the page on a phone. */
.eapi-codelist-scroll {
	overflow-x: auto;
}

.eapi-codelist-table {
	width: 100%;
}

.eapi-codelist-table td:first-child {
	white-space: nowrap;
}

/* The paging below the table: the two buttons outside, the row count between them. */
.eapi-codelist-pager {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	flex-wrap: wrap;
}

.eapi-codelist-pager[hidden] {
	display: none;
}

.eapi-codelist-info {
	font-size: .9em;
	opacity: .8;
}

.eapi-codelist-pager button[disabled] {
	opacity: .4;
	cursor: default;
}