/* ============================================================
 * 客户线索视图（线索页 leads.html 与定价后台 admin.html 共用）
 * ------------------------------------------------------------
 * 依赖宿主页面上已有的 CSS 变量（--primary / --text / --border ...）。
 * 这里只管线索列表本身，不负责页头、口令门、toast。
 * ============================================================ */

/* ---------- 工具条 ---------- */
.ld-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ld-search{position:relative;flex:1;min-width:200px;max-width:340px}
.ld-search input{width:100%;padding:9px 12px 9px 32px;border:1px solid var(--border2);border-radius:9px;
  font-size:13px;font-family:inherit;color:var(--text);background:#fff;outline:none}
.ld-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.ld-search::before{content:"🔍";position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.6}

.ld-stats{display:flex;gap:9px;flex-wrap:wrap;margin-left:auto}
.ld-stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px 13px;text-align:center;min-width:74px}
.ld-stat b{display:block;font-size:17px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}
.ld-stat span{font-size:11px;color:var(--faint)}
.ld-stat.hot b{color:var(--primary)}
.ld-stat.today b{color:var(--green)}

/* ---------- 表格 ---------- */
.ld-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.ld-scroll{overflow-x:auto}
table.ld{width:100%;border-collapse:collapse;font-size:12.5px;white-space:nowrap}
table.ld th{background:#FAFBFD;color:var(--muted);font-weight:600;text-align:left;
  padding:10px 12px;border-bottom:1px solid var(--border);font-size:11.5px;letter-spacing:.3px}
table.ld td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
table.ld tr:last-child td{border-bottom:0}
table.ld tr.row{cursor:pointer}
table.ld tr.row:hover{background:#F7F9FC}
table.ld tr.row.open{background:var(--primary-soft)}
.ld-co{font-weight:600;color:var(--text);max-width:220px;overflow:hidden;text-overflow:ellipsis}
.ld-dim{color:var(--faint)}
.ld-phone{font-family:var(--mono);font-size:12.5px;color:var(--text)}
.ld-score{font-weight:700;font-variant-numeric:tabular-nums}
.ld-chev{color:var(--faint);font-size:11px;display:inline-block;transition:.18s}
tr.row.open .ld-chev{transform:rotate(90deg);color:var(--primary)}

.ld-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:#EEF1F6;color:var(--muted)}
.ld-tag.t-basic{background:var(--primary-soft);color:var(--primary)}
.ld-tag.t-mid{background:#F3EDFE;color:var(--purple)}
.ld-tag.t-pro{background:#E6F5F4;color:var(--teal)}
.ld-tag.t-hot{background:var(--red-soft);color:var(--red)}

/* ---------- 展开详情 ---------- */
tr.det td{background:#FAFBFD;padding:0;border-bottom:1px solid var(--border)}
.ld-det{padding:14px 16px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 22px;
  white-space:normal}
.ld-f{font-size:12.5px;line-height:1.65}
.ld-f>span{display:block;font-size:11px;font-weight:700;color:var(--faint);margin-bottom:2px;letter-spacing:.3px}
.ld-f.full{grid-column:1/-1}
.ld-f pre{margin:0;font-family:inherit;font-size:12.5px;white-space:pre-wrap;word-break:break-word;color:var(--text)}
.ld-plans{display:flex;flex-direction:column;gap:6px}
.ld-plan{display:flex;align-items:center;gap:9px;font-size:12.5px}
.ld-plan em{font-style:normal;margin-left:auto;color:var(--faint);font-variant-numeric:tabular-nums}

/* ---------- 展开详情里的：客户填写明细 ---------- */
.ld-acts{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-bottom:10px;border-bottom:1px dashed var(--border2);margin-bottom:2px}
.ld-acts .ld-dim{font-size:11.5px}
.ld-dlmsg{font-size:12.5px;color:var(--muted);background:#fff;border:1px dashed var(--border2);
  border-radius:8px;padding:9px 12px}

/* 21 项答案（按模块分组）——不设内滚动，21 项一次看全 */
.ld-ansbox{border:1px solid var(--border);border-radius:9px;background:#fff;margin-top:4px;overflow:hidden}
.ld-mod{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.4px;
  padding:7px 11px 4px;background:#FAFBFD;border-bottom:1px solid var(--border);position:sticky;top:0}
table.ld-ans{width:100%;border-collapse:collapse;font-size:12.5px}
table.ld-ans thead th{position:sticky;top:0;z-index:1;background:#F7F9FC;text-align:left;
  font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.4px;padding:6px 11px;
  border-bottom:1px solid var(--border);white-space:nowrap}
table.ld-ans td{padding:7px 11px;border-bottom:1px solid #F1F4F8;vertical-align:top}
table.ld-ans tr:last-child td{border-bottom:0}
table.ld-ans .an-n{width:24%;font-weight:600}
table.ld-ans .an-lv{width:88px;white-space:nowrap}
table.ld-ans .an-o{color:var(--muted)}
table.ld-ans .an-s{width:58px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.ld-ans .an-s em{font-style:normal;color:var(--faint);font-size:11px}
table.ld-ans tr.weak td{background:#FFF7F7}
table.ld-ans tr.weak .an-n{color:var(--red)}
/* 档位徽标：L0 最低 → L4 最高 */
.ld-lv{display:inline-block;font-weight:700;font-size:11.5px;padding:2px 7px;border-radius:6px;
  background:#EEF1F6;color:var(--muted);font-variant-numeric:tabular-nums}
.ld-lv.hot{background:var(--red-soft);color:var(--red)}
.ld-lv.ok{background:#E9F7EF;color:#067647}
.ld-lvn{display:block;font-style:normal;font-size:10.5px;color:var(--faint);margin-top:3px}

/* 痛点诊断 */
.ld-pains{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px;margin-top:4px}
.ld-pain{background:#fff;border:1px solid var(--border);border-radius:9px;padding:10px 12px}
.ld-ph{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:3px}
.ld-ph b{font-size:12.5px}
.ld-pain p{margin:2px 0;font-size:12.5px;line-height:1.65}
.ld-pain .need{color:var(--primary)}

/* 三档方案明细 */
/* 三档方案：整卡通栏 + 表格，保证「服务内容 / 对应短板 / 周期 / 价格」都看得清 */
.ld-pd{display:grid;gap:10px;margin-top:4px}
.ld-pdcard{background:#fff;border:1px solid var(--border);border-radius:9px;padding:10px 12px;overflow:hidden}
.ld-pdh{display:flex;align-items:center;gap:8px;padding-bottom:7px;margin-bottom:2px;border-bottom:1px solid var(--border)}
.ld-pdh em{margin-left:auto;font-style:normal;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}
table.ld-ans.ld-svctbl{font-size:12px}
table.ld-ans.ld-svctbl thead th{background:#FAFBFD}
table.ld-ans.ld-svctbl .sv-n{width:20%;font-weight:600;color:var(--text)}
table.ld-ans.ld-svctbl .sv-o{color:var(--muted)}
table.ld-ans.ld-svctbl .sv-w{width:19%;color:var(--faint);font-size:11.5px}
table.ld-ans.ld-svctbl .sv-c{width:72px;color:var(--faint);white-space:nowrap}
table.ld-ans.ld-svctbl .sv-p{width:92px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.ld-ans.ld-svctbl .sv-p em{font-style:normal;font-size:11px;color:var(--faint)}

/* ---------- 空态 / 提示 ---------- */
.ld-empty{padding:52px 20px;text-align:center;color:var(--faint)}
.ld-empty .ic{font-size:34px;margin-bottom:10px;opacity:.5}
.ld-empty b{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.ld-empty p{font-size:12.5px;max-width:420px;margin:0 auto;line-height:1.7}
.ld-tiprow{padding:9px 14px;background:var(--amber-soft);color:var(--amber);font-size:12px;
  border-bottom:1px solid var(--border)}
.ld-foot{padding:11px 14px;border-top:1px solid var(--border);background:#FAFBFD;font-size:11.5px;color:var(--faint);
  display:flex;align-items:center;gap:10px}
.ld-foot .spacer{flex:1}

/* 手机端：把表格折叠成卡片更易读 */
@media(max-width:720px){
  table.ld thead{display:none}
  table.ld,table.ld tbody,table.ld tr,table.ld td{display:block;width:auto;white-space:normal}
  table.ld tr.row{border-bottom:1px solid var(--border);padding:10px 12px}
  table.ld tr.row td{border:0;padding:3px 0;display:flex;gap:10px}
  table.ld tr.row td::before{content:attr(data-l);flex:0 0 62px;color:var(--faint);font-size:11.5px;font-weight:600}
  .ld-stats{margin-left:0;width:100%}
}