styles.css

.confidence-container {
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; /* Centered both horizontally and vertically */
  padding-bottom: 0px;
  position: relative;
}
.confidence-value {
  background-color: #f5f5f5;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  min-width: 100px;
  transform: scale(0.9);
  margin: 0 auto;
  position: relative;
  top: 0px; /* Remove extra nudge */
}


/* Keep your existing color classes */
.confidence-low { color: #d32f2f; background-color: #ffebee; }
.confidence-medium { color: #f57c00; background-color: #fff3e0; }
.confidence-high { color: #388e3c; background-color: #e8f5e9; }

.confidence-multi {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
}