/* Leads Page Styles
   Read-only view of WhatsApp-live prospects (public.live_leads).
   Reuses .card / .table-container / .sales-summary-row from the shared
   component CSS; this file only adds lead-specific status chips + tweaks. */

/* Summary chips: allow wrapping on narrow screens */
.leads-summary-row {
    flex-wrap: wrap;
    row-gap: 12px;
}

/* Status badge (mirrors .kpi-badge sizing) */
.lead-status {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.lead-status.lead-new {
    background: rgba(59, 130, 246, 0.12);
    color: #2563EB;
}

.lead-status.lead-invited {
    background: rgba(245, 158, 11, 0.12);
    color: #D97706;
}

.lead-status.lead-converted {
    background: rgba(16, 185, 129, 0.12);
    color: #10B981;
}

.lead-status.lead-stop {
    background: rgba(239, 68, 68, 0.12);
    color: #EF4444;
}

.lead-status.lead-needs-phone {
    background: rgba(107, 114, 128, 0.12);
    color: #6B7280;
}

/* Rows that need a phone number (manual follow-up) */
.lead-row-needs-phone {
    background: rgba(245, 158, 11, 0.04);
}

.lead-no-phone {
    color: #D97706;
    font-style: italic;
    font-size: 13px;
}

.lead-muted {
    color: var(--gray-400);
}

/* Keep the free-text message column from blowing out the table width */
.lead-message-cell {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lead-date-cell {
    white-space: nowrap;
    color: var(--gray-600);
}

/* The leads table is read-only — no sorting cursor on headers */
#leadsTable th {
    cursor: default;
}

#leadsTable th:hover {
    background: var(--gray-50);
    color: var(--gray-500);
}