/* =============================================
   leads.css — Bandeja "Leads web" (js/core/leads.js)
============================================= */

.lw-filtros { display: grid; grid-template-columns: minmax(200px, 2fr) repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.lw-tabla tbody tr.lw-row { cursor: pointer; }
.lw-tabla tbody tr.lw-row:hover { background: var(--light-bg); }
.lw-tabla tbody tr.lw-vencido td:first-child { box-shadow: inset 3px 0 0 var(--danger); }
.lw-tabla tbody tr.lw-hoy td:first-child { box-shadow: inset 3px 0 0 #f0a020; }
.lw-acciones .btn { min-width: 38px; }

.lw-calidad { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--light-bg); color: var(--muted); }
.lw-calidad.ok { background: #e7f7ed; color: #17763c; }
.lw-venc { font-size: 11px; font-weight: 600; white-space: nowrap; }
.lw-venc.vencido { color: var(--danger); }
.lw-venc.hoy { color: #b26b00; }

.lw-contacto { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.lw-contacto .btn { flex: 1 1 auto; }
.lw-datos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; }
.lw-dato { display: flex; flex-direction: column; min-width: 0; }
.lw-dato span { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.lw-dato strong { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.lw-bloque { margin-top: 10px; background: var(--light-bg); border-radius: 8px; padding: 8px 12px; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.lw-bloque span { display: block; font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 2px; }
.lw-rapidos { display: flex; flex-wrap: wrap; gap: 6px; }

@media (max-width: 767.98px) {
  .lw-filtros { grid-template-columns: 1fr 1fr; }
  .lw-filtros #lwBuscar { grid-column: 1 / -1; }
  .lw-datos { grid-template-columns: 1fr; }
  #tabLeads .erp-kpis { grid-template-columns: repeat(2, 1fr); }
  .lw-contacto .btn { padding: 10px; }
}