.influx-messwerte--gauge {
	max-width: 280px;
	margin: 0.5em 0;
}

.influx-messwerte--gauge .influx-messwerte-gauge__svg {
	display: block;
	width: 100%;
	height: auto;
}

.influx-messwerte--gauge .influx-messwerte-gauge__label {
	font-size: 0.85em;
	opacity: 0.85;
	margin-top: 0.25em;
	text-align: center;
}

/* Ampel: schmaler Kasten wie Verkehrsampel; inaktive Lampen klar erkennbar, aktive leuchtet stärker */
.influx-messwerte--traffic {
	max-width: 92px;
	text-align: center;
}

.influx-messwerte-traffic__lights {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	padding: 11px 8px;
	border-radius: 10px;
	max-width: 76px;
	margin: 0 auto;
	background: linear-gradient(180deg, #2d2d2d 0%, #151515 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}

.influx-messwerte-traffic__lamp {
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.45);
	/* Inaktiv: Farbe gut sichtbar, aber gedämpft gegenüber aktiver Lampe */
	opacity: 0.62;
	filter: saturate(0.88) brightness(0.78);
	transition: opacity 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.influx-messwerte-traffic__lamp--red {
	background: radial-gradient(circle at 35% 30%, #ff6b6b, #c0392b 55%, #7b1f1f);
}

.influx-messwerte-traffic__lamp--yellow {
	background: radial-gradient(circle at 35% 30%, #fff3a0, #f1c40f 55%, #b7950b);
}

.influx-messwerte-traffic__lamp--green {
	background: radial-gradient(circle at 35% 30%, #7dcea0, #27ae60 55%, #1e6b3d);
}

.influx-messwerte-traffic__lamp.is-active {
	opacity: 1;
	filter: saturate(1) brightness(1);
}

.influx-messwerte-traffic__lamp--red.is-active {
	box-shadow:
		0 0 14px rgba(231, 76, 60, 0.85),
		0 0 28px rgba(192, 57, 43, 0.55);
}

.influx-messwerte-traffic__lamp--yellow.is-active {
	box-shadow:
		0 0 14px rgba(241, 196, 15, 0.9),
		0 0 28px rgba(183, 149, 11, 0.45);
}

.influx-messwerte-traffic__lamp--green.is-active {
	box-shadow:
		0 0 14px rgba(46, 204, 113, 0.85),
		0 0 28px rgba(39, 174, 96, 0.5);
}

.influx-messwerte-traffic__value {
	font-weight: 600;
	font-size: 1.2em;
	margin-top: 10px;
	line-height: 1.2;
}

.influx-messwerte--traffic .influx-messwerte-gauge__label {
	margin-top: 0.35em;
}