Template:NPP dashboard/styles.css

.npp-dashboard-dash { background: var(--background-color-neutral-subtle, #f8f9fa); 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: var(--color-subtle, #54595d); }

.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: var(--color-error, #d73333); }

.npp-dashboard .bad { color: var(--color-warning, #edab00); }

.npp-dashboard .fine { color: var(--color-emphasized, #000); }

.npp-dashboard .good { color: var(--color-success, #14866d); }

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

.npp-dashboard-attribution { margin: 0; text-align: right; color: var(--color-subtle, #54595d); }