Template:Cargo orders/styles.css

.cargo-orders-table {
	width: 100%;
}

.cargo-orders-table td,
.cargo-orders-table th {
	--border-col: hsl(240 7% 70% / 25%);
	
	box-sizing: border-box;
	vertical-align: top;
	/* reset default border; reconfiguring it here doesn't work for some reason... */
    border: none !important;
    border-top: 1px solid var(--border-col) !important;
    border-right: 1px solid var(--border-col) !important;
    border-bottom: 1px solid var(--border-col) !important;
    border-left: 1px solid var(--border-col) !important;
}

/* product col */
.cargo-orders-table tr:first-child th:nth-child(1) {
	width: 20ch;
}

/* cost col */
.cargo-orders-table tr:first-child th:nth-child(2) {
	width: 18ch;
}

/* contents col col */
.cargo-orders-table tr:first-child th:nth-child(4) {
	width: 30ch;
}

/* item col */
.pool-section tr:nth-child(1) td:nth-child(1) {
	/* should NOT be more than the parent column width */
	width: 23ch;
}

.pool-section {
	width: 100%;
	/*margin: .5rem 0;*/
}

.pool-section-caption {
	background-color: var(--bg-color-light);
	padding: 0.25em 0.25em;
	font-weight: bold;
}

.pool-section-caption::after {
	content: " group, one of:";
	color: gray;
}