.route-line {
  column-span: all;
  border: 1.5px dashed oklch(0.55 0.12 350 / .6);
  border-radius: 14px;
  margin: 2px 0 12px;
  font: 400 12px 'Space Mono', monospace;
  color: var(--dim);
}
.route-line-toggle { display: block; width: 100%; text-align: left; background: transparent; border: 0; padding: 10px 14px; font: inherit; line-height: 1.7; color: inherit; cursor: pointer; overflow-wrap: anywhere; }
.route-line-entry b, .route-line-row > b { color: var(--pink); font-weight: 700; }
.route-line-entry.failed, .route-line-entry.failed b, .route-line-error { color: var(--amber); }
.route-line-list { border-top: 1px dashed var(--border-strong); margin: 0 14px; padding: 4px 0; }
.route-line-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; padding: 10px 0; overflow-wrap: anywhere; }
.route-line-row + .route-line-row { border-top: 1px solid var(--border); }
.route-line-row > span:first-of-type { flex: 1; min-width: 120px; }
.route-line-age { color: var(--dimmer); white-space: nowrap; }
.route-line-error { flex-basis: 100%; }
.route-line-sent { display: block; padding: 10px 0; color: var(--pink); }
.sent-entry { border-bottom: 1px solid var(--border); }
.sent-row { width: 100%; background: transparent; border: 0; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.sent-status { color: var(--dimmer); font-size: 12px; }
.sent-failed { color: var(--amber); }