/* ==========================================================================
   Data Confidence Indicators
   ========================================================================== */

/* Confidence Badge - Pill style */
.confidence-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 2px var(--space-2);
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-full);
  background: var(--color-background);
  line-height: 1.4;
  white-space: nowrap;
  cursor: default;
  vertical-align: middle;
}

.confidence-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

.confidence-badge-text {
  font-weight: var(--font-weight-semibold);
}

.confidence-badge-detail {
  color: var(--color-text-tertiary);
}

.confidence-badge-detail::before {
  content: "·";
  margin-right: var(--space-1);
}

/* Confidence levels */
.confidence-badge--high { color: var(--color-green); }
.confidence-badge--high .confidence-badge-dot { background: var(--color-green); }

.confidence-badge--medium { color: var(--color-orange); }
.confidence-badge--medium .confidence-badge-dot { background: var(--color-orange); }

.confidence-badge--low { color: var(--color-red); }
.confidence-badge--low .confidence-badge-dot { background: var(--color-red); }

.confidence-badge--none { color: var(--color-text-tertiary); }
.confidence-badge--none .confidence-badge-dot { background: var(--color-text-tertiary); }

/* Confidence Dot - Compact indicator */
.confidence-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  cursor: default;
  vertical-align: middle;
}

.confidence-dot--high { background: var(--color-green); }
.confidence-dot--medium { background: var(--color-orange); }
.confidence-dot--low { background: var(--color-red); }
.confidence-dot--none { background: var(--color-text-tertiary); }