/**
 * eSolver — Lot size quantity feedback.
 *
 * @since 0.9.3
 */

/* A quantity outside the rule is not a mistake of the customer's making — it is a
   limit they had no way of knowing. Amber says "look at this", red says "you did
   something wrong": here the second is both harsher and untrue. */
input.qty.esolver-lot-invalid {
	border-color: #b26a00;
	box-shadow: 0 0 0 1px #b26a00;
	outline: none;
}

/* Icon AND text beside the field. The icon carries the tone at a glance, the text
   carries the fact — a popover was tried and undone: an information that costs a
   click is an information that does not get read. `inline-flex` keeps the two on one
   line and vertically centred; `nowrap` stops the sentence breaking mid-way, which in
   a narrow cart column is what made it look like a paragraph. */
.esolver-lot-flag {
	display: inline-flex;
	align-items: center;
	gap: .35em;
	margin-left: .5em;
	vertical-align: middle;
	font-size: .85em;
	line-height: 1.3;
	white-space: nowrap;
}

.esolver-lot-flag i {
	font-size: 1.15em;
	line-height: 1;
}

/* The limit: a fact to read, not an alarm. */
.esolver-lot-flag.is-rule {
	color: #b26a00;
}

/* The confirmation: the only green thing here, because it is the only one saying
   that something is now right. */
.esolver-lot-flag.is-done {
	color: #1d7a34;
}

/* Shared matrix notice: one line in the (sticky) actions bar explaining the lot
   rule / why a cell quantity was auto-corrected. Per-cell text would break the
   tight grid, so the feedback lives here instead. */
.esolver-lot-notice {
	width: 100%;
	margin: 0 0 .5em;
	font-size: .9em;
	line-height: 1.35;
}

.esolver-lot-notice.is-error {
	color: #b26a00;
}

.esolver-lot-notice.is-info {
	color: #1d7a34;
}