.status_list h2 { background-color: #dddddd; }

.status_list_item > div.name {
	font-family: Helvetica Neue, Arial, sans-serif;
}

.status_list_item div.status_task {
	font-family: Helvetica Neue, Arial, sans-serif;
	font-weight: 300;
}

/* Marquee layout header ---------------------------------------------------
   Light mode matches the classic layout's header: the #F9F8FF ground from
   portal-detail.css and the #261F99 text from #sub-name in portal.css.
   Dark mode inverts to a black ground with white text.

   marquee.css loads after this file and sets #portal-header { color: #fff }
   for portals with a dark header, so the colour rules below carry an extra
   html prefix to outrank it. #sidebar-toggle is color:inherit and .brand-text
   sets no colour of its own, so both follow the header automatically. */

body.layout-marquee #portal-header {
	background-color: #F9F8FF;
}

html body.layout-marquee #portal-header {
	color: #261F99;
}

@media (prefers-color-scheme: dark) {
	body.layout-marquee #portal-header {
		background-color: #000000;
	}

	html body.layout-marquee #portal-header {
		color: #ffffff;
	}
}

@media (prefers-color-scheme: dark) {
	.status_list h2 { background-color: #222222; }
	
	.status_list_item .icon .fa-circle {
		color: #222222;
	}
}