/* ===== 数据趋势 ===== */

/* 筛选行 */
.filter-row {
  margin-top: 4rpx;
}

.custom-range {
  display: flex;
  align-items: center;
  gap: 16rpx;
}

.range-sep {
  font-size: 26rpx;
  color: #718096;
  flex-shrink: 0;
}

.picker-display {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16rpx 24rpx;
  border: 1rpx solid #e2e8f0;
  border-radius: 8rpx;
  background: #f7fafc;
  font-size: 28rpx;
  color: #2d3748;
}

.picker-display--sm {
  flex: 1;
  padding: 12rpx 16rpx;
  font-size: 26rpx;
}

.picker-arrow {
  font-size: 20rpx;
  color: #a0aec0;
  margin-left: 10rpx;
}

.picker-label-sm {
  color: #a0aec0;
  margin-right: 8rpx;
}

/* 项目标签 */
.items-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12rpx;
}

.item-tag {
  display: flex;
  align-items: center;
  gap: 8rpx;
  padding: 10rpx 20rpx;
  border-radius: 20rpx;
  font-size: 24rpx;
  color: #718096;
  background: #edf2f7;
  border: 1rpx solid #e2e8f0;
}

.item-tag--active {
  font-weight: 500;
}

.item-tag-dot {
  width: 12rpx;
  height: 12rpx;
  border-radius: 50%;
  flex-shrink: 0;
}

/* 图表 */
.card-chart {
  position: relative;
  overflow: hidden;
}

.chart-canvas {
  width: 100%;
  height: 460rpx;
}

.chart-empty-overlay {
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}