/*
 * Live GAP sparkline (B8 phase 2b).
 *
 * Fits in #status-row alongside the metrics table; small enough
 * to not displace the existing layout but visible enough to read
 * at a glance.
 */

.gap-timeline {
  position: relative;
  width: 200px;
  height: 32px;
  border: 1px solid #1a261a;
  border-radius: 2px;
  background: #0a0a10;
  margin: 0 8px;
  /* REC ⬤ Xs / Ys badge can grow with elapsed time; clip so it
     never spills out into the adjacent metrics-table column. */
  overflow: hidden;
}

.gap-timeline-badge {
  position: absolute;
  top: 2px;
  left: 4px;
  font-family: monospace;
  font-size: 10px;
  letter-spacing: 0.04em;
  padding: 0 4px;
  border-radius: 2px;
}

.gap-timeline-badge--idle {
  color: #7f8b99;
  background: transparent;
}

.gap-timeline-badge--rec {
  color: #ffe069;
  background: #6b5a1c;
  animation: gap-timeline-pulse 1.6s ease-in-out infinite;
  white-space: nowrap;
}

/* > 90% of MAX_CAP reached — about to be classified as
 * PersistentRFI and discarded. Flip to a warning palette. */
.gap-timeline-badge--rec-cap {
  color: #fff;
  background: #b33030;
  animation: gap-timeline-pulse 0.8s ease-in-out infinite;
}

@keyframes gap-timeline-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.6; }
}