.telemetry-timed-source-first-look {
  margin: .7rem 0;
  padding: .85rem;
  border: 1px solid #9cc3ce;
  border-radius: 14px;
  color: #17394c;
  background: linear-gradient(135deg, #eef9fa, #f8fbfc 56%, #eef5f8);
}
.telemetry-timed-source-first-look * { box-sizing: border-box; }
.telemetry-timed-source-first-look h4 { color: #15374a; margin: .15rem 0 .6rem; font-size: 1.15rem; line-height: 1.2; }
.tts-kicker { color: #1b6170; font-size: .72rem; font-weight: 800; letter-spacing: .07em; margin: 0; }
.tts-steps, .tts-events { display: flex; gap: .42rem; overflow-x: auto; scrollbar-width: thin; padding: .1rem .1rem .42rem; }
.tts-step, .tts-event, .tts-actions button {
  min-height: 42px; border: 1px solid #8fb0bd; border-radius: 9px;
  color: #17394c; background: #fff; font: inherit; font-size: .83rem;
  line-height: 1.2; text-align: left; cursor: pointer;
}
.tts-step, .tts-event { flex: 0 0 auto; padding: .42rem .6rem; white-space: normal; max-width: 190px; }
.tts-step[aria-pressed="true"], .tts-event[aria-pressed="true"] { border-color: #0f7180; background: #d3f1ed; box-shadow: inset 0 0 0 1px #0f7180; }
.tts-step:focus-visible, .tts-event:focus-visible, .tts-actions button:focus-visible { outline: 3px solid #cf801f; outline-offset: 2px; }
.tts-body { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: .8rem; align-items: start; }
.tts-figure { margin: 0; min-width: 0; background: #10242d; border: 1px solid #377783; border-radius: 10px; padding: .45rem; }
.tts-figure svg { width: 100%; display: block; aspect-ratio: 3.5 / 1; min-height: 120px; }
.tts-figure figcaption { color: #e1f2f2; font-size: .75rem; line-height: 1.38; padding: .2rem .25rem .15rem; }
.tts-grid .grid { stroke: #31515a; stroke-width: 1; }
.tts-trace { fill: none; stroke: #d0ffdf; stroke-width: 2.4; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.tts-overlays .event { stroke: #f3ce67; stroke-width: 2; stroke-dasharray: 5 4; }
.tts-overlays .selected { stroke: #f79b5f; stroke-width: 3; }
.tts-overlays .linked { stroke: #87daea; stroke-width: 2; stroke-dasharray: 4 3; }
.tts-overlays .output { stroke: #f3ce67; stroke-width: 2.5; }
.tts-overlays .no-response { stroke: #f79b5f; fill: #f79b5f; stroke-width: 2; stroke-dasharray: 5 4; font-size: 11px; }
.tts-overlays .rr-bracket { stroke: #f79b5f; stroke-width: 3; }
.tts-overlays .event-segment { fill: #f3ce6733; stroke: #f3ce67; stroke-width: 2; stroke-dasharray: 5 4; }
.tts-overlays .selected-segment { fill: #f79b5f44; stroke: #f79b5f; stroke-width: 3; }
.tts-overlays .missing-source { fill: #42566388; stroke: #e1c38c; stroke-width: 2; stroke-dasharray: 6 4; }
.tts-overlays .t-inspection-region { fill: #f3ce6744; stroke: #f3ce67; stroke-width: 2; stroke-dasharray: 4 3; }
.tts-inspector { min-width: 0; }
.tts-prompt, .tts-observation, .tts-patient, .tts-feedback, .tts-pins { margin: .15rem 0 .6rem; font-size: .84rem; line-height: 1.35; }
.tts-prompt { font-weight: 600; }
.tts-observation { min-height: 2.4em; background: #fff; border-left: 4px solid #25818a; padding: .5rem; border-radius: 5px; }
.tts-patient { color: #355465; }
.tts-boundaries { min-width: 0; margin-top: .75rem; padding: .72rem; border: 1px solid #95bdc3; border-radius: 10px; background: #e5f3f2; }
.tts-boundaries h5 { margin: 0 0 .3rem; color: #153d48; font-size: .91rem; }
.tts-boundary-guide, .tts-boundary-feedback { margin: .3rem 0 .6rem; color: #315361; font-size: .79rem; line-height: 1.4; }
.tts-boundary-marks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.tts-boundary-card { display: grid; min-width: 0; gap: .25rem; padding: .5rem; border: 1px solid #afcbd0; border-radius: 8px; background: #fff; }
.tts-boundary-card strong { color: #173d48; font-size: .77rem; line-height: 1.25; }
.tts-boundary-selection { min-height: 2.4em; color: #365666; font-size: .76rem; line-height: 1.25; overflow-wrap: anywhere; }
.tts-boundary-mark, .tts-boundary-actions button { min-height: 42px; padding: .4rem .5rem; border: 1px solid #357c84; border-radius: 7px; background: #e8f8f5; color: #164e55; font: inherit; font-size: .76rem; font-weight: 700; line-height: 1.24; text-align: left; cursor: pointer; }
.tts-boundary-mark[aria-pressed="true"] { border-color: #0b6470; background: #c4eae6; }
.tts-boundary-mark:focus-visible, .tts-boundary-actions button:focus-visible { outline: 3px solid #cf801f; outline-offset: 2px; }
.tts-boundary-actions { display: flex; flex-wrap: wrap; gap: .42rem; margin-top: .55rem; }
.tts-boundary-actions .tts-boundary-check { background: #12596a; color: #fff; border-color: #12596a; }
.tts-boundary-feedback { margin: .55rem 0 0; padding: .46rem .55rem; border: 1px solid #adc9cb; border-radius: 7px; background: #fff; }
.tts-boundary-feedback[data-supported="true"] { border-color: #2a876e; background: #e9f7ed; }
.tts-actions { display: flex; flex-wrap: wrap; gap: .42rem; }
.tts-actions button { padding: .45rem .62rem; }
.tts-actions .tts-pin { background: #12596a; color: #fff; border-color: #12596a; }
.tts-actions .tts-review { background: #dfede9; border-color: #267a7d; font-weight: 700; }
.tts-pins { font-weight: 700; color: #276272; margin-top: .55rem; }
.tts-feedback { background: #fff; border: 1px solid #a5c6c9; border-radius: 7px; padding: .5rem; }
.tts-feedback[data-ready="true"] { border-color: #2a876e; background: #e9f7ed; }
.tts-boundary { border-top: 1px solid #bdd8dc; padding-top: .6rem; margin: .6rem 0 0; color: #315469; font-size: .76rem; line-height: 1.35; }
@media (max-width: 740px) {
  .telemetry-timed-source-first-look { padding: .58rem; }
  .telemetry-timed-source-first-look h4 { margin-bottom: .4rem; font-size: 1.06rem; }
  .tts-body { grid-template-columns: 1fr; gap: .55rem; }
  .tts-figure svg { min-height: 98px; }
  .tts-step { max-width: 148px; }
  .tts-event { max-width: 160px; }
  .tts-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tts-actions .tts-pin { grid-column: 1 / -1; }
  .tts-boundary-marks { grid-template-columns: minmax(0, 1fr); }
  .tts-boundary-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
}