.tmu-table-block {
	--tmu-green: #2f8f3a;
	--tmu-green-dark: #23702c;
	--tmu-border: #ccc;
	--tmu-highlight: #dddddd;
	--tmu-neg: #b3261e;
	--tmu-pos-col-width: 2.75em;
	--tmu-team-col-width: 11em;
	margin: 1.5em 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.tmu-table-heading {
	margin: 0 0 0.5em;
	font-size: 1.1em;
	font-weight: 700;
}

.tmu-table-controls {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0.5em;
}

.tmu-table-search {
	padding: 0.4em 0.6em;
	border: 1px solid var(--tmu-border);
	border-radius: 4px;
	font-size: 0.9em;
	width: 100%;
	max-width: 220px;
}

.tmu-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--tmu-border);
	border-radius: 4px;
}

.tmu-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.85em;
	white-space: nowrap;
}

.tmu-table th,
.tmu-table td {
	border-bottom: 1px solid var(--tmu-border);
	border-right: 1px solid var(--tmu-border);
	padding: 0.5em 0.6em;
	text-align: center;
}

.tmu-table th:last-child,
.tmu-table td:last-child {
	border-right: none;
}

.tmu-table thead th {
	background: var(--tmu-green);
	color: #fff;
	font-weight: 600;
	position: sticky;
	top: 0;
	z-index: 2;
	cursor: pointer;
	user-select: none;
}

.tmu-table thead th:hover {
	background: var(--tmu-green-dark);
}

.tmu-table thead tr:first-child th {
	border-bottom-color: var(--tmu-green-dark);
}

.tmu-table th[data-sort-key].tmu-sorted-asc::after {
	content: " \25B2";
}

.tmu-table th[data-sort-key].tmu-sorted-desc::after {
	content: " \25BC";
}

.tmu-table .tmu-pos,
.tmu-table .tmu-team {
	text-align: left;
}

.tmu-table .tmu-pos {
	width: var(--tmu-pos-col-width);
}

.tmu-table .tmu-team {
	font-weight: 600;
	min-width: var(--tmu-team-col-width);
}

.tmu-table thead th:nth-child(1),
.tmu-table tbody td:nth-child(1) {
	position: sticky;
	left: 0;
	z-index: 1;
	background: #fff;
}

.tmu-table thead th:nth-child(2),
.tmu-table tbody td:nth-child(2) {
	position: sticky;
	left: var(--tmu-pos-col-width);
	z-index: 1;
	background: #fff;
}

.tmu-table thead th:nth-child(1),
.tmu-table thead th:nth-child(2) {
	z-index: 3;
	background: var(--tmu-green);
}

.tmu-table tbody tr:nth-child(even) td {
	background: #f7f7f7;
}

.tmu-table tbody tr.tmu-highlight td {
	background: var(--tmu-highlight);
}

.tmu-table tbody tr:nth-child(even) td:nth-child(1),
.tmu-table tbody tr:nth-child(even) td:nth-child(2) {
	background: #f7f7f7;
}

.tmu-table tbody tr.tmu-highlight td:nth-child(1),
.tmu-table tbody tr.tmu-highlight td:nth-child(2) {
	background: var(--tmu-highlight);
}

.tmu-table tbody tr.tmu-divider-dashed td {
	border-top: 2px dashed var(--tmu-green);
}

.tmu-table tbody tr.tmu-divider-solid td {
	border-top: 3px solid var(--tmu-green-dark);
}

.tmu-tag {
	display: inline-block;
	min-width: 1.6em;
	padding: 0.1em 0.35em;
	border-radius: 3px;
	font-weight: 700;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
}

.tmu-tag-c,
.tmu-tag-p {
	background: var(--tmu-green);
}

.tmu-tag-r {
	background: var(--tmu-neg);
}

.tmu-gd.tmu-negative {
	color: var(--tmu-neg);
}

.tmu-pts strong {
	font-weight: 700;
}

.tmu-table-row-hidden {
	display: none !important;
}

.tmu-table-error {
	color: var(--tmu-neg);
}

@media (max-width: 600px) {
	.tmu-table {
		font-size: 0.78em;
	}
	.tmu-table th,
	.tmu-table td {
		padding: 0.4em 0.4em;
	}
}

@media print {
	.tmu-table-controls {
		display: none;
	}
	.tmu-table-wrap {
		overflow: visible;
		border: none;
	}
	.tmu-table {
		white-space: normal;
	}
	.tmu-table thead th {
		background: #eee !important;
		color: #000 !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	.tmu-table tbody tr.tmu-highlight td {
		background: #fff !important;
		border: 2px solid #000;
	}
	.tmu-table tbody tr:nth-child(even) td {
		background: #fff !important;
	}
}