/* 商机「客户聚合」视图样式（方案 C：客户卡 + 卡内子表）
   复用 tokens.css 的 --blue/--line/--bg/--muted 体系，与 activities 分组卡视觉一致。
   仅商机模块在 oppView==='customer' 时加载，其余模块零影响。 */

/* 视图切换按钮组（与 activities 的 .act-view-switch 同款） */
.opp-view-switch{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;height:36px;background:#fff;}
.opp-vbtn{border:none;background:#fff;color:var(--muted);font-size:13px;padding:0 14px;cursor:pointer;font-family:inherit;}
.opp-vbtn + .opp-vbtn{border-left:1px solid var(--line);}
.opp-vbtn:hover{color:var(--blue);background:var(--bg3);}
.opp-vbtn.on{background:var(--blue);color:#fff;font-weight:600;}

/* 顶部汇总条 */
.opp-sum{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:12px;}
.opp-sum b{color:var(--text);font-size:14px;font-weight:600;}
.opp-sum .hi b{color:var(--blue);}

/* 卡片容器 */
.opp-g-wrap{display:flex;flex-direction:column;gap:10px;}

/* 客户卡片 */
.opp-card{border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s;}
.opp-card:hover{border-color:#c3d4ee;box-shadow:0 1px 6px rgba(14,63,143,.08);}
.opp-card.open{border-color:#c3d4ee;}
.opp-card.done{background:#fbfcfd;}

.opp-head{display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer;flex-wrap:wrap;}
.opp-ava{width:30px;height:30px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:0 0 auto;}
.opp-h-l{display:flex;flex-direction:column;gap:5px;min-width:160px;}
.opp-name{font-size:14.5px;font-weight:600;}
.opp-pills{display:flex;gap:6px;flex-wrap:wrap;}
.opp-metrics{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto;font-size:12.5px;color:var(--muted);}
.opp-metrics div span{color:var(--text);font-weight:600;}
.opp-h-r{display:flex;align-items:center;gap:10px;font-size:12.5px;}
.opp-new{color:var(--blue);cursor:pointer;border:1px dashed #b9cbe8;border-radius:7px;padding:4px 9px;white-space:nowrap;}
.opp-new:hover{background:var(--bg3);}
.opp-exp{color:var(--muted);cursor:pointer;white-space:nowrap;}
.opp-exp:hover{color:var(--blue);}

.opp-body{display:none;border-top:1px solid var(--line);padding:0 14px 12px;}
.opp-card.open .opp-body{display:block;}

/* 卡内商机子表 */
.opp-sub{width:100%;border-collapse:collapse;font-size:13px;background:#fff;}
.opp-sub th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;padding:8px 8px;border-bottom:1px solid var(--line);}
.opp-sub td{padding:9px 8px;border-bottom:1px solid #f1f4f8;vertical-align:middle;}
.opp-sub tr:last-child td{border-bottom:none;}
.opp-sub tr:hover td{background:#fafbfe;}
.opp-sub .num{text-align:right;font-variant-numeric:tabular-nums;}
/* 商机行「跟进」快捷按钮（2026-09-11）：预填关联该商机记跟进 */
.opp-follow{color:var(--blue);cursor:pointer;border:1px dashed #b9cbe8;border-radius:6px;padding:2px 8px;font-size:12px;white-space:nowrap;margin-right:6px;user-select:none;}
.opp-follow:hover{background:var(--bg3);border-style:solid;}

/* 已结束商机折叠 */
.opp-arch-bar{padding:8px 8px 0;font-size:12.5px;color:var(--muted);cursor:pointer;display:flex;gap:6px;align-items:center;}
.opp-arch-bar:hover{color:var(--blue);}
.opp-arch{display:none;}

.opp-empty{padding:40px;text-align:center;color:var(--muted);}

/* 卡片标签配色（.pill 提供 padding/radius，这里只覆盖颜色） */
.opp-blue{background:#e8f0fc;color:#0e3f8f;}
.opp-green{background:#eaf3de;color:#3b6d11;}
.opp-gray{background:#eef0f3;color:#6b7280;}
.opp-red{background:#fdeeee;color:#a32d2d;}
.opp-amber{background:#faeeda;color:#854f0b;}