.practice-history-chart { display:block;width:100%;height:auto;max-height:280px;margin:1rem 0 .5rem;overflow:visible; }
.practice-history-grid { stroke:var(--border);stroke-width:1; }
.practice-history-axis { fill:var(--muted);font-size:12px; }
.practice-history-count { fill:var(--text);font-size:14px;font-weight:600; }
.practice-history-bar { fill:var(--accent); }
.practice-history-trend { fill:none;stroke:#2f7d72;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none; }
.practice-history-trend-point { fill:var(--surface);stroke:#2f7d72;stroke-width:3; }
.practice-history-trend-key { display:inline-block;width:1.35rem;height:3px;margin-right:.35rem;border-radius:999px;background:#2f7d72;vertical-align:middle; }
.practice-history-details { margin-top:.85rem;color:var(--muted);font-size:.8rem; }
.practice-history-details summary { cursor:pointer; }
.practice-history-details table { width:100%;border-collapse:collapse;margin-top:.6rem;color:var(--text); }
.practice-history-details th,.practice-history-details td { text-align:left;padding:.5rem;border-bottom:1px solid var(--border); }
@media(max-width:480px) { .practice-history-axis { font-size:15px; } .practice-history-count { font-size:17px; } }

.practice-history-summary { margin: .4rem 0 0; color: var(--accent-dark); font-weight: 700; }
.practice-history-refresh {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--surface);
  color: var(--muted);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}
.practice-history-refresh:hover, .practice-history-refresh:focus-visible { color: var(--accent-dark); border-color: var(--accent); }