/* Local chrome on an existing native card Box; content and kit spacing stay native. */
.fl-module-box.bbs-surface:is(.bbs-card-treatment-soft-panel, .bbs-card-treatment-outline, .bbs-card-treatment-shadow, .bbs-card-treatment-colored-edge, .bbs-card-treatment-offset-outline) {
	border: 0;
	box-shadow: none;
}
.fl-module-box.bbs-surface.bbs-card-treatment-outline {
	border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
}
.fl-module-box.bbs-surface.bbs-card-treatment-colored-edge {
	border-inline-start: var(--bbs-spacing-1) solid var(--bbs-scope-accent, var(--bbs-color-accent));
}
.fl-module-box.bbs-surface.bbs-card-treatment-offset-outline {
	border: 1px solid var(--bbs-scope-accent, var(--bbs-color-accent));
	box-shadow:
		var(--bbs-spacing-1) var(--bbs-spacing-1) 0 -1px var(--bbs-scope-bg-color, var(--bbs-color-bg)),
		var(--bbs-spacing-1) var(--bbs-spacing-1) 0 0 var(--bbs-scope-accent, var(--bbs-color-accent));
}
/* The explicit Shadow choice is emitted from the original kit shadow token. */
@media (forced-colors: active) {
	.fl-module-box.bbs-surface:is(.bbs-card-treatment-soft-panel, .bbs-card-treatment-outline, .bbs-card-treatment-shadow, .bbs-card-treatment-colored-edge, .bbs-card-treatment-offset-outline) {
		border: 1px solid CanvasText;
	}
	.fl-module-box.bbs-surface.bbs-card-treatment-colored-edge { border-inline-start-width: var(--bbs-spacing-1); }
}