/* ═══════════════════════════════════════════════════════════════════════════
   leads.css — lo que comparten seguimiento.html, lead.html y captura.html
   (se carga DESPUÉS de lumavi.css). Si cambias algo, sube ?v= en esas páginas.
   ═══════════════════════════════════════════════════════════════════════════ */

/* etiquetas de tipo / etapa */
.tag.violet{background:var(--violet-t);color:var(--violet-ink)}
.tag.teal{background:var(--teal-t);color:var(--teal-ink)}
.tag.yellow{background:#FFF6D6;color:#6B5200}
.tag.pink{background:#FBE9F1;color:#8A2553}
.own{font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}
.own.none{background:transparent;border:1px dashed #9AA4AF;color:var(--mid)}
.due{font-size:12.5px;color:var(--mid);white-space:nowrap}
.due.late{color:var(--red-ink);font-weight:700}
.due.today{color:var(--orange-ink);font-weight:700}
.due.soon{color:var(--blue-ink);font-weight:600}

/* una fila de lead */
.lrows{display:flex;flex-direction:column}
.lrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 0;border-top:1px solid var(--line2)}
.lrows .lrow:first-child{border-top:none}
.l-a{display:flex;flex-direction:column;gap:4px;min-width:0;text-decoration:none;color:var(--ink);border-radius:8px;padding:2px 0}
.l-a:hover .l-nm b{text-decoration:underline}
.l-nm{display:flex;align-items:baseline;gap:8px;min-width:0}
.l-nm b{font-size:15.5px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l-id{font-size:12px;font-weight:600;color:var(--mid);white-space:nowrap}
.l-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--mid)}
.l-tx{font-size:13.5px;color:var(--mid2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.l-tx.paso{color:var(--ink)}
.l-tx.paso::before{content:'→ ';color:var(--green)}
.l-acts{display:flex;gap:6px;align-items:center}
.ibtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ibtn:hover{background:#F6F8FA}
.ibtn.wa{color:#1E6B3A}
.ibtn[aria-disabled="true"]{opacity:.35;pointer-events:none}
.only-wide{display:none}
@media (min-width:900px){
  .lrows .lrow{grid-template-columns:minmax(0,1fr) 150px 130px 96px auto;column-gap:14px}
  .lrows .lrow .only-wide{display:block}
  .lrows .lrow .only-narrow{display:none}
}

/* avisos que salen abajo */
.aviso{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9000;max-width:520px;margin:0 auto;background:var(--navy);color:#fff;border-radius:12px;padding:12px 16px;font-size:14.5px;box-shadow:0 8px 28px rgba(10,35,62,.35);display:flex;gap:10px;align-items:center}
.aviso.mal{background:var(--red)}

/* botones tipo chip */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{min-height:40px;padding:0 12px;border:1px solid var(--field);border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.chip.sm{min-height:36px;padding:0 10px;font-size:13px}
.fld{display:flex;flex-direction:column;gap:4px}
.fld>label,.fld>.lbl{font-size:12.5px;font-weight:600;color:var(--mid)}
.fld .req{color:var(--red-ink)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:520px){ .grid2{grid-template-columns:minmax(0,1fr)} }
textarea{resize:vertical;min-height:84px}
input[type=search],input[type=tel],input[type=url]{width:100%;padding:10px 12px;border:1px solid var(--field);border-radius:10px;background:#fff;font-size:15px;line-height:1.4;-webkit-appearance:none;appearance:none}