/* Prefilled-from-quiz note injected by assets/js/components/lead-prefill.js
   on any form auto-filled from the saved RevOps lead. Subtle teal bar to
   match the survey's "saved result" banner. */
.lead-prefill-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  padding: 0.625rem 0.75rem 0.625rem 1rem;
  border: 1px solid color-mix(in oklch, var(--brand-teal) 30%, transparent);
  background: color-mix(in oklch, var(--brand-teal) 6%, transparent);
  border-radius: var(--radius-md);
}
.lead-prefill-note__text {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--fs-sm);
  color: var(--color-foreground);
}
.lead-prefill-note__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--brand-teal);
  box-shadow: 0 0 0 4px color-mix(in oklch, var(--brand-teal) 18%, transparent);
}
.lead-prefill-note__clear {
  background: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: var(--font-weight-medium);
  color: var(--brand-teal);
  padding: 0.3rem 0.6rem;
  border-radius: var(--radius-sm);
  transition: background var(--dur-fast) var(--ease);
}
.lead-prefill-note__clear:hover {
  background: color-mix(in oklch, var(--brand-teal) 12%, transparent);
}