/* Browser-Hinweis fuer den Gastgeber. Im wp-admin steht er unter der Pre-Flight-Pruefliste,
   im Live-Raum setzt assets/wi-live-screen-share-hint.css den Kasten (dunkel, ueber dem Video). */
.wi-bh {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 8px 0 0;
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

.wi-bh[hidden] {
	display: none;
}

.wi-bh--preflight.is-good {
	background: #edf8f0;
	border: 1px solid #68de7c;
	color: #1d2327;
}

.wi-bh--preflight.is-bad {
	background: #fff8e5;
	border: 1px solid #f0c33c;
	color: #1d2327;
}

.wi-bh__badge {
	flex: 0 0 auto;
	font-weight: 600;
	white-space: nowrap;
}

.wi-bh__badge:empty {
	display: none;
}

.wi-bh__text {
	flex: 1 1 auto;
	min-width: 0;
}

@media (max-width: 782px) {
	.wi-bh {
		display: block;
	}

	.wi-bh__badge {
		display: block;
		margin-bottom: 2px;
	}
}