/* Leads page specific styles */

.lead-card {
  transition: all 0.2s ease;
}

.lead-card:hover {
  background: rgba(45, 212, 191, 0.05);
  border-color: rgba(45, 212, 191, 0.3);
}

.lead-card.selected {
  background: rgba(45, 212, 191, 0.1);
  border-color: rgba(45, 212, 191, 0.5);
}

.checkbox-custom {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  flex-shrink: 0;
}

.checkbox-custom:checked {
  background: #14b8a6;
  border-color: #14b8a6;
}

.checkbox-custom:checked::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.checkbox-custom:hover {
  border-color: rgba(45, 212, 191, 0.5);
}

.selection-bar {
  animation: slideUp 0.3s ease-out;
}

/* Persona badges */
.persona-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.persona-badge-banker {
  background: rgba(45, 212, 191, 0.15);
  color: #2dd4bf;
  border: 1px solid rgba(45, 212, 191, 0.3);
}

.persona-badge-investor {
  background: rgba(139, 92, 246, 0.15);
  color: #a78bfa;
  border: 1px solid rgba(139, 92, 246, 0.3);
}

/* Investor lead card hover state */
.lead-card:has(.persona-badge-investor):hover {
  background: rgba(139, 92, 246, 0.05);
  border-color: rgba(139, 92, 246, 0.3);
}

.lead-card.selected:has(.persona-badge-investor) {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.5);
}