/* Lead state badges - using Campfire color system */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  padding: 0.2em 0.5em;
  border-radius: 0.25em;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border: 1px solid var(--color-border-dark);
  background-color: var(--color-bg);
  color: var(--color-text);
}

.badge.draft {
  border-color: var(--color-border-darker);
  color: var(--color-border-darker);
}

.badge.needs_info {
  border-color: var(--color-alert);
  color: var(--color-alert);
}

.badge.priced {
  border-color: var(--color-link);
  color: var(--color-link);
}

.badge.distributing {
  border-color: var(--color-link);
  background-color: var(--color-selected);
  color: var(--color-link);
}

.badge.pending {
  border-color: var(--color-alert);
  color: var(--color-alert);
}

.badge.sold {
  border-color: var(--color-positive);
  background-color: var(--color-positive);
  color: var(--color-text-reversed);
}

.badge.returned {
  border-color: var(--color-negative);
  color: var(--color-negative);
}

.badge.expired {
  border-color: var(--color-border-darker);
  color: var(--color-border-darker);
}

.badge.closed {
  border-color: var(--color-border-darker);
  color: var(--color-border-darker);
}

.badge.no-matches {
  border-color: var(--color-negative);
  background-color: var(--color-negative);
  color: var(--color-text-reversed);
}

.badge.no-matches img {
  filter: brightness(0) invert(1);
}

/* Urgency indicators */
.urgency-soon {
  color: var(--color-alert);
  font-weight: 600;
}

.urgency-urgent {
  color: var(--color-negative);
  font-weight: 600;
}

/* Text color utility */
.txt-negative {
  color: var(--color-negative);
}

/* Lead Card - inline card for messages */
.lead-card {
  max-width: 400px;
  margin: 0.5em 0;
  overflow: hidden;
}

.lead-card__header {
  background: var(--color-bg);
}

.lead-card__description {
  color: var(--color-text-subtle);
}

.lead-card__contact {
  background: var(--color-selected);
  border-radius: 0.25em;
  margin-inline: var(--space);
  margin-block-end: var(--space);
  padding: 0.5em;
}

.lead-card__footer {
  background: var(--color-bg);
}

.lead-card__price {
  font-size: 1.1em;
  color: var(--color-positive);
}

.lead-card__actions .btn--small {
  padding: 0.25em 0.5em;
  font-size: 0.85em;
}

/* Lead offers dropdown */
.lead-offers-dropdown {
  position: relative;
  display: inline-block;
}

.lead-offers-dropdown__menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.25em;
  background: var(--color-bg);
  border: 1px solid var(--color-border-darker);
  border-radius: 0.5em;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 200px;
  z-index: 100;
  overflow: hidden;
}

.lead-offers-dropdown__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1em;
  width: 100%;
  padding: 0.75em 1em;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  text-align: left;
}

.lead-offers-dropdown__item:last-child {
  border-bottom: none;
}

.lead-offers-dropdown__item:hover {
  background: var(--color-selected);
}

.lead-offers-dropdown__item strong {
  color: var(--color-positive);
  font-size: 1.1em;
}

.lead-offers-dropdown__item span {
  color: var(--color-text);
  font-size: 0.9em;
}

.lead-offers-dropdown__item small {
  color: var(--color-text-subtle);
  font-size: 0.8em;
}