/* Compact behavior telemetry: widths and readouts share one sampled value. */
.behavior-signals .signal-row {
  grid-template-columns: minmax(0, 1fr) auto;
  font-variant-numeric: tabular-nums;
}
.behavior-signals .signal-row > span { min-width: 0; overflow-wrap: anywhere; }
.behavior-signals .signal-row strong { min-width: 4ch; text-align: right; }
.behavior-signals .signal-bar { overflow: hidden; }
.behavior-signals .signal-bar i {
  width: 100%;
  transform-origin: left center;
  transition: transform 65ms linear;
  background: var(--orange, #ff7a18);
  box-shadow: none;
}
.behavior-signals [data-tone="red"] .signal-bar i { background: var(--red-hot, #ff3c4f); }
.behavior-signals [data-tone="green"] .signal-bar i { background: var(--green, #76f0a8); }
@media (max-width: 720px) {
  .behavior-signals .signal-row { font-size: 7px !important; line-height: 1.4; }
  .behavior-signals .section-label { font-size: 6px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .behavior-signals .signal-bar i { transition: none; }
}