/* ============================================================
   PRIMST SALES OPERATOR — AI Overseas Sales Engine
   Global stylesheet · deep-space tech theme
   Brand: PRIMST cyan (#00d4ff) / ice blue / violet (#7b6cff)
   ============================================================ */

:root{
  --bg-0:#04070f;
  --bg-1:#070d1c;
  --bg-2:#0a1226;
  --bg-3:#0e1a36;
  --panel:rgba(13,22,46,.72);
  --panel-2:rgba(18,30,60,.9);
  --line:rgba(96,170,255,.16);
  --line-2:rgba(96,170,255,.30);
  --txt:#dcebff;
  --txt-2:#9db8dc;
  --txt-3:#5f7ea6;
  --cyan:#00d4ff;
  --cyan-2:#4f7cff;
  --purple:#7b6cff;
  --purple-2:#b06bff;
  --green:#2ee6a8;
  --amber:#ffb648;
  --red:#ff5d6c;
  --pink:#ff6bb0;
  --shadow:0 10px 34px rgba(0,0,0,.45);
  --radius:14px;
  --mono:'Cascadia Code','Consolas','SF Mono',monospace;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  background:
    radial-gradient(1100px 520px at 85% -10%, rgba(123,108,255,.14), transparent 60%),
    radial-gradient(900px 460px at -10% 110%, rgba(0,212,255,.10), transparent 60%),
    var(--bg-0);
  color:var(--txt);
  font-family:'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif;
  font-size:14px;
  line-height:1.55;
  overflow:hidden;
}
a{color:var(--cyan);text-decoration:none}
button{font-family:inherit}
::selection{background:rgba(0,212,255,.28)}

/* ---------- Scrollbars ---------- */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(96,170,255,.22);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:rgba(96,170,255,.4)}

/* ---------- Layout ---------- */
.app{display:flex;height:100vh;width:100vw}
.sidebar{
  width:238px;flex:0 0 238px;background:rgba(6,11,24,.92);
  border-right:1px solid var(--line);
  display:flex;flex-direction:column;z-index:30;
}
.brand{padding:18px 16px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.brand img{height:42px;width:auto}
.brand-ver{margin-left:auto;font-size:10px;color:var(--txt-3);border:1px solid var(--line);padding:2px 7px;border-radius:20px;white-space:nowrap;letter-spacing:.5px}

.nav{flex:1;overflow-y:auto;padding:12px 10px}
.nav-group{font-size:10.5px;color:var(--txt-3);letter-spacing:2.5px;padding:14px 10px 6px;font-weight:600}
.nav-item{
  display:flex;align-items:center;gap:11px;padding:9px 11px;margin:2px 0;
  border-radius:10px;cursor:pointer;color:var(--txt-2);font-size:13.5px;
  border:1px solid transparent;transition:all .18s;user-select:none;
}
.nav-item:hover{background:rgba(96,170,255,.08);color:var(--txt)}
.nav-item.active{
  background:linear-gradient(90deg,rgba(0,212,255,.16),rgba(123,108,255,.12));
  border-color:var(--line-2);color:#fff;
  box-shadow:inset 0 0 18px rgba(0,212,255,.07);
}
.nav-item .ico{width:20px;text-align:center;font-size:15px;flex:0 0 20px}
.nav-item .num{margin-left:auto;font-size:10px;color:var(--txt-3);font-family:var(--mono)}
.nav-item.active .num{color:var(--cyan)}

.sidebar-foot{padding:14px;border-top:1px solid var(--line);font-size:10.5px;color:var(--txt-3);line-height:1.7}
.sidebar-foot b{color:var(--txt-2);font-weight:600}

.main{flex:1;display:flex;flex-direction:column;min-width:0}
.topbar{
  height:56px;flex:0 0 56px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:14px;padding:0 22px;
  background:rgba(7,13,28,.72);backdrop-filter:blur(10px);z-index:20;
}
.topbar h1{font-size:17px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:10px}
.topbar h1 .en{font-size:11px;color:var(--txt-3);font-weight:500;letter-spacing:2px;margin-top:2px}
.topbar .spacer{flex:1}
.mode-toggle{display:flex;background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}
.mode-toggle button{
  border:none;background:transparent;color:var(--txt-3);padding:5px 14px;border-radius:8px;
  cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;
}
.mode-toggle button.on{background:linear-gradient(90deg,rgba(0,212,255,.22),rgba(123,108,255,.18));color:#fff}
.clock{font-family:var(--mono);font-size:12px;color:var(--txt-2);border:1px solid var(--line);padding:4px 10px;border-radius:8px}

.viewport{flex:1;overflow-y:auto;padding:22px 26px 60px}

/* ---------- Generic modules ---------- */
.section-head{display:flex;align-items:flex-end;gap:12px;margin:6px 2px 16px;flex-wrap:wrap}
.section-head h2{font-size:19px;font-weight:700;letter-spacing:.5px}
.section-head .sub{color:var(--txt-3);font-size:12.5px;margin-bottom:3px}
.section-head .spacer{flex:1}
.sec-badge{font-size:11px;color:var(--cyan);border:1px solid rgba(0,212,255,.35);padding:2px 10px;border-radius:20px;background:rgba(0,212,255,.07)}

.grid{display:grid;gap:14px}
.g4{grid-template-columns:repeat(4,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{
  background:linear-gradient(180deg,rgba(14,23,46,.86),rgba(10,16,34,.9));
  border:1px solid var(--line);border-radius:var(--radius);
  padding:16px;box-shadow:var(--shadow);position:relative;
  transition:border-color .2s,transform .2s;
}
.card:hover{border-color:var(--line-2)}
.card.hoverable{cursor:pointer}
.card.hoverable:hover{transform:translateY(-2px)}
.card h3{font-size:13.5px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.card h3 .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.card .hint{font-size:11.5px;color:var(--txt-3)}
.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.card-title-row h3{margin-bottom:0}

/* KPI */
.kpi{display:flex;flex-direction:column;gap:6px}
.kpi .k-label{font-size:11.5px;color:var(--txt-2);letter-spacing:.5px}
.kpi .k-value{font-size:26px;font-weight:800;font-family:var(--mono);letter-spacing:-.5px}
.kpi .k-delta{font-size:11.5px;font-weight:600}
.kpi .k-sub{font-size:11px;color:var(--txt-3)}
.kpi .k-bar{height:5px;border-radius:4px;background:var(--bg-3);overflow:hidden;margin-top:4px}
.kpi .k-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--purple))}
.up{color:var(--green)} .down{color:var(--red)} .warn{color:var(--amber)} .acc{color:var(--cyan)} .vio{color:var(--purple-2)}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.tbl th{
  text-align:left;font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--txt-3);
  padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(96,170,255,.05);white-space:nowrap;
}
.tbl td{padding:11px 14px;border-bottom:1px solid rgba(96,170,255,.08);vertical-align:middle}
.tbl tr:last-child td{border-bottom:none}
.tbl tbody tr{transition:background .15s}
.tbl tbody tr:hover{background:rgba(96,170,255,.05)}
.tbl .mono{font-family:var(--mono);font-size:12.5px}
.tbl .row-click{cursor:pointer}

/* chips / badges */
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid transparent;white-space:nowrap}
.chip.cyan{color:#7fe9ff;border-color:rgba(0,212,255,.4);background:rgba(0,212,255,.1)}
.chip.vio{color:#c3b8ff;border-color:rgba(123,108,255,.45);background:rgba(123,108,255,.12)}
.chip.green{color:#7df0c4;border-color:rgba(46,230,168,.4);background:rgba(46,230,168,.1)}
.chip.amber{color:#ffd48f;border-color:rgba(255,182,72,.4);background:rgba(255,182,72,.1)}
.chip.red{color:#ffa3ac;border-color:rgba(255,93,108,.4);background:rgba(255,93,108,.1)}
.chip.pink{color:#ffb3d6;border-color:rgba(255,107,176,.4);background:rgba(255,107,176,.1)}
.chip.gray{color:var(--txt-2);border-color:var(--line-2);background:rgba(96,170,255,.06)}
.chip.ghost{color:var(--txt-3);border-color:var(--line)}

.score-pill{font-family:var(--mono);font-weight:700;font-size:13px;padding:3px 10px;border-radius:8px;background:var(--bg-3);border:1px solid var(--line-2)}
.score-hot{color:#7df0c4}.score-mid{color:var(--amber)}.score-low{color:var(--red)}

/* ---------- 客户库 AI 刷新 ---------- */
.ai-refresh-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:6px;color:#2ee6a8;border:1px solid rgba(46,230,168,.35);background:rgba(46,230,168,.12);vertical-align:middle;cursor:help}
.ai-refresh-box{border:1px solid rgba(46,230,168,.28);border-radius:12px;background:linear-gradient(180deg,rgba(46,230,168,.06),rgba(10,18,38,.5));padding:12px 14px}
.ai-refresh-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ai-refresh-head b{font-size:13.5px;color:var(--txt)}
.ai-refresh-head .small{margin-left:auto;color:var(--txt-3)}
.ai-refresh-summary{font-size:13px;line-height:1.6;color:var(--txt-2)}

/* progress */
.prog{height:7px;border-radius:6px;background:var(--bg-3);overflow:hidden;position:relative}
.prog i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width .6s}
.prog.purple i{background:linear-gradient(90deg,var(--purple),var(--purple-2))}
.prog.green i{background:linear-gradient(90deg,#1fc98f,var(--green))}
.prog.amber i{background:linear-gradient(90deg,#e8962f,var(--amber))}
.prog.red i{background:linear-gradient(90deg,#e04a58,var(--red))}

/* ---------- Dashboard ---------- */
.funnel{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.funnel-row{display:flex;align-items:center;gap:10px;font-size:12px}
.funnel-row .fname{width:96px;color:var(--txt-2);flex:0 0 96px}
.funnel-row .fbar{flex:1;height:22px;border-radius:6px;background:var(--bg-3);position:relative;overflow:hidden}
.funnel-row .fbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,rgba(0,212,255,.85),rgba(123,108,255,.85));transition:width .7s}
.funnel-row .fcount{width:44px;text-align:right;font-family:var(--mono);color:var(--txt-2);flex:0 0 44px}

.priority-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;border:1px solid rgba(96,170,255,.12);background:rgba(10,18,38,.6);margin-bottom:8px}
.priority-item:last-child{margin-bottom:0}
.priority-item .rank{font-family:var(--mono);font-size:13px;font-weight:800;width:26px;height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-3);border:1px solid var(--line-2);color:var(--cyan)}
.priority-item .pi-main{flex:1;min-width:0}
.priority-item .pi-name{font-weight:700;font-size:13.5px}
.priority-item .pi-sub{font-size:11.5px;color:var(--txt-3)}
.priority-item .pi-score{font-family:var(--mono);font-weight:700;font-size:15px}

.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:12px}
.bar-row .bname{width:86px;color:var(--txt-2);flex:0 0 86px;white-space:nowrap}
.bar-row .bbar{flex:1;height:12px;border-radius:6px;background:var(--bg-3);overflow:hidden}
.bar-row .bbar i{display:block;height:100%;border-radius:6px}
.bar-row .bval{width:42px;text-align:right;font-family:var(--mono);color:var(--txt-2);flex:0 0 42px}

/* ---------- Market cards ---------- */
.market-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.market-flag{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--bg-3);border:1px solid var(--line-2)}
.market-name{font-size:16px;font-weight:800}
.market-score{font-size:26px;font-weight:800;font-family:var(--mono)}
.score-ring{--p:0;width:56px;height:56px;border-radius:50%;flex:0 0 56px;
  background:conic-gradient(var(--cyan) calc(var(--p)*1%),rgba(96,170,255,.12) 0);
  display:flex;align-items:center;justify-content:center;position:relative}
.score-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg-3)}
.score-ring span{position:relative;font-family:var(--mono);font-weight:800;font-size:14px}
.dim-row{display:flex;justify-content:space-between;font-size:12px;padding:4.5px 0;border-bottom:1px dashed rgba(96,170,255,.1)}
.dim-row:last-child{border-bottom:none}
.dim-row .d-label{color:var(--txt-3)}
.dim-row .d-val{font-family:var(--mono);color:var(--txt-2)}

/* ---------- Customer card ---------- */
.cust-head{display:flex;gap:14px;align-items:flex-start}
.cust-logo{width:52px;height:52px;border-radius:13px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--cyan-2),var(--purple));box-shadow:0 6px 18px rgba(79,124,255,.35)}
.cust-title{flex:1;min-width:0}
.cust-title .cn{font-size:15.5px;font-weight:800}
.cust-title .ci{font-size:12px;color:var(--txt-3)}
.cust-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}

.pain-list{list-style:none;margin-top:6px}
.pain-list li{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;padding:5px 0;border-bottom:1px dashed rgba(96,170,255,.09);color:var(--txt-2)}
.pain-list li:last-child{border:none}
.pain-list li::before{content:"▸";color:var(--amber);flex:0 0 auto}

.kv{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:4px 0;border-bottom:1px dashed rgba(96,170,255,.09)}
.kv:last-child{border:none}
.kv .k{color:var(--txt-3);flex:0 0 auto}
.kv .v{text-align:right;color:var(--txt)}

/* expandable rows */
.expand-row{display:none}
.expand-row.open{display:table-row}
.expand-cell{padding:0 14px 14px !important;border:none !important}

/* ---------- Contacts ---------- */
.contact-card{display:flex;flex-direction:column;gap:9px}
.cc-top{display:flex;align-items:center;gap:11px}
.cc-avatar{width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--cyan-2))}
.cc-name{font-weight:700;font-size:14px}
.cc-role{font-size:11.5px;color:var(--txt-3)}
.stat-dots{display:flex;gap:5px;align-items:center;font-size:10.5px;color:var(--txt-3)}
.stat-dots .sd{display:flex;align-items:center;gap:4px}
.sdot{width:9px;height:9px;border-radius:50%;display:inline-block}
.sdot.full{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}
.sdot.half{background:var(--purple)}
.sdot.low{background:var(--txt-3)}

/* ---------- Product ---------- */
.prod-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.prod-tab{padding:7px 16px;border-radius:22px;border:1px solid var(--line-2);background:rgba(96,170,255,.05);color:var(--txt-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}
.prod-tab.on{background:linear-gradient(90deg,rgba(0,212,255,.25),rgba(123,108,255,.2));border-color:rgba(0,212,255,.5);color:#fff}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.spec-cell{background:rgba(96,170,255,.05);border:1px solid rgba(96,170,255,.1);border-radius:9px;padding:7px 10px}
.spec-cell .s-label{font-size:10px;color:var(--txt-3);letter-spacing:1px}
.spec-cell .s-val{font-size:12.5px;font-family:var(--mono);color:var(--txt);margin-top:2px}

/* pain-solution mapping */
.map-row{display:grid;grid-template-columns:1fr auto 1.15fr;gap:12px;align-items:stretch;padding:13px;border:1px solid rgba(96,170,255,.12);border-radius:12px;background:rgba(10,18,38,.55);margin-bottom:10px}
.map-pain{font-size:12.5px;color:#ffc9a3}
.map-arrow{display:flex;align-items:center;color:var(--cyan);font-size:18px;font-weight:800}
.map-sol .ms-title{font-weight:700;font-size:13px;color:#7fe9ff}
.map-sol .ms-desc{font-size:12px;color:var(--txt-2);margin-top:3px}

/* ---------- Agent cards ---------- */
.agent-card{display:flex;flex-direction:column;gap:8px}
.agent-head{display:flex;align-items:center;gap:11px}
.agent-ico{width:42px;height:42px;border-radius:11px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;font-size:19px;background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(123,108,255,.2));border:1px solid var(--line-2)}
.agent-name{font-weight:700;font-size:14px}
.agent-role{font-size:11.5px;color:var(--txt-3)}
.prompt-box{background:rgba(4,8,18,.7);border:1px solid rgba(96,170,255,.12);border-radius:10px;padding:10px 12px;font-family:var(--mono);font-size:11px;color:var(--txt-2);line-height:1.6;max-height:150px;overflow-y:auto;white-space:pre-wrap}
.prompt-box b{color:var(--cyan);font-weight:600}

/* ---------- Email ---------- */
.mail-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);margin-bottom:14px;overflow:hidden}
.mail-head{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;background:rgba(96,170,255,.05);border-bottom:1px solid transparent;transition:background .15s}
.mail-head:hover{background:rgba(96,170,255,.09)}
.mail-head.open{border-bottom-color:var(--line)}
.mail-day{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--purple-2);border:1px solid rgba(123,108,255,.45);background:rgba(123,108,255,.12);padding:3px 9px;border-radius:20px;flex:0 0 auto}
.mail-subject{font-weight:700;font-size:13.5px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-goal{font-size:11px;color:var(--txt-3);flex:0 0 auto}
.mail-body{display:none;padding:16px}
.mail-body.open{display:block}
.struct-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.st-tag{font-size:10px;font-weight:700;letter-spacing:.8px;padding:2px 8px;border-radius:6px;font-family:var(--mono)}
.st-tag.trigger{color:#ffb3d6;background:rgba(255,107,176,.12);border:1px solid rgba(255,107,176,.35)}
.st-tag.obs{color:#ffd48f;background:rgba(255,182,72,.12);border:1px solid rgba(255,182,72,.35)}
.st-tag.pain{color:#ffc9a3;background:rgba(255,140,66,.12);border:1px solid rgba(255,140,66,.35)}
.st-tag.sol{color:#7df0c4;background:rgba(46,230,168,.12);border:1px solid rgba(46,230,168,.35)}
.st-tag.proof{color:#c3b8ff;background:rgba(123,108,255,.12);border:1px solid rgba(123,108,255,.4)}
.st-tag.cta{color:#7fe9ff;background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.35)}
.mail-text{font-size:13px;color:var(--txt);line-height:1.75}
.mail-text .seg{display:block;margin-bottom:10px}
.mail-text .seg-label{display:inline-block;font-size:9.5px;font-family:var(--mono);color:var(--txt-3);letter-spacing:1px;border:1px solid rgba(96,170,255,.18);border-radius:5px;padding:0 6px;margin-bottom:3px}
.mail-claim{margin-top:12px;font-size:11px;color:var(--txt-3);border-top:1px dashed rgba(96,170,255,.18);padding-top:9px}

/* ---------- Classifier ---------- */
.intent-row{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid rgba(96,170,255,.12);border-radius:12px;background:rgba(10,18,38,.55);margin-bottom:9px}
.intent-icon{width:38px;height:38px;border-radius:10px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;font-size:17px}
.intent-main{flex:1;min-width:0}
.intent-name{font-weight:700;font-size:13.5px}
.intent-example{font-size:11.5px;color:var(--txt-3);margin-top:2px;font-style:italic}
.intent-next{font-size:12px;color:var(--txt-2);margin-top:3px}
.intent-next b{color:var(--cyan);font-weight:600}
.demo-input{display:flex;gap:10px;margin-bottom:16px}
.demo-input input{flex:1;background:var(--bg-3);border:1px solid var(--line-2);color:var(--txt);border-radius:11px;padding:11px 14px;font-size:13.5px;outline:none;transition:border .2s}
.demo-input input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.12)}
.demo-input button{background:linear-gradient(90deg,var(--cyan-2),var(--purple));border:none;color:#fff;font-weight:700;padding:0 22px;border-radius:11px;cursor:pointer;font-size:13.5px}
.demo-input button:hover{filter:brightness(1.12)}
.result-panel{display:none;border:1px solid var(--line-2);border-radius:12px;padding:14px;margin-bottom:16px;background:linear-gradient(90deg,rgba(0,212,255,.08),rgba(123,108,255,.08))}
.result-panel.show{display:block}
.result-panel .rp-title{font-size:12px;color:var(--txt-3);letter-spacing:1.5px;margin-bottom:8px}

/* ---------- Quote wizard ---------- */
.wizard{max-width:860px}
.wstep{display:none}
.wstep.on{display:block}
.wstep-bar{display:flex;gap:6px;margin-bottom:20px}
.wstep-bar .ws{flex:1;height:5px;border-radius:4px;background:var(--bg-3)}
.wstep-bar .ws.done{background:linear-gradient(90deg,var(--cyan),var(--purple))}
.wstep-bar .ws.cur{background:linear-gradient(90deg,var(--cyan),var(--cyan-2));box-shadow:0 0 8px rgba(0,212,255,.5)}
.wstep-title{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.wstep-title .wn{font-family:var(--mono);color:var(--cyan);font-size:12px;border:1px solid rgba(0,212,255,.4);border-radius:8px;padding:2px 9px}
.wbtn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:10px;padding:10px 20px;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}
.wbtn.primary{background:linear-gradient(90deg,var(--cyan-2),var(--purple));color:#fff}
.wbtn.ghost{background:rgba(96,170,255,.08);color:var(--txt-2);border:1px solid var(--line-2)}
.wbtn:hover{filter:brightness(1.12)}
.wbtn:disabled{opacity:.4;cursor:not-allowed}
.wbtn-row{display:flex;justify-content:space-between;margin-top:20px}
.select-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.select-card{border:1px solid var(--line-2);border-radius:12px;padding:13px;cursor:pointer;background:rgba(10,18,38,.55);transition:all .15s}
.select-card:hover{border-color:var(--cyan)}
.select-card.sel{border-color:var(--cyan);background:rgba(0,212,255,.1);box-shadow:0 0 16px rgba(0,212,255,.15)}
.select-card .sc-model{font-family:var(--mono);font-weight:700;font-size:13.5px;color:#7fe9ff}
.select-card .sc-meta{font-size:11.5px;color:var(--txt-3);margin-top:4px}
.qty-row{display:flex;align-items:center;gap:12px;margin:14px 0}
.qty-row label{font-size:13px;color:var(--txt-2)}
.qty-row input{width:110px;background:var(--bg-3);border:1px solid var(--line-2);color:var(--txt);border-radius:10px;padding:9px 12px;font-family:var(--mono);font-size:14px;outline:none}
.qty-row input:focus{border-color:var(--cyan)}
.check-list{display:grid;gap:8px}
.check-item{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid rgba(96,170,255,.14);border-radius:10px;background:rgba(10,18,38,.5);cursor:pointer;font-size:13px;transition:all .15s}
.check-item:hover{border-color:var(--line-2)}
.check-item.on{border-color:rgba(46,230,168,.5);background:rgba(46,230,168,.07)}
.check-item .ck{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--txt-3);flex:0 0 16px;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;transition:all .15s}
.check-item.on .ck{background:var(--green);border-color:var(--green)}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.price-box{background:rgba(96,170,255,.05);border:1px solid rgba(96,170,255,.12);border-radius:12px;padding:14px}
.price-box .pb-label{font-size:11px;color:var(--txt-3);letter-spacing:1px;margin-bottom:6px}
.price-box .pb-val{font-family:var(--mono);font-size:20px;font-weight:800}
.disc-row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.disc-row input[type=range]{flex:1;min-width:200px;accent-color:var(--cyan)}
.disc-row .disc-val{font-family:var(--mono);font-weight:800;font-size:16px;color:var(--cyan);width:70px;text-align:right}
.alert-box{border-radius:11px;padding:12px 14px;font-size:12.5px;margin-top:14px;border:1px solid}
.alert-box.ok{color:#7df0c4;border-color:rgba(46,230,168,.4);background:rgba(46,230,168,.08)}
.alert-box.warn{color:#ffd48f;border-color:rgba(255,182,72,.4);background:rgba(255,182,72,.09)}
.alert-box.danger{color:#ffa3ac;border-color:rgba(255,93,108,.45);background:rgba(255,93,108,.1)}
.alert-box b{font-weight:800}
.quote-doc{background:rgba(4,8,18,.75);border:1px solid var(--line-2);border-radius:13px;padding:20px;font-family:var(--mono);font-size:12.5px;line-height:1.9}
.quote-doc .qd-title{font-size:16px;font-weight:800;letter-spacing:2px;color:#fff;text-align:center;margin-bottom:4px}
.quote-doc .qd-sub{text-align:center;color:var(--txt-3);font-size:10.5px;letter-spacing:3px;margin-bottom:16px}
.quote-doc .qd-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed rgba(96,170,255,.14)}
.quote-doc .qd-row.head{font-weight:700;color:var(--cyan);border-bottom:1px solid rgba(0,212,255,.4)}
.quote-doc .qd-total{display:flex;justify-content:space-between;font-size:15px;font-weight:800;color:#7fe9ff;padding-top:12px;margin-top:8px;border-top:1px solid rgba(0,212,255,.4)}

/* ---------- Kanban ---------- */
.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}
.kan-col{flex:0 0 216px;min-width:216px;background:rgba(9,15,32,.7);border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;flex-direction:column;gap:8px}
.kan-col-head{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;font-size:12px;font-weight:700;letter-spacing:.6px}
.kan-col-head .kc-count{margin-left:auto;background:var(--bg-3);border:1px solid var(--line-2);border-radius:20px;font-family:var(--mono);font-size:10.5px;padding:1px 8px;color:var(--txt-2)}
.kan-col .kc-dot{width:8px;height:8px;border-radius:50%}
.kan-card{background:linear-gradient(180deg,rgba(18,30,60,.95),rgba(12,20,42,.95));border:1px solid rgba(96,170,255,.16);border-radius:10px;padding:10px 11px;cursor:pointer;transition:all .15s;font-size:12px}
.kan-card:hover{transform:translateY(-2px);border-color:var(--line-2)}
.kan-card .kc-name{font-weight:700;font-size:12.5px;margin-bottom:3px}
.kan-card .kc-sub{color:var(--txt-3);font-size:11px;margin-bottom:7px}
.kan-card .kc-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lost-stats{display:grid;gap:9px}
.lost-row{display:flex;align-items:center;gap:10px;font-size:12px}
.lost-row .lname{width:130px;color:var(--txt-2);flex:0 0 130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lost-row .lbar{flex:1;height:16px;border-radius:6px;background:var(--bg-3);overflow:hidden}
.lost-row .lbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#e04a58,var(--red))}
.lost-row .lc{width:36px;text-align:right;font-family:var(--mono);color:var(--txt-2)}

/* ---------- Insights ---------- */
.goal-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px dashed rgba(96,170,255,.12)}
.goal-row:last-child{border:none}
.goal-name{flex:0 0 148px;font-size:12.5px;font-weight:600;color:var(--txt-2)}
.goal-track{flex:1}
.goal-nums{flex:0 0 84px;text-align:right;font-family:var(--mono);font-size:11.5px;color:var(--txt-3)}
.asset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.asset-item{border:1px solid rgba(96,170,255,.14);border-radius:11px;padding:12px;background:rgba(10,18,38,.5);text-align:center}
.asset-item .a-ico{font-size:21px;margin-bottom:6px}
.asset-item .a-name{font-size:12px;font-weight:700}
.asset-item .a-count{font-family:var(--mono);font-size:19px;font-weight:800;color:var(--cyan);margin:4px 0 2px}
.asset-item .a-sub{font-size:10px;color:var(--txt-3)}
.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpi-cell{background:rgba(96,170,255,.05);border:1px solid rgba(96,170,255,.12);border-radius:11px;padding:12px}
.kpi-cell .kc-label{font-size:10.5px;color:var(--txt-3);letter-spacing:1px}
.kpi-cell .kc-val{font-family:var(--mono);font-size:22px;font-weight:800;margin:4px 0}
.kpi-cell .kc-desc{font-size:11px;color:var(--txt-3)}
.boundary-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed rgba(96,170,255,.1);font-size:12.5px}
.boundary-row:last-child{border:none}
.boundary-row .b-type{flex:0 0 74px;font-size:10.5px;font-weight:800;letter-spacing:1px;padding:3px 0;border-radius:6px;text-align:center}
.b-type.auto{color:#7df0c4;background:rgba(46,230,168,.1);border:1px solid rgba(46,230,168,.3)}
.b-type.review{color:#ffd48f;background:rgba(255,182,72,.1);border:1px solid rgba(255,182,72,.3)}
.b-type.manual{color:#ffa3ac;background:rgba(255,93,108,.1);border:1px solid rgba(255,93,108,.3)}
.boundary-row .b-txt{color:var(--txt-2);flex:1}
.boundary-row .b-txt b{color:var(--txt)}

/* ---------- Modal ---------- */
.modal-mask{position:fixed;inset:0;background:rgba(2,5,12,.72);backdrop-filter:blur(6px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:4vh 20px;overflow-y:auto}
.modal-mask.open{display:flex}
.modal{width:100%;max-width:680px;background:linear-gradient(180deg,#0d1731,#0a1124);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.6);animation:modalIn .25s ease}
@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.modal-head h3{font-size:15px;font-weight:700;flex:1}
.modal-close{background:rgba(96,170,255,.1);border:1px solid var(--line-2);color:var(--txt-2);width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:15px;line-height:1}
.modal-close:hover{color:#fff;border-color:var(--red)}
.modal-body{padding:18px 20px;max-height:72vh;overflow-y:auto}
.modal-foot{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}

/* misc */
.empty{text-align:center;color:var(--txt-3);padding:36px 0;font-size:13px}
.divider{border:none;border-top:1px solid var(--line);margin:14px 0}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}
.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.flex{display:flex}.aic{align-items:center}.jcsb{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}
.wrap{flex-wrap:wrap}
.small{font-size:11.5px;color:var(--txt-3)}
.mono{font-family:var(--mono)}
.text-cyan{color:var(--cyan)}.text-purple{color:var(--purple-2)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}

@media (max-width:1100px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .sidebar{display:none}
  .g2,.g4,.g3{grid-template-columns:1fr}
  .price-grid{grid-template-columns:1fr}
  .map-row{grid-template-columns:1fr}
}

/* ============ Data Hub + backend badge (v1.1) ============ */
.backend-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid var(--line);white-space:nowrap}
.backend-badge.on{color:#7df0c4;border-color:rgba(46,230,168,.45);background:rgba(46,230,168,.08)}
.backend-badge.off{color:var(--amber);border-color:rgba(255,182,72,.4);background:rgba(255,182,72,.08)}

.btn{display:inline-flex;align-items:center;gap:6px;background:rgba(96,170,255,.1);border:1px solid var(--line-2);color:var(--txt);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:9px;cursor:pointer;transition:all .15s;font-family:inherit}
.btn:hover{border-color:var(--cyan);color:#fff}
.btn.primary{background:linear-gradient(90deg,var(--cyan-2),var(--purple));border:none;color:#fff}
.btn.primary:hover{filter:brightness(1.12)}
.btn.danger{border-color:rgba(255,93,108,.5);color:#ffa3ac;background:rgba(255,93,108,.1)}
.btn.danger:hover{border-color:var(--red);color:#fff}
.btn.mini{padding:3px 9px;font-size:11.5px;border-radius:7px;font-weight:600}

.dh-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dh-status{font-size:13.5px;padding:10px 14px;border-radius:10px;border:1px solid var(--line)}
.dh-status.ok{color:#7df0c4;border-color:rgba(46,230,168,.4);background:rgba(46,230,168,.07)}
.dh-status.warn{color:var(--amber);border-color:rgba(255,182,72,.4);background:rgba(255,182,72,.07)}
.dh-table{width:100%;border-collapse:collapse;margin-top:10px}
.dh-table th{font-size:11px;color:var(--txt-3);text-transform:uppercase;letter-spacing:1px;text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}
.dh-table td{font-size:12.5px;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.dh-table tbody tr:hover{background:rgba(96,170,255,.05)}
.dh-ops{white-space:nowrap;text-align:right}
.dh-stat .k-value{font-size:26px;font-weight:700;margin-top:4px}
.danger-zone{border-color:rgba(255,93,108,.35)}
.danger-zone h3{color:#ffa3ac}

.dh-form label{display:block;font-size:11.5px;color:var(--txt-3);margin:9px 0 3px}
.dh-form input,.dh-form select,.dh-form textarea{width:100%;background:rgba(7,14,30,.9);border:1px solid var(--line-2);color:var(--txt);font-size:13px;padding:8px 11px;border-radius:9px;font-family:inherit;outline:none}
.dh-form input:focus,.dh-form select:focus,.dh-form textarea:focus{border-color:var(--cyan)}
.dh-form textarea{resize:vertical;font-family:var(--mono);font-size:12px}
#csv-input{width:100%;background:rgba(7,14,30,.9);border:1px solid var(--line-2);color:var(--txt);font-size:12px;font-family:var(--mono);padding:10px 12px;border-radius:9px;resize:vertical;outline:none;margin-top:10px}
#csv-input:focus{border-color:var(--cyan)}

/* ---- Countries config page ---- */
.cc-city-row{display:flex;gap:8px;align-items:center;margin-top:8px}
.cc-city-row input{flex:1;background:rgba(7,14,30,.9);border:1px solid var(--line-2);color:var(--txt);font-size:12.5px;padding:7px 10px;border-radius:8px;font-family:inherit;outline:none}
.cc-city-row input:focus{border-color:var(--cyan)}
.cc-city-row .cc-city-name{flex:0 0 34%}
.scan-list{margin:6px 0 0;padding-left:20px;font-size:12.5px;line-height:1.8;color:var(--txt-2)}
.scan-list li::marker{color:var(--cyan)}

/* ---- Flag badge (Windows emoji fallback) ---- */
.flag-badge{display:inline-block;font-size:11px;line-height:1;padding:1px 4px;border-radius:4px;background:rgba(0,212,255,.12);color:var(--cyan);border:1px solid rgba(0,212,255,.25);vertical-align:middle;margin-left:3px;letter-spacing:.5px;font-family:Segoe UI,system-ui,sans-serif}

/* ---- AI Workbench ---- */
.ai-cfg-card{border:1px solid rgba(0,212,255,.22)}
.ai-cfg-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ai-cfg-grid .fld{flex:1;min-width:130px}
/* 联系人编辑：单选评分组（决策权/技术影响力/联系周期）独占一行，避免挤压重叠 */
.ai-cfg-grid .fld:has(.dot-row){flex-basis:100%;min-width:0}
.ai-cfg-grid label{display:block;font-size:11px;color:var(--txt-3);margin-bottom:4px}
.ai-cfg-grid input,.ai-cfg-grid select{width:100%;background:rgba(7,14,30,.9);border:1px solid var(--line-2);color:var(--txt);font-size:12.5px;padding:7px 10px;border-radius:8px;font-family:inherit;outline:none}
.ai-cfg-grid input:focus,.ai-cfg-grid select:focus{border-color:var(--cyan)}
.fld-note{width:100%;margin:14px 0 0}
.fld-note label{display:block;font-size:11px;color:var(--txt-3);margin-bottom:5px}
.fld-note textarea{width:100%;min-height:140px;background:rgba(7,14,30,.9);border:1px solid var(--line-2);color:var(--txt);font-size:13px;padding:11px 14px;border-radius:8px;font-family:inherit;outline:none;resize:vertical;line-height:1.6}
.fld-note textarea:focus{border-color:var(--cyan)}
.ai-cfg-actions{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.ai-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;vertical-align:middle;margin-left:6px}
.ai-badge.ok{background:rgba(46,230,168,.12);color:#2ee6a8;border:1px solid rgba(46,230,168,.3)}
.ai-badge.off{background:rgba(255,182,72,.1);color:#ffb648;border:1px solid rgba(255,182,72,.3)}
.ai-run-btn{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(123,108,255,.25));border:1px solid rgba(0,212,255,.35);color:var(--cyan)}
.ai-run-btn:hover{background:linear-gradient(135deg,rgba(0,212,255,.35),rgba(123,108,255,.4))}
.ai-output{display:none;margin-top:14px;border:1px solid var(--line-2);border-radius:12px;background:rgba(4,8,18,.7);overflow:hidden}
.ai-output.show{display:block}
.ai-out-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line-2);font-size:11.5px}
.ai-mode{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}
.ai-mode.llm{background:rgba(46,230,168,.12);color:#2ee6a8;border:1px solid rgba(46,230,168,.3)}
.ai-mode.rule{background:rgba(255,182,72,.1);color:#ffb648;border:1px solid rgba(255,182,72,.3)}
.ai-out-text{margin:0;padding:12px 14px;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--txt);white-space:pre-wrap;max-height:420px;overflow-y:auto}
.agent-runner .fld{margin-bottom:10px}
.agent-runner label{display:block;font-size:11.5px;color:var(--txt-3);margin-bottom:4px}
.agent-runner select,.agent-runner textarea{width:100%;background:rgba(7,14,30,.9);border:1px solid var(--line-2);color:var(--txt);font-size:12.5px;padding:8px 10px;border-radius:8px;font-family:inherit;outline:none;resize:vertical}
.agent-runner select:focus,.agent-runner textarea:focus{border-color:var(--cyan)}

/* ---- 客户编辑 / 联系人 / AI 历史 ---- */
.actions-cell{text-align:right;white-space:nowrap;width:90px}
.empty-card{border:1px dashed var(--line-2);border-radius:14px;padding:36px 24px;text-align:center;color:var(--txt-3);font-size:13px;line-height:1.8;background:rgba(7,14,30,.35)}
.dot-row{display:flex;gap:6px;padding-top:2px}
.dot-radio{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--txt-3);cursor:pointer;border:1px solid var(--line-2);border-radius:6px;padding:4px 8px;background:rgba(7,14,30,.6)}
.dot-radio input{accent-color:var(--cyan)}
.dot-radio:has(input:checked){border-color:var(--cyan);color:var(--cyan)}
.ai-history-item{border:1px solid var(--line-2);border-radius:10px;margin-bottom:8px;overflow:hidden;background:rgba(4,8,18,.5)}
.ai-history-head{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line-2);font-size:11.5px;color:var(--txt-2)}
.ai-history-head .small{color:var(--txt-3);margin-left:auto}
.ai-out-text.compact{max-height:140px;padding:8px 10px;font-size:11px;color:var(--txt-2)}

/* ---- 联系人 AI 查找（v1.3） ---- */
.src-badge{display:inline-block;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:20px;vertical-align:middle;margin-left:4px;letter-spacing:.3px}
.src-badge.ai{background:rgba(123,108,255,.14);color:#b9aeff;border:1px solid rgba(123,108,255,.4)}
.src-badge.rule{background:rgba(255,182,72,.1);color:#ffb648;border:1px solid rgba(255,182,72,.3)}
.src-badge.search{background:rgba(46,230,168,.12);color:#2ee6a8;border:1px solid rgba(46,230,168,.3)}
.src-badge.manual{background:rgba(96,170,255,.1);color:#7db8ff;border:1px solid rgba(96,170,255,.3)}
.src-badge.pend{background:rgba(255,93,108,.1);color:#ff8b96;border:1px solid rgba(255,93,108,.32)}
.cand-acc-list{max-height:230px;overflow-y:auto;border:1px solid var(--line-2);border-radius:10px;padding:6px 8px;background:rgba(7,14,30,.5)}
.cand-acc{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;cursor:pointer;font-size:12.5px}
.cand-acc:hover{background:rgba(0,212,255,.06)}
.cand-acc input{accent-color:var(--cyan)}
.cand-acc .dim{color:var(--txt-3);font-size:11px;margin-left:auto}
.cand-list{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:rgba(4,8,18,.5);max-height:380px;overflow-y:auto}
.cand-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);cursor:pointer;flex-wrap:wrap}
.cand-row:last-child{border-bottom:none}
.cand-row:hover{background:rgba(0,212,255,.05)}
.cand-row input{accent-color:var(--cyan)}
.cand-name{font-weight:600;font-size:12.5px;min-width:110px}
.cand-role{font-size:11px;color:var(--txt-3);flex:1;min-width:140px}
.cand-mail{font-size:11px;color:var(--cyan);font-family:var(--mono)}
.cand-conf{font-size:11px;color:var(--txt-2)}

/* ---- 分页组件（v1.3 五库统一） ---- */
.pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 0 6px;flex-wrap:wrap}
.pg-total{font-size:11.5px;color:var(--txt-3);margin-right:4px}
.pg-btn{background:rgba(7,14,30,.6);border:1px solid var(--line-2);color:var(--txt-2);font-size:12px;padding:5px 14px;border-radius:8px;cursor:pointer;transition:all .18s}
.pg-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}
.pg-btn:disabled{opacity:.35;cursor:not-allowed}
.pg-info{font-size:12.5px;font-family:var(--mono);color:var(--cyan);min-width:52px;text-align:center;letter-spacing:.5px}
.pg-size{background:rgba(7,14,30,.6);border:1px solid var(--line-2);color:var(--txt-2);font-size:11.5px;padding:5px 6px;border-radius:8px;cursor:pointer}
.pg-size:focus{outline:none;border-color:var(--cyan)}

/* ---- 邮箱无效提醒（v1.4） ---- */
.src-badge.invalid{background:rgba(255,93,108,.16);color:#ff8b96;border:1px solid rgba(255,93,108,.5)}
.email-invalid{color:#ff8b96!important;text-decoration:line-through;text-decoration-color:rgba(255,93,108,.55)}
.email-err{color:#ff8b96;margin-top:3px;font-size:11px;line-height:1.4}

/* ---- 首页 KPI 可点击 + 客户库阶段筛选（v1.5） ---- */
.kpi.clickable{cursor:pointer;transition:border-color .15s,transform .15s}
.kpi.clickable:hover{border-color:var(--cyan);transform:translateY(-2px)}
.kpi.clickable::after{content:"→";position:absolute;top:12px;right:14px;color:var(--cyan);font-size:14px;opacity:.7}
.kpi.clickable{position:relative}

/* ---- 系统设置页（v1.6） ---- */
.set-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 2px}
.set-row-col{padding:14px 2px}
.set-row-main{flex:1;min-width:0}
.set-title{font-size:13.5px;font-weight:700;color:var(--txt-0,#eaf2ff);margin-bottom:4px}
.set-desc{font-size:11.5px;line-height:1.6;color:var(--txt-3,#8aa0c4)}
.chk-grid{display:flex;flex-wrap:wrap;gap:8px 16px}
.chk{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--txt-2,#c7d6ee);cursor:pointer}
.chk input{width:15px;height:15px;accent-color:var(--cyan,#37c2ff);cursor:pointer}
.mt16{margin-top:16px}
/* 开关 switch */
.switch{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 46px}
.switch input{opacity:0;width:0;height:0}
.switch .slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-3,#0e1a36);border:1px solid var(--line-2,rgba(96,170,255,.30));border-radius:26px;transition:.2s}
.switch .slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:var(--txt-3,#8aa0c4);border-radius:50%;transition:.2s}
.switch input:checked + .slider{background:rgba(46,230,168,.22);border-color:rgba(46,230,168,.6)}
.switch input:checked + .slider::before{transform:translateX(20px);background:#2ee6a8}
/* 新线索待核实徽章（琥珀色，区别于已刷新的绿色 AI 徽章） */
.lead-pending-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:6px;color:#ffb454;border:1px solid rgba(255,180,84,.4);background:rgba(255,180,84,.12);vertical-align:middle;cursor:help}
