Template:Infobox vehicle/production state/styles.css

/* Reset */
.data-productionstate td {
	padding: 0;
}

.data-productionstate__container {
	padding: 10px 15px;
	background-color: var( --color-surface-3 );
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem;
}

.data-productionstate__container--flightready {
	background-color: var( --color-success );
	color: rgba( 255, 255, 255, 0.8 ) ;
}

.data-productionstate__container--flightready a {
	color: #fff;
}

.data-productionstate__container--inproduction {
	background-color: var( --color-warning );
	color: rgba( 0, 0, 0, 0.65 );
}

.data-productionstate__container--inproduction a {
	color: rgba( 0, 0, 0, 0.8 );
}

.data-productionstate__container--inconcept {
	background-color: var( --color-destructive );
	color: rgba( 255, 255, 255, 0.8 ) ;
}

.data-productionstate__container--inconcept a {
	color: #fff;
}

.data-productionstate__container--activeforsquadron42 {
	background-color: #14160c;
	color: #6D6D6D;
}

.data-productionstate__container--activeforsquadron42 a {
	color: #ad7600;
}