/* ConfidenceBar — 50×4 rail with threshold-colored fill.
 * Fill reads ink if value >= threshold (default 0.85); otherwise amber-brown.
 * Theme can redefine the "weak" color via --color-confidence-bar-weak. */

.cp-confidence-bar {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.cp-confidence-bar__track {
  width: 50px;
  height: 4px;
  background: var(--color-surface-muted);
  border-radius: var(--radius-sm, 2px);
  overflow: hidden;
}

.cp-confidence-bar__fill {
  height: 100%;
  transition: width var(--motion-micro, 150ms) var(--ease-natural, ease);
}

.cp-confidence-bar__fill--strong {
  background: var(--color-text-primary);
}

.cp-confidence-bar__fill--weak {
  background: var(--color-confidence-bar-weak, var(--mp-amber-brown, #c9a64b));
}

.cp-confidence-bar__label {
  font-family: var(--font-family-mono);
  font-size: 0.75rem; /* 12px */
  color: var(--color-text-secondary);
  min-width: 2.5rem;
}