.flow-ew-history {
	margin-top: 12px;
}

.flow-ew-history__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
}

.flow-ew-history__item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 3px;
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
}

/* One line: the date gives way first, the full details are on hover. */
.flow-ew-history__item > a {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.flow-ew-history__meta {
	flex-shrink: 0;
	margin-left: auto;
	padding-left: 2px;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0.75;
}

/* The status the review was left in when it was cancelled. */
.flow-ew-history__dot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	margin-right: 0;
	border-radius: 50%;
	background: var(--flow-status-cancelled-text, #50575e);
	cursor: help;
}

.flow-ew-history__dot--pending {
	background: var(--flow-status-pending-text, #5e777b);
}

.flow-ew-history__dot--in_review {
	background: var(--flow-status-in_review-text, #957500);
}

.flow-ew-history__dot--changes_requested {
	background: var(--flow-status-changes_requested-text, #c92122);
}

.flow-ew-history__dot--approved {
	background: var(--flow-status-approved-text, #458037);
}

.flow-ew-history__dot--open_review {
	background: var(--flow-status-open_review-text, #1579a5);
}

.flow-ew-history__restore,
.flow-ew-history__restore.components-button {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	min-width: 0;
	height: 22px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	line-height: 1;
	cursor: pointer;
}

/* Text colour, not link colour: dark on light panels, light on dark ones. */
.flow-ew-classic .flow-ew-history__restore {
	color: inherit !important;
}

.flow-ew-history__restore .flow-ew-share-icon {
	width: 16px;
	height: 16px;
	fill: none !important;
}

/* Builders (Avada) fill toolbar SVGs, which painted the arc's inside. */
.flow-ew-history__restore .flow-ew-share-icon path {
	fill: none !important;
	stroke: currentColor !important;
}

.flow-ew-history__restore:hover,
.flow-ew-history__restore:focus-visible {
	opacity: 0.75;
}

.flow-ew-history__restore[disabled] {
	cursor: default;
	opacity: 0.4;
}

.flow-ew-history .flow-ew-history__more {
	margin-top: 14px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font-size: 13px;
	text-decoration: underline;
	cursor: pointer;
}
