/* crm.css — Leads, Central de Prospecção, Detalhe do Lead, Minhas Tarefas */

.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 16px; }
.filter-bar select, .filter-bar input { padding: 7px 10px; border-radius: var(--radius-md); border: 1px solid var(--surface-border); font-size: 12.5px; background: var(--surface-card); }

.prospecting-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.prospecting-col__head { display: flex; align-items: center; justify-content: space-between; padding: 10px 4px; margin-bottom: 8px; }
.prospecting-col__head h3 { font-size: 13px; margin: 0; }
.prospecting-col--late .prospecting-col__head h3 { color: var(--color-danger); }
.prospecting-col--today .prospecting-col__head h3 { color: var(--color-warning); }
.prospecting-col--soon .prospecting-col__head h3 { color: var(--color-success); }

.lead-card {
  background: var(--surface-card); border: 1px solid var(--surface-border); border-radius: var(--radius-md);
  padding: 12px 13px; margin-bottom: 10px; box-shadow: var(--shadow-sm); cursor: pointer; transition: box-shadow .15s, transform .1s;
}
.lead-card:hover { box-shadow: var(--shadow-md); transform: translateY(-1px); }
.lead-card__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
.lead-card__name { font-weight: 700; font-size: 13.5px; color: var(--color-green-900); }
:root[data-theme="dark"] .lead-card__name { color: var(--color-gold-100); }
.lead-card__meta { font-size: 11.5px; color: var(--color-gray-500); margin-bottom: 8px; }
.lead-card__meta div { margin-bottom: 2px; }
.lead-card__actions { display: flex; gap: 5px; flex-wrap: wrap; }
.action-btn {
  border: 1px solid var(--surface-border); background: var(--color-gray-50); border-radius: var(--radius-sm);
  font-size: 11px; padding: 5px 8px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--color-gray-700);
}
.action-btn:hover { border-color: var(--color-gold-500); color: var(--color-green-800); }
.action-btn--whatsapp { background: #e7f7ee; color: #1e7a4f; border-color: #cdebd9; }
.action-btn--call { background: var(--color-info-bg); color: var(--color-info); border-color: #d3e6f4; }
.action-btn--advance { background: var(--color-gold-100); color: var(--color-gold-600); border-color: var(--color-gold-400); }

.lead-detail-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.lead-detail-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; align-items: start; }
@media (max-width: 1100px) { .lead-detail-grid { grid-template-columns: 1fr; } }

.info-row { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px dashed var(--surface-border); font-size: 12.5px; }
.info-row:last-child { border-bottom: none; }
.info-row__label { color: var(--color-gray-500); }
.info-row__value { font-weight: 600; text-align: right; color: var(--color-gray-900); }

.attempt-history { font-size: 12.5px; }
.attempt-history li { margin-bottom: 6px; }

.stale-indicator { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; }

.quick-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }

.wa-message-picker { display: flex; flex-direction: column; gap: 8px; max-height: 200px; overflow-y: auto; }
.wa-message-option { border: 1px solid var(--surface-border); border-radius: var(--radius-md); padding: 10px 12px; cursor: pointer; }
.wa-message-option:hover { border-color: var(--color-gold-500); background: var(--color-gold-50); }
.wa-message-option__title { font-weight: 700; font-size: 12.5px; margin-bottom: 3px; }
.wa-message-option__preview { font-size: 11.5px; color: var(--color-gray-500); }

.my-tasks-list .lead-card { display: flex; flex-direction: column; }