.ee-live-data-table__toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
	align-items: center;
}

.ee-live-data-table__search {
	min-width: 12rem;
	flex: 1 1 12rem;
}

/* A table with more than a few columns is wider than a phone screen. Scrolling it here
   keeps the overflow inside the widget instead of pushing the whole page sideways. */
.ee-live-data-table__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.ee-live-data-table__table {
	width: 100%;
	border-collapse: collapse;
}

.ee-live-data-table__table th,
.ee-live-data-table__table td {
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 0.5rem 0.75rem;
	text-align: left;
}

.ee-live-data-table__pager {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.75rem;
	align-items: center;
}

.ee-live-data-table__pager button[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}