.row { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; margin-bottom: .75rem; }
.row > input, .row > select { flex: 1 1 12rem; margin-bottom: 0; }
.row > button, .row > [role=button] { width: auto; margin-bottom: 0; }
.spread { justify-content: space-between; }
form.inline { display: inline; margin: 0; }
form.inline button { width: auto; margin: 0; }
form.inline label { display: inline-flex; gap: .25rem; margin: 0 .5rem 0 0; font-size: .85rem; }
button.small { padding: .1rem .5rem; font-size: .8rem; }
.muted { color: var(--pico-muted-color); }
.error { color: var(--pico-del-color); }
.prewrap { white-space: pre-wrap; }
.login { max-width: 24rem; margin: 10vh auto; }
.cycle h2 { margin-bottom: .25rem; }
.tier { font-size: .8rem; color: var(--pico-muted-color); font-weight: normal; }
.steps > li { margin-bottom: 1rem; }
.steps > li.done > strong { text-decoration: line-through; color: var(--pico-muted-color); }
.note { border-left: 4px solid var(--pico-primary); }
.activities { padding-left: 0; }
.activities li { list-style: none; margin-bottom: .25rem; }
.activities li.planned { font-style: italic; }
.feedback label { display: inline-flex; gap: .25rem; margin-right: 1rem; }
tr.archived { opacity: .5; }