:root { --pico-font-size: 95%; }
.topbar { border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem; }
.topbar nav .sections { flex-wrap: wrap; }
.topbar nav .sections a[aria-current="page"] { font-weight: 700; text-decoration: underline; }
form.inline { display: inline; margin: 0; }
button.small, .small { padding: .25rem .6rem; font-size: .85rem; }
.flash.ok { border-left: 4px solid #2e7d32; }
.flash.error, .error { color: #c62828; }
.flash.error { border-left: 4px solid #c62828; }
.tiles article { margin-bottom: 1rem; }
.tiles h3 { margin: .2rem 0; }
td.num { text-align: right; width: 5rem; }
.login { max-width: 32rem; margin: 3rem auto; text-align: center; }
.badge { display: inline-block; padding: .1rem .45rem; border-radius: .4rem; font-size: .8rem; background: var(--pico-muted-border-color); }
.badge.published, .badge.done, .badge.sending { background: #c8e6c9; color: #1b5e20; }
.badge.review, .badge.queued { background: #fff3cd; color: #7a5a00; }
.badge.hidden, .badge.cancelled { background: #eee; color: #555; }
.changed { border-left: 3px solid #f0ad4e; padding-left: .4rem; }
pre.text { white-space: pre-wrap; font-size: .85rem; margin: 0; }
textarea.big { min-height: 22rem; font-family: var(--pico-font-family-monospace); }
.filters { align-items: end; }
.checks label { display: inline-flex; margin-right: 1rem; }
.meal { border-left: 3px solid var(--pico-primary-border); padding-left: .6rem; margin-bottom: .6rem; }