:root {
  --pico-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.brand {
  letter-spacing: .5px;
  text-decoration: none;
}

.flash {
  padding: .75rem 1rem;
  border-left: 4px solid var(--pico-primary);
  margin-bottom: 1rem;
}
.flash-error { border-color: #d33; }
.flash-success { border-color: #2a2; }
.flash-warning { border-color: #da0; }

.mono {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

.status-pill {
  display: inline-block;
  padding: .15rem .6rem;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.status-pending  { background:#444; color:#fff; }
.status-armed    { background:#1e6091; color:#fff; }
.status-running  { background:#da0;  color:#111; }
.status-won      { background:#2a7;  color:#fff; }
.status-lost,
.status-max_reached { background:#a55; color:#fff; }
.status-error    { background:#c33;  color:#fff; }
.status-cancelled{ background:#666;  color:#fff; }

table.compact td, table.compact th { padding: .35rem .5rem; }

.bid-timeline {
  list-style: none;
  padding: 0;
}
.bid-timeline li {
  padding: .4rem .6rem;
  border-left: 3px solid var(--pico-muted-border-color);
  margin-bottom: .4rem;
  font-size: .9rem;
}
.bid-timeline li.ok    { border-color: #2a7; }
.bid-timeline li.fail  { border-color: #c33; }

.right { text-align: right; }