/*
 * Reusable SLMv3 soil-index chips. The nutrient/index text carries the meaning; color provides
 * the established agronomy cue: 1 red, 2 orange, 3 green, 4 blue.
 */
.slmv3-soil-index-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	border: 1px solid transparent;
	font-weight: 700;
}

.slmv3-soil-index-chip.slmv3-soil-index-1 {
	color: #fff;
	background-color: #dc3545;
	border-color: #b02a37;
}

.slmv3-soil-index-chip.slmv3-soil-index-2 {
	color: #212529;
	background-color: #fd7e14;
	border-color: #ca6510;
}

.slmv3-soil-index-chip.slmv3-soil-index-3 {
	color: #fff;
	background-color: #198754;
	border-color: #146c43;
}

.slmv3-soil-index-chip.slmv3-soil-index-4 {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0a58ca;
}

.slmv3-soil-index-chip.slmv3-soil-index-unknown {
	color: var(--bs-secondary-color);
	background-color: var(--bs-tertiary-bg);
	border-color: var(--bs-border-color);
}