/* Last five minutes card. Namespaced .ch-* so it cannot collide with style.css,
 * theme-v4.css or the other card modules. Direction is carried by the glyph
 * as well as by colour. */
.chase-card { display: flex; flex-direction: column; gap: 6px; border-left: 4px solid #334155; }
.chase-card.ch-stopped { opacity: .75; }
.ch-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ch-head .label { flex: 0 0 auto; }
.ch-meta { flex: 1 1 auto; text-align: right; font-size: 10px; color: var(--text-dimmer);
  font-variant-numeric: tabular-nums; }
.ch-scroll { overflow-x: auto; }
table.ch-table { width: 100%; min-width: 340px; border-collapse: collapse; font-size: 11px;
  font-variant-numeric: tabular-nums; }
table.ch-table th, table.ch-table td { padding: 3px 4px; vertical-align: middle;
  border-bottom: 1px solid var(--border); }
table.ch-table thead th { font-weight: 500; color: var(--text-dimmer); font-size: 10px; text-align: center; }
table.ch-table tbody th { font-weight: 600; color: var(--text); text-align: center; white-space: nowrap; }
table.ch-table tr.ch-atm th, table.ch-table tr.ch-atm td { background: var(--bg-card-alt); }
.ch-run, .ch-q { text-align: center; white-space: nowrap; }
.ch-strip { display: block; letter-spacing: 1px; font-size: 12px; line-height: 1.2; }
.ch-g { font-style: normal; }
.ch-up { color: #4ade80; }
.ch-dn { color: #f87171; }
.ch-flat { color: var(--text-dim); }
.ch-unk { color: var(--text-dimmer); }
.ch-run-up .ch-strip, .ch-run-dn .ch-strip { font-weight: 800; }
.ch-run-up .ch-sub b { color: #4ade80; }
.ch-run-dn .ch-sub b { color: #f87171; }
.ch-mid { display: block; font-size: 12px; font-weight: 600; color: var(--text); }
.ch-chain .ch-mid { color: var(--text-dim); }
.ch-sub { display: block; font-size: 9.5px; color: var(--text-dimmer); }
.ch-na { color: var(--text-dimmer); text-align: center; }
.ch-foot { font-size: 10px; color: var(--text-dimmer); line-height: 1.45; margin: 4px 0 0; }
.ch-empty { font-size: 12px; color: var(--text-dimmer); }
.ch-hs { display: none; }
@media (max-width: 480px) {
  .ch-meta { text-align: left; flex-basis: 100%; }
  table.ch-table { min-width: 0; }
  table.ch-table th, table.ch-table td { padding: 3px 2px; }
  .ch-sep, .ch-ba { display: none; }
  .ch-nw, .ch-hs { display: block; }
  .ch-strip { letter-spacing: 0; font-size: 11px; }
}