/* Section: GitHub star history
   Cumulative org stars over time. Owned by
   shared/dashboard/sections/star_history/. */

.section--star-history {
  margin-top: 2rem;
}

.section--star-history .section-title {
  margin-bottom: 0.5rem;
}

.section--star-history .section-desc {
  color: var(--color-text-muted);
  margin-bottom: 1rem;
  font-size: 0.95rem;
  line-height: 1.55;
}

.section--star-history .star-org-suffix {
  color: var(--color-text-muted);
  font-size: 0.85em;
  font-weight: 500;
  margin-left: 0.4rem;
}

.star-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin-bottom: 1rem;
  font-size: 0.92rem;
  color: var(--color-text-muted);
}

.star-summary .star-kpi strong {
  color: var(--protocol-accent, var(--color-text));
  font-variant-numeric: tabular-nums;
}

.star-summary .star-kpi.kpi-positive strong {
  color: var(--color-positive, #22c55e);
}

.star-summary .star-kpi.kpi-negative strong {
  color: var(--color-negative, #ef4444);
}

/* Same height-via-parent contract as cardstats / reach_history. */
.star-canvas-box {
  position: relative;
  height: 320px;
  width: 100%;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
}

.star-canvas-box > canvas {
  position: absolute;
  inset: 0.5rem 0.75rem;
  display: block;
}

@media (max-width: 768px) {
  .star-canvas-box { height: 240px; }
}