﻿.project-ai-chat-failure-clusters {
	display: grid;
	gap: .75rem;
	min-width: 0;
}

.project-ai-chat-failure-clusters__summary {
	margin: 0;
	font-weight: 700;
}

.project-ai-chat-failure-clusters__cluster {
	min-width: 0;
	padding: .85rem;
	border: 1px solid var(--bs-border-color);
	border-inline-start: .28rem solid var(--bs-secondary-color);
	border-radius: .7rem;
	background: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-secondary-bg));
}

.project-ai-chat-failure-clusters__cluster.is-high {
	border-inline-start-color: var(--bs-danger);
}

.project-ai-chat-failure-clusters__cluster.is-medium {
	border-inline-start-color: var(--bs-warning);
}

.project-ai-chat-failure-clusters__cluster.is-low {
	border-inline-start-color: var(--bs-secondary-color);
}

.project-ai-chat-failure-clusters__cluster > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .75rem;
}

.project-ai-chat-failure-clusters__cluster > header > div {
	display: grid;
	gap: .15rem;
	min-width: 0;
}

.project-ai-chat-failure-clusters__cluster small,
.project-ai-chat-failure-clusters__member span,
.project-ai-chat-failure-clusters__more {
	color: var(--bs-secondary-color);
}

.project-ai-chat-failure-clusters__strength {
	flex: 0 0 auto;
	padding: .15rem .5rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: .75rem;
	font-weight: 700;
}

.project-ai-chat-failure-clusters__metrics {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin: .65rem 0;
}

.project-ai-chat-failure-clusters__metrics span {
	padding: .2rem .5rem;
	border-radius: .35rem;
	background: var(--bs-secondary-bg);
	font-size: .82rem;
}

.project-ai-chat-failure-clusters__indicator {
	margin: .5rem 0;
	overflow-wrap: anywhere;
}

.project-ai-chat-failure-clusters__members {
	display: grid;
	gap: .45rem;
	margin: .7rem 0 0;
	padding: 0;
	list-style: none;
}

.project-ai-chat-failure-clusters__member {
	display: grid;
	gap: .15rem;
	padding-block-start: .45rem;
	border-block-start: 1px solid var(--bs-border-color-translucent);
}

.project-ai-chat-failure-clusters__member span {
	font-size: .78rem;
	overflow-wrap: anywhere;
}

.project-ai-chat-failure-clusters__more {
	margin: .65rem 0 0;
	font-size: .78rem;
}

@media (max-width: 575.98px) {
	.project-ai-chat-failure-clusters__cluster {
		padding: .7rem;
	}

	.project-ai-chat-failure-clusters__cluster > header {
		align-items: stretch;
		flex-direction: column;
	}

	.project-ai-chat-failure-clusters__strength {
		align-self: flex-start;
	}
}

@media (forced-colors: active) {
	.project-ai-chat-failure-clusters__cluster {
		border-inline-start-width: .4rem;
	}
}
