.wpfsa-serial-message {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.4;
}

.wpfsa-serial-message.is-valid {
	color: #008a20;
}

.wpfsa-serial-message.is-invalid {
	color: #d63638;
}

.wpfsa-serial-message.is-checking {
	color: #646970;
}

.wpfsa-products-select-row {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.wpfsa-products-select-row > .wpfsa-products-primary {
	box-sizing: border-box !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	width: 100% !important;
}

.wpfsa-products-select-row.has-product-model > .wpfsa-products-primary,
.wpfsa-products-select-row.has-product-model > .wpfsa-products-middle {
	box-sizing: border-box !important;
	flex: 0 0 calc(50% - 6px) !important;
	max-width: calc(50% - 6px) !important;
	min-width: 0 !important;
	width: calc(50% - 6px) !important;
}

.wpfsa-products-select-row > .wpfsa-products-middle {
	margin-top: 0 !important;
}

.wpfsa-products-select-row select {
	width: 100% !important;
}

.wpfsa-products-middle {
	margin-top: 12px !important;
}

.wpfsa-products-middle select[hidden] {
	display: none !important;
}

.wpfsa-products-middle[hidden] {
	display: none !important;
}

@media (max-width: 600px) {
	.wpfsa-products-select-row {
		flex-direction: column;
	}

	.wpfsa-products-select-row > .wpfsa-products-primary,
	.wpfsa-products-select-row > .wpfsa-products-middle,
	.wpfsa-products-select-row.has-product-model > .wpfsa-products-primary,
	.wpfsa-products-select-row.has-product-model > .wpfsa-products-middle {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

.wpfsa-admin-wrap .wpfsa-box {
	background: #fff;
	border: 1px solid #ccd0d4;
	margin: 12px 0 24px;
	padding: 16px;
	max-width: 960px;
}

.wpfsa-product-checkboxes {
	display: grid;
	gap: 8px;
	max-width: 680px;
}

.wpfsa-product-option {
	display: block;
}

.wpfsa-product-option-parent {
	font-weight: 700;
}

.wpfsa-product-option-children {
	border-left: 3px solid #dcdcde;
	margin: 2px 0 8px 10px;
	padding-left: 12px;
}

.wpfsa-status {
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 3px 8px;
}

.wpfsa-status-pending {
	background: #fff8e5;
	color: #996800;
}

.wpfsa-status-available {
	background: #eff6ff;
	color: #135e96;
}

.wpfsa-status-approved {
	background: #edfaef;
	color: #008a20;
}

.wpfsa-status-active {
	background: #edfaef;
	color: #008a20;
}

.wpfsa-status-scheduled {
	background: #e5f5fa;
	color: #007cba;
}

.wpfsa-status-rejected {
	background: #fcf0f1;
	color: #b32d2e;
}

.wpfsa-status-expired {
	background: #f6f7f7;
	color: #50575e;
}
