.banner { padding: .75rem 1rem; border-left: .35rem solid; }
.banner-danger { border-color: #e0584a; background: #3b1a17; color: #f6c1ba; }
.banner-warn { border-color: #d68910; background: #3a2b10; color: #f3d5a4; }
.pill { display: inline-block; padding: .05rem .5rem; border-radius: 1rem; font-size: .8rem; background: #2b3342; color: #dde3ec; }
.pill-running { background: #173d28; color: #a9e6c2; }
.pill-idle { background: #2b3342; }
.pill-paused, .pill-warn { background: #473412; color: #f5d59c; }
.pill-error, .pill-critical { background: #5a211c; color: #f8c5bf; }
.pill-info { background: #17364f; color: #b5d9f3; }
.pos { color: #4cc27f; }
.neg { color: #f0766b; }
.nowrap { white-space: nowrap; }
.detail { max-width: 36rem; overflow-wrap: anywhere; font-size: .85rem; color: #98a3b1; }
.scroll { overflow-x: auto; }
progress { height: .4rem; margin: .25rem 0 0; }
progress.warn::-webkit-progress-value { background: #e0a030; }
progress.warn::-moz-progress-bar { background: #e0a030; }
table { font-size: .9rem; }
.menu { flex-wrap: wrap; }
.badge { display: inline-block; min-width: 1.3rem; padding: 0 .35rem; border-radius: 1rem; background: #d04a3c; color: #fff; font-size: .75rem; text-align: center; }
.statusline { margin: 0 0 .5rem; }
pre.body { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; padding: .75rem; background: #1b212c; border-radius: .3rem; }
svg.spark { width: 100%; height: 3rem; background: #1b212c; border-radius: .3rem; }
details { margin-bottom: .6rem; }
.banner-info { border-color: #4a8fd8; background: #15283d; color: #b9d6f2; }
form.inline { display: inline; margin: 0 .5rem; }
form.act { display: inline-block; margin: 0 .5rem .25rem 0; }
form.act input, form.act button { margin: 0; width: auto; display: inline-block; padding: .25rem .6rem; font-size: .85rem; }
input.pw { max-width: 11rem; }
button.linklike { background: none; border: none; padding: 0; width: auto; display: inline; color: #7ab4ee; font-size: .85rem; text-decoration: underline; cursor: pointer; }
button.danger, button.danger-text { color: #f0766b; }
button.danger { background: #3b1a17; border-color: #e0584a; }
.muted { color: #98a3b1; }
article.login { max-width: 28rem; margin: 2rem auto; }
progress.reached::-webkit-progress-value { background: #3fae72; }
progress.reached::-moz-progress-bar { background: #3fae72; }