/*
 * Brant compliance — layout for the fragments this plugin renders.
 * Visual tokens come from the theme (theme.json); this file only positions
 * things, so the plugin stays presentation-agnostic if the theme changes.
 */

.brant-attest-wrap { margin-block: var(--wp--preset--spacing--50, 20px); }

.brant-coa-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--wp--preset--spacing--40, 14px);
	margin-block: var(--wp--preset--spacing--50, 20px);
}
.brant-coa-filter .brant-field { flex: 1 1 220px; }

.brant-shipmeter { margin-block: var(--wp--preset--spacing--40, 14px); }
.brant-shipmeter .brant-eyebrow { margin: 0 0 var(--wp--preset--spacing--20, 7px); }

.brant-dispatch { white-space: nowrap; }

/* Admin: the COA picker row. */
.brant-media-field .brant-media-name {
	display: inline-block;
	margin-right: 8px;
	font-style: italic;
}