.metric {
	color: var(--bs-secondary-color);
	font-size: .925rem;
}

.theme-switcher {
	align-items: center;
	display: inline-flex;
	gap: .45rem;
}

.theme-switch-control {
	margin-bottom: 0;
	min-height: 1.5rem;
}

.theme-switch-control .form-check-input {
	cursor: pointer;
}

.theme-switch-control .form-check-input {
	margin-top: .15rem;
}

.theme-switch-icon {
	color: var(--bs-secondary-color);
	width: 1rem;
}

.theme-switch-icon.active {
	color: var(--bs-body-color);
}

.table td,
.table th {
	vertical-align: top;
}

.reason {
	max-width: 42rem;
}

.talking-points {
	margin: .35rem 0 0;
	padding-left: 1.1rem;
}

.filter-panel {
	border-radius: 8px;
}

.filter-field-active .form-label {
	color: var(--bs-primary);
	font-weight: 600;
}

.filter-control-active {
	background-color: rgba(var(--bs-primary-rgb), .08);
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb), .16);
}

.score-cell {
	min-width: 5rem;
}

.thread-meta {
	font-weight: 600;
}

.thread-title {
	margin-top: .4rem;
}

.comment-text {
	max-width: 34rem;
	white-space: pre-wrap;
}

.target-cell {
	min-width: 38rem;
	text-align: left !important;
}

.target-meta {
	font-weight: 600;
}

.target-comment-block {
	margin-top: .8rem;
}

.target-context {
	font-weight: 400;
	margin-left: .25rem;
}

.target-comment {
	margin-top: .4rem;
}

.inference-prompt {
	min-height: 260px;
	resize: vertical;
}

.inference-answer {
	white-space: pre-wrap;
}

.inference-runs {
	max-height: 36rem;
	overflow: auto;
}

.saved-run-preview {
	color: var(--bs-secondary-color);
	font-size: .925rem;
	margin-top: .25rem;
}