:root { --pico-font-size: 95%; }
form.inline { display: inline; margin: 0; }
form.inline button { margin: 0; }
button.small, a.small[role="button"] { padding: .25rem .6rem; font-size: .85em; width: auto; }
.message-success { border-left: 4px solid var(--pico-ins-color); }
.message-error { border-left: 4px solid var(--pico-del-color); }
.message-warning { border-left: 4px solid #e0a800; }
.badge { display: inline-block; padding: .05rem .45rem; border-radius: .6rem; font-size: .8em;
         background: var(--pico-muted-border-color); }
.badge.old, .badge.bad { background: var(--pico-del-color); color: #fff; }
.badge.ok { background: var(--pico-ins-color); color: #fff; }
.badge.warn { background: #e0a800; color: #000; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.pos { color: var(--pico-ins-color); }
.neg { color: var(--pico-del-color); }
.muted { color: var(--pico-muted-color); }
.table-wrap { overflow-x: auto; }
.actions { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.actions form { margin: 0; }
header nav { flex-wrap: wrap; }
header nav ul { flex-wrap: wrap; }
.actions button, .actions [role="button"] { margin-bottom: 0; }
.badge.tier-1 { background: #b3261e; color: #fff; }
.badge.tier-2 { background: #d9480f; color: #fff; }
.badge.tier-3 { background: #e0a800; color: #000; }
.badge.tier-4 { background: #4c6ef5; color: #fff; }
.badge.tier-5 { background: var(--pico-muted-border-color); color: inherit; }
.fill { display: inline-block; width: 6rem; height: .55rem; border-radius: .3rem;
        background: var(--pico-muted-border-color); vertical-align: middle; overflow: hidden; }
.fill > span { display: block; height: 100%; background: var(--pico-ins-color); }
.fill.low > span { background: var(--pico-del-color); }
.fill.mid > span { background: #e0a800; }
.uncertain { border-left: 4px solid #e0a800; }
article.task { padding: .75rem 1rem; margin-bottom: .75rem; }
article.task > header { margin: -.75rem -1rem .5rem; padding: .5rem 1rem; }
article.task ul { margin: 0; padding-left: 1.2rem; }
article.task li { list-style: disc; margin: 0; }
article.task p { margin: 0 0 .4rem; }
.badge.type { background: var(--pico-primary-background); color: var(--pico-primary-inverse); }
form.filters select { width: auto; margin: 0; }
article.task form { margin: 0; }