/* recorder-banner.css — design-token-compliant verdict badge.
 *
 * Light theme only. Uses sovren-standard variables when available,
 * falls back to fixed hex if loaded without the standard.
 *
 * Drop into your page after sovren-standard.css and the JS module
 * picks up these styles automatically.
 */

.rb-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  margin-left: 6px;
  border: 1px solid transparent;
  vertical-align: middle;
  transition: filter 0.15s ease;
}

.rb-pill:hover {
  filter: brightness(0.95);
}

.rb-clean    { background: #D1FAE5; color: #065F46; }  /* green */
.rb-ai       { background: #FEE2E2; color: #991B1B; }  /* red — AI hallucinated */
.rb-usr      { background: #FEF3C7; color: #92400E; }  /* yellow — bad prompt */
.rb-ignored  { background: #FEF3C7; color: #92400E; }  /* yellow — ignored uncertainty */
.rb-disagree { background: #DBEAFE; color: #1E40AF; }  /* blue — user was right */

.rb-evidence {
  display: none;
  margin: 6px 0 0 6px;
  padding: 8px 12px;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  font-family: var(--font-sans, system-ui, sans-serif);
  font-size: 12px;
  color: #374151;
  max-width: 600px;
}

.rb-evidence.rb-open {
  display: block;
}

.rb-evidence-row {
  margin: 3px 0;
  line-height: 1.5;
}

.rb-evidence-row b {
  color: #111827;
  font-weight: 600;
  margin-right: 4px;
}

.rb-bc {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px;
  color: #6B7280;
}