.thread-viewer .tv-latency {
  margin: 12px 0; border: 1px solid var(--ui-line); border-radius: 7px;
  background: var(--ui-surface,#fff); color: var(--ui-ink);
}
.tv-latency summary { padding: 10px 14px; cursor: pointer; font-weight: 650; }
.tv-latency-body { padding: 4px 14px 14px; display:grid; gap:10px; }
.tv-latency-fields { display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.tv-latency-fields label,.tv-latency-occurrence { display:grid; gap:3px; font-size:12px; color:var(--ui-muted); }
.tv-latency select { min-width:0; width:100%; font:inherit; color:var(--ui-ink); background:var(--ui-surface,#fff); }
.tv-latency-pager { display:flex; align-items:end; gap:5px; }
.tv-latency-occurrence { min-width: min(100%,14rem); }
.tv-latency-pager button { min-width: 28px; }
.tv-latency-value { font:600 15px/1.4 var(--mono,monospace); color:var(--ui-navy); font-variant-numeric:tabular-nums; }
.tv-latency-note { margin:0; font-size:12px; color:var(--ui-muted); }
.tv-latency-stages { margin:0;padding:0;list-style:none;border:1px solid var(--ui-line);border-radius:5px; }
.tv-latency-stages li { display:grid;grid-template-columns:minmax(8rem,1.1fr) minmax(7rem,1fr) minmax(8rem,1fr);gap:8px;padding:6px 9px;font-size:12px;align-items:baseline; }
.tv-latency-stages li+li { border-top:1px solid var(--ui-line); }
.tv-latency-stages small {font:11px/1.4 var(--mono,monospace); text-align:right; font-variant-numeric:tabular-nums;}
.tv-latency-body>.tv-control {justify-self:start;}
@container (max-width:620px) {
  .tv-latency-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tv-latency-stages li { grid-template-columns:minmax(0,1fr) auto; }
  .tv-latency-stages li span { grid-row:2; }
  .tv-latency-stages small { grid-area:1 / 2 / 3 / 3; align-self:center; }
}