.iris-activity {
  --iris-ink: #18232d;
  --iris-muted: #60657b;
  --iris-grid: #e7e8ee;
  --iris-controls: #eeeef2;
  --iris-older: #a2be16;
  --iris-recent: #698735;
  min-width: 0;
  color: var(--iris-ink);
  font: 14px/1.4 system-ui, sans-serif;
}

.iris-activity .iac-title { margin: 0 0 .35rem; font-size: 1em; }
.iris-activity .iac-toolbar { display: flex; align-items: center; gap: .35rem; }
.iris-activity .iac-details { flex: 1; min-width: 0; margin: .2rem 0; color: var(--iris-muted); font-size: .85em; }
.iris-activity .iac-toolbar button {
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  border: 0;
  border-radius: .3rem;
  background: var(--iris-controls);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.iris-activity .iac-toolbar button:disabled { opacity: .45; cursor: default; }
.iris-activity .iac-chart { position: relative; touch-action: pan-y; user-select: none; }
.iris-activity .iac-plot { display: block; width: 100%; height: auto; }
.iris-activity .iac-plot text { fill: var(--iris-muted); font-size: 10px; }
.iris-activity .iac-window { position: absolute; top: 0; bottom: 0; overflow: hidden; pointer-events: none; }
.iris-activity .iac-bars { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.iris-activity .iac-grid { fill: none; stroke: var(--iris-grid); }
.iris-activity .iac-year { stroke: var(--iris-muted); stroke-dasharray: 2 3; opacity: .45; }
.iris-activity .iac-older { stroke: var(--iris-older); }
.iris-activity .iac-recent, .iris-activity .iac-forecast { stroke: var(--iris-recent); }
.iris-activity .iac-forecast { fill: none; }
.iris-activity .iac-selection { fill: var(--iris-muted); fill-opacity: .14; }