// Primary currency highlight must target cells — Bootstrap paints td backgrounds,
// so a class on <tr> alone is invisible in light theme.
.table tbody tr.currency-row-primary > td,
.table tbody tr.currency-row-primary > th {
	background-color: rgba(0, 188, 212, 0.18) !important;
	color: inherit;
}

:host-context(body.dark) {
	.table tbody tr.currency-row-primary > td,
	.table tbody tr.currency-row-primary > th {
		background-color: rgba(33, 150, 243, 0.22) !important;
		color: #cfe8ff;
	}
}
