.data-input {
	/* border: solid 1px black; */
}

.table td[scope] {
	font-weight: 600;
	line-height: 14pt;
}

.table td[scope="col"] {
	text-align: center;
	vertical-align: middle;
}

.data-input {
	table-layout: fixed;
}

.data-input td {
	text-align: right;
	/* border: solid 1px gray; */
	padding: 0.25em;
	vertical-align: middle
}

.data-input input {
	font-size: 11pt;
	width: 100%;
	text-align: right;
	line-height: 16pt;
	border: 0;
	padding: 0.25em 0.5em;
}

.data-input input:not([readonly]) {
	background: #009879;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
}

.data-input tr:has(input.energy-price),
.data-input tr:has(input.capital-interest),
.data-input tr:has(input.inflation),
.data-input tr:has(input.co2-equivalent) {
/*	display: none;*/
}

.table.cost-annually {
	table-layout: fixed;
}

.cost-annually .table-value {
	text-align: right;
	vertical-align: middle;
}

.cost-annually .table-value, .cost-annually td[scope] {
	border: solid #eee 1px;
}

.cost-annually .table-value span:after {
	margin-left: 6pt;
	content: "€";
}

.cost-annually-sum .table-value {
	font-weight: bold;
}

.plot {
	margin-bottom: 2em;
}

.plot svg {
	margin: 1em auto;
}

.plot-amortization-swatches-wrap {
	justify-content: space-between;
}

.plot-amortization-swatch svg {
	margin-right: 6pt;
}