/* ============================================================
   gpaChart.css — GPA 趋势图样式
   ============================================================ */

.profile-chart-section canvas {
  display: block;
  width: 100%;
  border-radius: var(--radius-sm);
}

.profile-algorithm-toggle {
  display: inline-flex;
  gap: 2px;
  background: var(--color-border);
  border-radius: var(--radius-sm);
  padding: 2px;
}

.profile-algo-btn {
  padding: 5px 14px;
  border: none;
  background: transparent;
  color: var(--color-text-muted);
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  transition: all var(--transition);
  font-family: inherit;
  white-space: nowrap;
}

.profile-algo-btn.active {
  background: var(--color-surface);
  color: var(--color-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.profile-algo-btn:hover:not(.active) {
  color: var(--color-text);
}

/* Chart type toggle */
.profile-chart-type-btn {
  margin-left: auto;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .profile-chart-header {
    flex-wrap: wrap;
    gap: 8px;
  }
  .profile-chart-type-btn {
    margin-left: 0;
  }
}