/* [pl_batch_lookup] - the "check the batch on your vial" band (homepage). */

.pl-lot-band {
	box-sizing: border-box;
	display: grid;
	gap: 14px;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 18px;
	border-radius: 16px;
	background: #0e2c5a;
	color: #fff;
}

.pl-lot-band label {
	display: block;
	margin: 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

.pl-lot-band-text p {
	margin: 4px 0 0;
	font-size: 13.5px;
	color: #9fb8da;
}

.pl-lot-band-field {
	display: flex;
	gap: 8px;
}

.pl-lot-band .pl-lot-band-field input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 50px;
	padding: 0 14px;
	border: 0;
	border-radius: 10px;
	background: #fff;
	color: #0f172a;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 16px;
	letter-spacing: 0.04em;
	-webkit-appearance: none;
	appearance: none;
}

.pl-lot-band .pl-lot-band-field input::placeholder {
	font-family: inherit;
	letter-spacing: 0;
	color: #94a3b8;
}

.pl-lot-band .pl-lot-band-field input:focus {
	outline: 3px solid #7cc4f5;
	outline-offset: 2px;
}

.pl-lot-band .pl-lot-band-field button {
	flex: 0 0 auto;
	height: 50px;
	margin: 0;
	padding: 0 18px;
	border: 0;
	border-radius: 10px;
	background: #fff;
	color: #0e2c5a;
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
}

.pl-lot-band .pl-lot-band-field button:hover { background: #dbeafe; }

.pl-lot-band .pl-lot-band-field button:focus-visible {
	outline: 3px solid #7cc4f5;
	outline-offset: 2px;
}

@media (min-width: 860px) {
	.pl-lot-band {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
		align-items: center;
		gap: 28px;
		padding: 20px 28px;
	}

	.pl-lot-band label { font-size: 22px; }
}