/* =========================================================
   AUTONEER ORDERS – STATUS BADGES
   Consistent text size and padding. Markup should pair the
   badge with an icon or text label so meaning never relies
   on colour alone.
   ========================================================= */

.au-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: var(--au-font-size-sm);
	font-weight: 600;
	line-height: 1.4;
	border: 1px solid transparent;
	white-space: nowrap;
	/* Neutral default so unknown statuses still render sensibly */
	background: var(--au-neutral-bg);
	color: var(--au-neutral);
	border-color: var(--au-neutral);
}

.au-badge--success {
	background: var(--au-success-bg);
	color: var(--au-success);
	border-color: var(--au-success);
}

.au-badge--warning {
	background: var(--au-warning-bg);
	color: var(--au-warning);
	border-color: var(--au-warning);
}

.au-badge--danger {
	background: var(--au-danger-bg);
	color: var(--au-danger);
	border-color: var(--au-danger);
}

.au-badge--info {
	background: var(--au-info-bg);
	color: var(--au-info);
	border-color: var(--au-info);
}

.au-badge--neutral {
	background: var(--au-neutral-bg);
	color: var(--au-neutral);
	border-color: var(--au-neutral);
}

/* Order status aliases (map workflow states to variants) */
.au-badge--status-quote { background: var(--au-neutral-bg); color: var(--au-neutral); border-color: var(--au-neutral); }
.au-badge--status-new { background: var(--au-info-bg); color: var(--au-info); border-color: var(--au-info); }
.au-badge--status-pending { background: var(--au-warning-bg); color: var(--au-warning); border-color: var(--au-warning); }
.au-badge--status-approved, .au-badge--status-completed { background: var(--au-success-bg); color: var(--au-success); border-color: var(--au-success); }
.au-badge--status-action-required { background: var(--au-warning-bg); color: var(--au-warning); border-color: var(--au-warning); }
.au-badge--status-shipped { background: var(--au-info-bg); color: var(--au-info); border-color: var(--au-info); }
.au-badge--status-delivered { background: var(--au-success-bg); color: var(--au-success); border-color: var(--au-success); }
.au-badge--status-cancelled { background: var(--au-danger-bg); color: var(--au-danger); border-color: var(--au-danger); }
.au-badge--status-rfc { background: var(--au-warning-bg); color: var(--au-warning); border-color: var(--au-warning); }
.au-badge--status-returned { background: var(--au-neutral-bg); color: var(--au-neutral); border-color: var(--au-neutral); }