/* Comercial: CRM › Pipeline (oportunidades, previsión, embudo) y CRM › Captar
   (referencias, satisfacción, ensayo de venta). Solo tokens de base.css; las
   tarjetas, cifras, chips y tablas son las de base.css («Primitivas de vista»). */
.pipe-avisos{display:flex;flex-direction:column;gap:8px}
.form-group-mt{margin-top:12px}
.enc-link-hint{margin-bottom:8px}

/* Tablero */
.pipe-tablero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
.pipe-col{background:var(--col-bg);border-radius:var(--radius-lg);padding:4px;min-height:120px}
.pipe-col-h{display:flex;align-items:center;gap:6px;height:36px;padding:0 4px;font-size:13px;color:var(--c-text)}
.pipe-col-h .hint{margin-left:auto;white-space:nowrap}
.pipe-col-b{display:flex;flex-direction:column;gap:6px}
.pipe-vacio{text-align:center;padding:12px 0}
.pipe-card{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:10px 12px;cursor:pointer;transition:box-shadow var(--tr),border-color var(--tr)}
.pipe-card:hover{border-color:var(--c-border2);box-shadow:var(--shadow-md)}
.pipe-card.destello{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 35%,transparent)}
.pipe-card-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:13px;color:var(--c-text)}
.pipe-card-h b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipe-imp{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pipe-de{font-size:11px;color:var(--c-text3);margin-top:3px}
.pipe-card-p{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}
.pipe-card-p .avatar{margin-left:auto}
.pipe-modal{width:640px}
.pipe-etapa-auto{display:flex;align-items:baseline;gap:8px;padding:8px 12px;border-radius:var(--radius);background:var(--c-surface2);font-size:13px;color:var(--c-text)}
.pipe-etapa-auto span{color:var(--c-text2);font-weight:600}
.pipe-ficha-nueva{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:8px}
.pipe-ficha-nueva .form-help{grid-column:1 / -1}
.pipe-postmortem{margin-top:8px}
.pipe-motivos{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}

/* Previsión */
.pipe-grafico{display:flex;gap:10px;align-items:flex-end;overflow-x:auto;padding:6px 2px 0}
.pipe-mes{flex:1 0 70px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.pipe-mes b{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--c-text)}
.pipe-barras{display:flex;align-items:flex-end;height:110px;width:100%;justify-content:center}
.pipe-b-juego{width:34px;background:color-mix(in srgb,var(--c-accent) 22%,var(--c-surface2));border-radius:4px 4px 0 0;display:flex;align-items:flex-end;min-height:2px}
.pipe-b-pond{width:100%;background:var(--c-accent);border-radius:4px 4px 0 0}
.pipe-leyenda{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--c-text2)}
.pipe-leyenda span{display:flex;align-items:center;gap:6px}
.pipe-leyenda i{width:12px;height:12px;border-radius:3px}
.pipe-leyenda .l-juego{background:color-mix(in srgb,var(--c-accent) 22%,var(--c-surface2))}
.pipe-leyenda .l-pond{background:var(--c-accent)}

/* Embudo */
.emb-tabla td .emb-pct{display:block;font-size:11px;color:var(--c-text3);font-weight:400}
.perd-fila{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;align-items:center;gap:10px;padding:5px 0;font-size:12.5px;color:var(--c-text)}
.perd-fila.perd-sin{color:var(--c-text3)}
.perd-barra{height:8px;border-radius:6px;background:var(--c-surface2);overflow:hidden}
.perd-barra i{display:block;height:100%;background:var(--c-red);opacity:.7;border-radius:6px}
.perd-n{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--c-text2)}

/* Referencias y satisfacción */
.ref-msg{font-family:var(--font);font-size:13.5px;line-height:1.5}

/* Ensayo */
.ens-modal{width:640px}
.ens-intro{font-size:13.5px;line-height:1.6;color:var(--c-text2);margin:0 0 10px}
.ens-cab{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:var(--c-text)}
.ens-hilo{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding:4px 2px}
.ens-msg{max-width:88%;padding:8px 12px;border-radius:12px;font-size:13.5px;line-height:1.5}
.ens-msg p{margin:0;white-space:pre-wrap}
.ens-cliente{align-self:flex-start;background:var(--c-surface2);color:var(--c-text)}
.ens-yo{align-self:flex-end;background:var(--sb-muted);color:var(--c-text)}
.ens-decir{display:flex;gap:8px;align-items:flex-end;margin-top:10px}
.ens-decir .form-textarea{flex:1;resize:vertical}
.ens-ratio{margin-bottom:12px;font-size:13px;color:var(--c-text)}
.ens-ratio-h{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}
.ens-barra{height:8px;border-radius:6px;background:var(--c-surface2);overflow:hidden;margin-bottom:6px}
.ens-barra i{display:block;height:100%;border-radius:6px}
.ens-barra i.ok{background:var(--c-green)}
.ens-barra i.medio{background:var(--c-warning)}
.ens-barra i.mal{background:var(--c-red)}
.ens-notas{margin:0 0 12px 18px;font-size:13px;line-height:1.55}
.ens-bien{color:var(--c-green)}
.ens-mal{color:var(--c-red)}

/* Ajustes › Clientes por unir */
.cli-conc{display:flex;flex-direction:column}
.cli-conc-fila{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border);font-size:13px}
.cli-conc-fila:last-child{border-bottom:none}
.cli-conc-nombre{display:flex;flex-direction:column;min-width:0;color:var(--c-text)}
.cli-conc-sel{padding:5px 28px 5px 10px;font-size:12.5px}

/* ── Móvil ── */
@media (max-width: 768px), ((hover: none) and (pointer: coarse) and (max-width: 1400px)) {
  .pipe-tablero{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}
  .pipe-col{flex:0 0 calc(100vw - 64px);scroll-snap-align:start}
  .pipe-modal,.ens-modal{width:100%}
  .pipe-ficha-nueva{grid-template-columns:1fr}
  .ens-hilo{max-height:38vh}
  .perd-fila{grid-template-columns:1fr auto;row-gap:2px}
  .perd-fila .perd-barra{grid-column:1 / -1}
  .cli-conc-fila{grid-template-columns:1fr;row-gap:6px}
  /* Encuesta: tres botones no caben en una fila; «Abrir en correo» arriba, entero */
  #enc-link-overlay .modal-footer{flex-wrap:wrap}
  #enc-link-overlay .modal-footer .btn-primary{flex-basis:100%;order:-1}
}