/* ─── SF Status Blocks ─────────────────────────────────────────────────────── */

.sf-status-block {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .5em;
}

.sf-status-block__label {
	font-size: .875em;
	font-weight: 600;
	color: #555;
}

.sf-status-badge {
	display: inline-block;
	padding: .2em .85em;
	border-radius: 2em;
	font-size: .8em;
	font-weight: 700;
	line-height: 1.6;
	white-space: nowrap;
	letter-spacing: .01em;
}

/* ─── Empty / unknown ────────────────────────────────────────────────────────── */

.sf-status--empty {
	background: #eaeaea;
	color: #888;
}

/* ─── Grey — neutral states ──────────────────────────────────────────────────── */
/* Not sent, Not Applicable, Not applicable, Campaign not started, Campaign no started */

.sf-status--not-sent,
.sf-status--not-applicable,
.sf-status--campaign-not-started,
.sf-status--campaign-no-started {
	background: #eaeaea;
	color: #444;
}

/* ─── Green — positive / done states ────────────────────────────────────────── */
/* Paid, Submitted - Done, Submitted, Submitted - individual feedback sent */

.sf-status--paid,
.sf-status--submitted-done,
.sf-status--submitted,
.sf-status--submitted-individual-feedback-sent {
	background: #daf0e4;
	color: #196034; /* --green */
}

/* ─── Bronze — in-progress / pending states ──────────────────────────────────── */
/* Pending, Order of payment given, Submitted - To check, Incomplete submission, Not submitted / pending */

.sf-status--pending,
.sf-status--order-of-payment-given,
.sf-status--submitted-to-check,
.sf-status--incomplete-submission,
.sf-status--not-submitted-pending {
	background: #f5edda;
	color: #9e6d19; /* --bronze */
}

/* ─── Blue — informational states ────────────────────────────────────────────── */
/* Quotation sent, Extension approved, Submitted for review */

.sf-status--quotation-sent,
.sf-status--extension-approved,
.sf-status--submitted-for-review {
	background: #e4e7f7;
	color: #16278f; /* --blue */
}

/* ─── Red — negative states ──────────────────────────────────────────────────── */
/* Canceled, Not submitted */

.sf-status--canceled,
.sf-status--not-submitted {
	background: #f7e3e0; /* --bg-red-light */
	color: #af1c09;      /* --red-typo */
}

/* ─── Purple — special states ────────────────────────────────────────────────── */
/* Exonerated */

.sf-status--exonerated {
	background: #f0e8fd;
	color: #461f78; /* --purple-typo */
}

/* ─── Dark grey — closed states ──────────────────────────────────────────────── */
/* submission closed */

.sf-status--submission-closed {
	background: #d0d0d0;
	color: #333;
}