Template:NPP dashboard/styles.css

.npp-dashboard-dash {
	background: #f8f9fa; /* Codex Gray100 */
	padding: 0.5em 1em;
	margin: 0.5em 0;
}

.npp-dashboard dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2em;
}

.npp-dashboard dt {
	font-weight: normal;
	font-size: smaller;
	color: #54595d; /* Codex Gray600 */
}

.npp-dashboard dd {
	margin-left: 0;
	font-size: larger;
	font-weight: 500;
}

.npp-dashboard .trend {
	font-size: smaller;
	font-weight: 600;
}

.npp-dashboard .very-bad {
	color: #d33; /* Codex Red600 */	
}

.npp-dashboard .bad {
	color: #edab00; /* Codex Yellow600 */
}

.npp-dashboard .fine {
	color: #000000;
}

.npp-dashboard .good {
    color: #14866d; /* Codex Green600 */
}

.npp-dashboard-warnings {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
}

.npp-dashboard-attribution {
	margin: 0;
	text-align: right;
	color: #54595d; /* Codex Gray600 */
}