.activity-curve { width: 100%; min-width: 0; }
.activity-curve-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; min-height: 32px; color: #858585; font: 11px/1.6 monospace; }
.activity-curve-detail { min-width: 0; overflow-wrap: anywhere; }
.activity-curve-detail strong { color: #fff; font-weight: 600; }
.activity-curve-peak { flex-shrink: 0; }
.activity-curve-svg { display: block; width: 100%; height: 256px; overflow: visible; }
.activity-axis { font: 11px monospace; fill: #909090; }
.activity-point { cursor: pointer; outline: none; }
.activity-point:hover .activity-axis, .activity-point:focus .activity-axis { fill: #fff; }
.activity-curve-empty { display: flex; align-items: center; justify-content: center; height: 256px; color: #858585; font: 12px monospace; text-align: center; }