/* 績效儀表板連勝/連黑軌道（/performance 專用） */

.streak-track-card {
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
}

.streak-track-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.375rem 0;
}

.streak-track-row + .streak-track-row {
  border-top: 1px solid rgba(51, 65, 85, 0.45);
}

.streak-track-label {
  flex: 0 0 2.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}

.streak-track-icons {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.streak-track-icons::-webkit-scrollbar {
  display: none;
}

.streak-track-summary {
  flex: 0 0 auto;
  font-size: 0.6875rem;
  color: #94a3b8;
  white-space: nowrap;
}

.streak-icon {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.streak-icon--hit {
  background: rgba(16, 185, 129, 0.18);
  border: 1px solid rgba(16, 185, 129, 0.55);
  color: #34d399;
}

.streak-icon--miss {
  background: rgba(245, 158, 11, 0.14);
  border: 1px solid rgba(245, 158, 11, 0.45);
  color: #fbbf24;
}

.streak-icon--push,
.streak-icon--skip {
  background: rgba(30, 41, 59, 0.55);
  border: 1px dashed rgba(100, 116, 139, 0.65);
  color: #64748b;
}

.streak-icon svg {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
}