form {
	display: grid;
	gap: 8px;
}

@media (min-width: 600px) {
	form {
		grid-template-columns: auto 1fr;
	}

	form label {
		grid-column: 1;
	}

	form input,
	form textarea {
		grid-column: 2;
	}
}

form textarea {
	font-family: sans-serif;
	resize: vertical;
}

table {
	width: 100%;
	border-collapse: collapse;
}

table th,
table td {
	padding: 4px;
	border: 2px solid var(--bg-alt);
}

table td input { width: 100%; }

.order-table td:nth-child(1) { text-align: center; }
.order-table td:nth-child(3) { text-align: right; }
.order-table td:nth-child(4) { text-align: right; }
.order-table td select,

.promo-table td:nth-child(1) { text-align: center; }
.promo-table td:nth-child(3) { text-align: right; }
.promo-table td:nth-child(4) { text-align: right; }