/* WB Design System — Checkbox & Radio Grid */

.wb-checkbox-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.wb-checkbox-label {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.625rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: calc(var(--wb-ctx-radius, 0.9375rem) / 2);
	cursor: pointer;
	font-size: 0.875rem;
	transition: background 0.2s;
}

.wb-checkbox-label:hover {
	background: rgba(255, 255, 255, 0.2);
}

.wb-checkbox-label input[type="checkbox"] {
	accent-color: var(--wb-ctx-primary);
}

.wb-checkbox-colored {
	background: var(--wb-cat-color);
}

.wb-radio-label {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.625rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: calc(var(--wb-ctx-radius, 0.9375rem) / 2);
	cursor: pointer;
	font-size: 0.875rem;
	transition: background 0.2s;
}

.wb-radio-label:hover {
	background: rgba(255, 255, 255, 0.2);
}

.wb-radio-label input[type="radio"] {
	accent-color: var(--wb-ctx-primary);
}

/* Custom field wrapper */
.wb-custom-field {
	margin-top: 0.5rem;
}

.wb-custom-field label {
	font-weight: 400;
	font-size: 0.8125rem;
	opacity: 0.8;
}