/**
 * Match the floating-label-inside-the-box treatment that the rest of the
 * fields on the new-report form get from _module.new-report.css. The
 * existing rules already target `.select2-selection` for the height and
 * padding, so we only need to position the label for our custom field
 * types (user_or_email and realtor_or_email) which aren't in the existing
 * union selector.
 */
.new-report .acf-field.acf-field-user-or-email .acf-label,
.new-report .acf-field.acf-field-realtor-or-email .acf-label {
	margin: 0;
	font-family: Lato, sans-serif;
	font-size: 12px;
	letter-spacing: normal;
	color: #b1b1b1;
	position: absolute;
	z-index: 1002;
	top: 14px;
	left: 19px;
}

/* Ensure the absolute-positioned label has a positioned ancestor. */
.new-report .acf-field.acf-field-user-or-email,
.new-report .acf-field.acf-field-realtor-or-email {
	position: relative;
}

/* The Select2 container's chosen value renders inside .select2-selection__rendered.
 * The parent .select2-selection already gets padding: 35px 18px 18px 18px from the
 * theme. Strip the inner element's default padding/line-height so the value sits
 * cleanly inside the padded container. */
.new-report .acf-field.acf-field-user-or-email .select2-selection__rendered,
.new-report .acf-field.acf-field-realtor-or-email .select2-selection__rendered {
	padding: 0 !important;
	line-height: 1.4 !important;
	color: #515356;
	font-size: 12px;
}

.new-report .acf-field.acf-field-user-or-email .select2-selection__placeholder,
.new-report .acf-field.acf-field-realtor-or-email .select2-selection__placeholder {
	color: #b1b1b1;
	font-size: 12px;
}

/* Position the dropdown arrow inside the right-hand padding. */
.new-report .acf-field.acf-field-user-or-email .select2-selection__arrow,
.new-report .acf-field.acf-field-realtor-or-email .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 8px;
}

/* "New customer / new entry" tag affordance in the dropdown options. */
.select2-results__option .ete-uoe-new-tag em {
	font-style: italic;
	color: #6b7280;
	margin-right: 4px;
}

/* Hide the legacy existing_customer toggle while keeping its 50%-wide grid
 * slot intact, so the rest of the new-report form's float layout doesn't
 * shift up into row 1. The toggle is auto-driven by JS and never visible. */
.new-report .acf-field.ete-uoe-toggle-hidden {
	visibility: hidden;
	pointer-events: none;
}

/* Locked / autopopulated state on sibling fields when an existing user
 * (or realtor) was picked. Soft-gray the input shell and dim the typed
 * value so it reads as "sourced from the existing record", not "broken". */
.new-report .acf-field.ete-uoe-prefilled input {
	background-color: #f6f7f9;
	color: #8a8d92;
	cursor: not-allowed;
}

.new-report .acf-field.ete-uoe-prefilled .acf-label {
	color: #b1b1b1;
}