.bagfinder {
	--bf-color-primary: #1f2d3d;
	--bf-color-accent: #2f7a4f;
	--bf-color-border: #d7dbe0;
	--bf-radius: 8px;

	max-width: 560px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid var(--bf-color-border);
	border-radius: var(--bf-radius);
	padding: 32px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
	color: var(--bf-color-primary);
}

.bagfinder label {
	display: block;
	font-weight: 600;
	font-size: 0.9rem;
	margin-bottom: 6px;
}

.bagfinder .bf-field {
	margin-bottom: 22px;
}

.bagfinder .bf-field.is-disabled label {
	color: #a3aab3;
}

.bagfinder #bf-result {
	margin-top: 8px;
	padding: 18px;
	border-radius: var(--bf-radius);
	border: 1px dashed var(--bf-color-border);
	font-size: 0.95rem;
	min-height: 24px;
}

.bagfinder #bf-result.has-link {
	border-style: solid;
	border-color: var(--bf-color-accent);
	background: #f1f8f4;
}

.bagfinder #bf-result a {
	display: inline-block;
	margin-top: 8px;
	background: var(--bf-color-accent);
	color: #fff;
	text-decoration: none;
	padding: 10px 18px;
	border-radius: var(--bf-radius);
	font-weight: 600;
	font-size: 0.9rem;
}

.bagfinder #bf-result a:hover {
	background: #245f3f;
}

.bagfinder #bf-result.is-empty {
	color: #8a919a;
}

.bagfinder #bf-result.is-missing {
	border-color: #c0392b;
	background: #fdf1f0;
	color: #a4342a;
}