/* DFB Ordstatistik */
.dfb-os-widget { font-size: .92rem; }
.dfb-os-status { margin: .25rem 0; opacity: .75; font-style: italic; }
.dfb-os-liste { list-style: none; margin: 0; padding: 0; counter-reset: dfbos; }
.dfb-os-liste li {
	position: relative;
	display: grid;
	grid-template-columns: 1.6em 1fr auto;
	align-items: baseline;
	gap: 0 .4em;
	padding: .3em .35em .45em;
	border-radius: 4px;
	cursor: pointer;
	counter-increment: dfbos;
}
.dfb-os-liste li::before { content: counter(dfbos) "."; opacity: .5; font-size: .85em; }
.dfb-os-liste li:hover { background: rgba(127, 127, 127, .08); }
.dfb-os-liste li.dfb-os-aktiv { background: rgba(138, 0, 0, .08); }
.dfb-os-ord { font-weight: 600; }
.dfb-os-antal { font-variant-numeric: tabular-nums; opacity: .8; }
.dfb-os-bar {
	grid-column: 2 / 4;
	height: 3px;
	margin-top: .2em;
	background: currentColor;
	opacity: .18;
	border-radius: 2px;
}
.dfb-os-liste li.dfb-os-aktiv .dfb-os-bar { background: #8a0000; opacity: .6; }
.dfb-os-former { grid-column: 2 / 4; font-size: .8em; opacity: .6; }
.dfb-os-flere {
	margin-top: .4em;
	background: none;
	border: 0;
	padding: 0;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	font-size: .85em;
}
.dfb-os-fod { margin: .5em 0 0; font-size: .78em; opacity: .55; }

/* Markering i teksten (CSS Custom Highlight API) */
::highlight(dfb-ordstat) { background-color: rgba(138, 0, 0, .16); color: inherit; }