.card.activity-log-tasklist {
	padding-bottom: 4px;
	font-size: $font-body-small;

	.activity-log-tasklist__heading {
		display: flex;
		font-weight: 600;
		justify-content: space-between;
		margin-bottom: 16px;

		.ellipsis-menu {
			position: relative;
			top: -4px;
		}

		.ellipsis-menu__toggle {
			padding: 0;
		}
	}
}

.card.activity-log-tasklist__task {
	align-items: center;
	box-shadow: 0 -1px 0 color-mix(in srgb, var(--color-neutral-10) 50%, transparent);
	display: flex;
	justify-content: flex-end;
	padding: 16px 0;

	.activity-log-item__activity-icon {
		margin-right: 16px;
	}
}

.activity-log-tasklist__update-item {
	flex-grow: 1;

	& > div {
		/* stylelint-disable-next-line declaration-property-unit-allowed-list */
		line-height: 100%;
	}
}

.activity-log-tasklist__update-text {
	margin-bottom: 8px;
	a,
	span {
		font-weight: 600;
	}
}
.activity-log-tasklist__update-text .activity-log-tasklist__update-version {
	color: var(--color-text-subtle);
}

.activity-log-tasklist__update-bullet,
.activity-log-tasklist__update-type {
	color: var(--color-text-subtle);
}

.activity-log-tasklist__update-bullet {
	font-size: 7px;
	margin: 0 7px;
	vertical-align: middle;
}

.activity-log-tasklist__update-action {
	white-space: pre;
}

.activity-log-tasklist__menu-item {
	display: flex;
	align-items: center;
}

.activity-log-tasklist__unlinked {
	cursor: default;
}

.activity-log-tasklist__footer {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 -1px 0 color-mix(in srgb, var(--color-neutral-10) 50%, transparent);
	padding: 16px 0;
	color: var(--color-text-subtle);

	a {
		text-decoration: underline;
	}
}
