/* Club Lead Tracker — supplemental styles */

/* Filter buttons */
.filter-btn {
  background: white;
  border: 1px solid #cbd5e1;
  color: #64748b;
  padding: 6px 16px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.filter-btn:hover {
  background: #f1f5f9;
  color: #334155;
}
.filter-btn.active {
  background: #1e293b;
  border-color: #1e293b;
  color: white;
}

/* Status badges */
.status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 600;
}
.status-badge.active {
  background: #d1fae5;
  color: #065f46;
}
.status-badge.warm {
  background: #fef3c7;
  color: #92400e;
}
.status-badge.cold {
  background: #f1f5f9;
  color: #64748b;
}

/* Notes column — truncate with ellipsis */
.notes-cell {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

/* Last contact — grey out old dates */
.last-contact {
  font-size: 13px;
  color: #94a3b8;
}

/* Delete action — danger styling */
.delete-btn {
  color: #ef4444;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background 0.15s;
}
.delete-btn:hover {
  background: #fee2e2;
}

/* Table row hover */
#leadsTableBody tr:hover {
  background: #f8fafc;
}
#leadsTableBody tr {
  border-bottom: 1px solid #f1f5f9;
  transition: background 0.1s;
}
#leadsTableBody tr:last-child {
  border-bottom: none;
}

/* League badge */
.league-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  background: #e0e7ff;
  color: #3730a3;
  letter-spacing: 0.02em;
}

/* Priority badge */
.priority-badge {
  display: inline-block;
  margin-top: 2px;
  padding: 1px 6px;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 700;
  background: #fee2e2;
  color: #b91c1c;
}

/* Email open badges */
.email-open-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
}
.email-open-badge.opened {
  background: #fef3c7;
  color: #92400e;
}
.email-open-badge.replied {
  background: #d1fae5;
  color: #065f46;
}

/* Outreach badges */
.outreach-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.outreach-badge.outreach-not-started {
  background: #f1f5f9;
  color: #94a3b8;
}
.outreach-badge.outreach-sent {
  background: #dbeafe;
  color: #1e40af;
}
.outreach-badge.outreach-opened {
  background: #fef3c7;
  color: #92400e;
}
.outreach-badge.outreach-replied {
  background: #d1fae5;
  color: #065f46;
}
.outreach-badge.outreach-no-response {
  background: #f1f5f9;
  color: #475569;
}