/* Order status pills (orders table + account). */

.order-status-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: bold;
}

.status-dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
}

.order-status-shipped .status-dot,
.order-status-out-for-delivery .status-dot,
.order-status-delivered .status-dot,
.order-status-completed .status-dot {
	border: 2px solid #26a541;
	background-color: #26a541;
}

.order-status-shipped,
.order-status-out-for-delivery,
.order-status-delivered,
.order-status-completed {
	color: #26a541;
}

.order-status-failed .status-dot,
.order-status-returned .status-dot,
.order-status-cancelled .status-dot {
	border: 2px solid #ff6161;
	background-color: #ff6161;
}

.order-status-failed,
.order-status-returned,
.order-status-cancelled {
	color: #ff6161;
}

.order-status-cancel-request .status-dot,
.order-status-pending .status-dot,
.order-status-on-hold .status-dot {
	border: 2px solid #ff9f00;
	background-color: #ff9f00;
}

.order-status-pending,
.order-status-cancel-request,
.order-status-on-hold {
	color: #ff9f00;
}

.order-status-refunded .status-dot {
	border: 2px solid #2874f0;
	background-color: #2874f0;
}

.order-status-refunded {
	color: #2874f0;
}

.order-status-processing .status-dot,
.order-status-unknown .status-dot {
	border: 2px solid grey;
	background-color: grey;
}

.order-status-processing,
.order-status-unknown {
	color: grey;
}