.timeline-day { cursor: pointer; }
.timeline-day.stable { fill: #86efac; }
.timeline-day.degraded { fill: #fde047; }
.timeline-day.blocked { fill: #fca5a5; }
.timeline-day.idle { fill: #e5e7eb; }
.event-dot { pointer-events: all; }
.tooltip {
  position: absolute; pointer-events: none;
  background: #0f172a; color: white; padding: 6px 8px; border-radius: 6px;
  font-size: 12px; max-width: 360px; opacity: 0; transition: opacity .1s;
}
.ai-overview {
  font-size: 0.95rem;
  line-height: 1.55;
  color: #334155;
  max-width: 72ch;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
  border-left: 3px solid #818cf8;
  background: #eef2ff;
  border-radius: 0 0.375rem 0.375rem 0;
}
.ai-overview::before {
  content: "AI overview";
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6366f1;
  margin-right: 0.5rem;
  vertical-align: 1px;
}
.version-band {
  position: relative;
  height: 56px;
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  overflow: hidden;
  cursor: pointer;
  transition: filter .1s;
}
.version-band:hover { filter: brightness(1.08); }
.version-band-label {
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
}
.version-band-meta {
  font-size: 0.7rem;
  opacity: 0.95;
  margin-top: 3px;
}
.stat-card {
  padding: 10px 12px;
  border-radius: 6px;
  background: white;
  border: 1px solid #e2e8f0;
}
.stat-card .label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
}
.stat-card .value {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0f172a;
  margin-top: 2px;
}
.bar-row { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; }
.bar-row .label { flex: 0 0 90px; text-transform: capitalize; color: #334155; }
.bar-row .bar {
  flex: 1; height: 14px; background: #e2e8f0; border-radius: 3px; overflow: hidden;
}
.bar-row .bar-fill { height: 100%; background: #6366f1; }
.bar-row .count { flex: 0 0 45px; text-align: right; font-variant-numeric: tabular-nums; color: #475569; }
