/* Execution timeline bar (MVP).
 *
 * The gray background represents the full request span range.
 * The colored bar represents the current span position and duration.
 */

.no-exec-timeline-bg {
  position: relative;
  overflow: hidden;
  min-width: 180px;
  height: 18px;
  border-radius: 8px;
  background: #e5e7eb;
}

.no-exec-timeline-bar {
  width: var(--no-width, 0%);
  min-width: 3px; /* always visible */
  height: 100%;
  border-radius: 8px;
}

/* Semantic performance colors */
.no-exec-fast {
  background: #16a34a; /* green */
}

.no-exec-mid {
  background: #f59e0b; /* orange */
}

.no-exec-slow {
  background: #dc2626; /* red */
}
