/**
 * Trilex RFQ — SKU type-ahead
 *
 * Deliberately minimal. The dropdown sits on document.body (so it can't be
 * clipped by a repeater row's overflow), which means it inherits nothing from
 * the field's wrapper — hence the explicit font-family: inherit and the few
 * hard values below. Adjust to match the theme rather than adding to it.
 */

.trilex-sku-list {
	position: fixed;
	z-index: 99999;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	max-height: 300px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #d5d8dc;
	border-radius: 4px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
	font-family: inherit;
	line-height: 1.35;
}

.trilex-sku-list[hidden] {
	display: none;
}

/* Product title, heading its run of part numbers */
.trilex-sku-group {
	padding: 8px 12px 3px;
	font-size: 0.75rem;
	font-weight: 500;
	color: #6b7280;
	cursor: default;
}

/* Separate consecutive products */
.trilex-sku-option + .trilex-sku-group {
	border-top: 1px solid #eceef0;
	margin-top: 4px;
}

/* Part number, indented under its heading */
.trilex-sku-option {
	padding: 5px 12px 5px 22px;
	cursor: pointer;
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
	font-size: 0.875rem;
	color: #1a1a1a;
}

.trilex-sku-option.is-active,
.trilex-sku-option:hover {
	background: #f0f4f8;
}

.trilex-sku-option mark {
	background: #fdf0c8;
	color: inherit;
	padding: 0;
}

.trilex-sku-empty {
	padding: 10px 12px;
	color: #6b7280;
	font-size: 0.8125rem;
	line-height: 1.5;
}

/* Scrollbar restraint on WebKit — the list is dense enough already. */
.trilex-sku-list::-webkit-scrollbar {
	width: 10px;
}

.trilex-sku-list::-webkit-scrollbar-thumb {
	background: #cbd0d6;
	border: 3px solid #fff;
	border-radius: 5px;
}




.rfq-product-row.rfq-product-row {
	background: var(--wsf-field-file-dropzonejs-color-background) !important;
	border: var(--wsf-field-file-dropzonejs-border-width) var(--wsf-field-file-dropzonejs-border-style) var(--wsf-field-file-dropzonejs-border-color) !important;
	padding: .8em !important;
	margin: 0 var(--space-xs) 1.5em 0 !important;
	margin-inline-start: var(--space-xs) !important;
	max-width: fit-content !important;
	box-sizing: border-box;
	border-radius: var(--radius);
	padding-bottom: 0 !important;
}


.rfq-product-row.rfq-product-row .wsf-field-wrapper {
	margin-bottom: .8em !important;
}

.rfq-product-row :is(input, select, textarea) {
	background: #fff !important;
}