:root { --pico-font-size: 100%; }
header.container nav { padding-top: .5rem; }
form.inline { margin: 0; }
button.small, .small { padding: .3rem .7rem; font-size: .85rem; width: auto; margin-bottom: 0; }
.login { max-width: 24rem; margin: 4rem auto; }
.status-head { display: flex; justify-content: space-between; align-items: center; }
.status-grid > div { margin-bottom: .5rem; }
.badge { display: inline-block; padding: .1rem .55rem; border-radius: 1rem; font-size: .85rem; font-weight: 600; }
.badge.ok { background: #d1f2d9; color: #12602b; }
.badge.err { background: #fbd5d5; color: #8a1c1c; }
.badge.muted { background: #e6e8eb; color: #4a5361; }
.error { color: #c0392b; }
.ok-text { color: #1e8449; }
.muted { color: #7a8494; }
tr.match td { background: #fff3c4 !important; font-weight: 600; }
.marks { border-left: 4px solid #f1c40f; }
.marks ul { margin-bottom: .5rem; }
.marks h4 { margin: .75rem 0 .25rem; }
.marks h5 { margin: .5rem 0 .25rem; font-size: 1rem; }
.marks .meeting:first-of-type h4 { margin-top: 0; }
.line { margin-bottom: .4rem; }
.channel { border: 1px solid var(--pico-muted-border-color); border-radius: .5rem; padding: 1rem; margin-bottom: 1rem; }
.channel legend { padding: 0 .4rem; }
.test-row { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.inline-check { display: inline; font-size: .85rem; }
.inline-check input { margin: 0 .3rem 0 0; }
.nowrap { white-space: nowrap; }
table.log td { font-size: .9rem; vertical-align: top; }
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { display: inline-block; }
@media (prefers-color-scheme: dark) {
  tr.match td { background: #4d4210 !important; }
  .badge.ok { background: #134d27; color: #c9f1d6; }
  .badge.err { background: #5c1a1a; color: #fbd5d5; }
  .badge.muted { background: #39404b; color: #cfd5dd; }
}
.share-row { margin-bottom: .5rem; }
.share-row input[type=text] { flex: 1 1 18rem; margin: 0; font-size: .85rem; padding: .3rem .6rem; height: auto; }
.share-head { margin-bottom: 1rem; }
.share-table td, .share-table th { padding: .45rem .6rem; }
.race { padding: 0; margin-bottom: 1rem; overflow: hidden; }
.race header { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; flex-wrap: wrap;
  margin: 0; padding: .6rem 1rem; }
.race .race-when { color: var(--pico-muted-color); font-size: .9rem; white-space: nowrap; }
.race table { margin: 0; }
.race td { padding: .45rem 1rem; }
.race td.mark { text-align: right; width: 6rem; }
.race tr:last-child td { border-bottom: 0; }