.plain-autocomplete {
	position: relative;
	width: 100%;
}

.plain-autocomplete-input {
	width: 100%;
	border: none;
	outline: none;
	background: transparent;
	font-size: 1.05rem;
	color: #0b2239;
	font-weight: 400;
	padding: 0;
}

	.plain-autocomplete-input::placeholder {
		color: #7a8696;
		opacity: 1;
	}

.plain-autocomplete-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 0.25rem;
	list-style: none;
	padding: 0.25rem 0;
	margin: 0;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	max-height: 220px;
	overflow-y: auto;
	z-index: 20;
}

.plain-autocomplete-item {
	padding: 0.5rem 0.75rem;
	font-size: 0.95rem;
	color: #0b2239;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.plain-autocomplete-item:hover {
		background-color: rgba(2, 181, 196, 0.08);
	}

.plain-date {
	width: 100%;
}

.plain-date-input {
	width: 100%;
	border: none;
	outline: none;
	background: transparent;
	font-size: 1.05rem;
	color: #0b2239;
	font-weight: 400;
	padding: 0;
}

	/* Optional: tweak the calendar icon appearance per browser */
	.plain-date-input::-webkit-calendar-picker-indicator {
		cursor: pointer;
	}
