/**
 * GMP Spare Parts — front-end styles.
 *
 * Inherits the tokens declared by gmp-core.css. Only the pieces the request and
 * quote pages need beyond the shared form styles live here.
 */

.gmp-part-quote__header {
	align-items: baseline;
	border-bottom: 1px solid var( --gmp-border );
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: space-between;
	margin-bottom: var( --gmp-gap );
	padding-bottom: 0.5rem;
}

.gmp-part-quote__header h2 {
	margin: 0;
}

.gmp-part-quote section + section {
	margin-top: calc( var( --gmp-gap ) * 1.5 );
}

.gmp-part-quote .gmp-table tfoot th {
	border-bottom: 0;
	border-top: 2px solid var( --gmp-border );
	font-size: 1.05rem;
}

.gmp-part-quote__respond {
	margin-top: var( --gmp-gap );
}

.gmp-part-quote__decline summary {
	color: var( --gmp-muted );
	cursor: pointer;
	font-size: 0.9rem;
}

/* Request statuses read at a glance in the dashboard and on the quote page. */
.gmp-status--new,
.gmp-status--sourcing {
	background: #fef0c7;
	color: #93370d;
}

.gmp-status--quoted {
	background: #d1e9ff;
	color: #084c8d;
}

.gmp-status--accepted,
.gmp-status--ordered,
.gmp-status--fulfilled {
	background: #d1fadf;
	color: #05603a;
}

.gmp-status--declined,
.gmp-status--cancelled {
	background: #fee4e2;
	color: #912018;
}