.login-mode{display:flex;gap:6px;padding:4px;background:#f0f5fc;border-radius:8px;margin:18px 0 12px}.login-mode button{flex:1;border:0;background:none;min-height:36px;font-size:12px;color:#45627e;border-radius:6px}.login-mode button.on{background:white;color:#0764e8;box-shadow:0 2px 6px #1c4b7a10}#lg-company{margin-bottom:10px}.login-links{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:11px;color:#617a92}.login-links a{color:#0968d8}.login-card .login-demo{display:none}.account-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.employee-shortcut{width:100%;display:flex;align-items:center;gap:10px;padding:13px;background:#eaf3ff;color:#1268c5;border:0;border-radius:9px;margin-bottom:12px;font-weight:600;cursor:pointer}.employee-shortcut small{margin-left:auto;font-size:11px;font-weight:400}.department-icon{display:grid;place-items:center;width:36px;height:36px;background:#eaf3ff;color:#086bff;border-radius:9px}.department-icon svg{width:22px;height:22px}.real-product-photo{background:none!important;object-fit:cover}.handoff-inbox{padding:13px;background:#eaf3ff;border-radius:10px;margin-bottom:14px}.handoff-inbox p{font-size:12px;line-height:1.8}.upload-status{font-size:11px;color:#536e8a}.client-account p{font-size:13px;line-height:1.8}.archive-action{font-size:11px;color:#7d6071}#v-team .mg-toolbar{font-size:12px}#v-team .mg-tabs{margin-bottom:10px}#v-team .mg-record{overflow-wrap:anywhere}.photo-control label{font-size:11px;color:#426581}.photo-control img{cursor:zoom-in}.photo-preview{max-width:100%;height:auto;display:block}.login-card{max-height:calc(100dvh - 30px);overflow:auto}.login-sub{line-height:1.6}.module-panel .mod[hidden],.advanced-home .mod[hidden]{display:none!important}
.photo-control .product-photo{flex:none}
@media(max-width:600px){#client-team-host .mg-table-wrap{overflow:visible}#client-team-host .mg-table,#client-team-host .mg-table tbody{display:block;width:100%;white-space:normal}#client-team-host .mg-table thead{display:none}#client-team-host .mg-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0;border-bottom:1px solid #e5edf6}#client-team-host .mg-table td{display:block;border:0;padding:0;overflow-wrap:anywhere;min-width:0}#client-team-host .mg-table td::before{content:attr(data-label);display:block;font-size:10px;color:#61748b;margin-bottom:5px}#client-team-host .mg-table td:last-child{grid-column:1/-1}#client-team-host .mg-table td .mg-button{margin-left:0}}

/* ===== 虎哥需求：业务员 KPI 卡片样式 + 全局手型光标 ===== */
button:not([disabled]),[role="button"],summary,a[href],.session-exit,.header-alert,.page-header button,.modgrid .mod,.kpi-card,.photo-control img{cursor:pointer!important;}
.kpi-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:12px 13px;margin-bottom:10px;box-shadow:0 2px 10px #183e6808;}
.kpi-card:active{transform:translateY(1px);}
.kpi-avatar{flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2d95ff,#0654ff);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;}
.kpi-main{flex:1;min-width:0;}
.kpi-name{font-size:14.5px;font-weight:800;color:#142844;display:flex;align-items:center;gap:6px;}
.kpi-role{font-size:10.5px;font-weight:600;color:#0b64cf;background:#eaf2ff;border-radius:20px;padding:1px 8px;}
.kpi-sub{font-size:11.5px;color:#63748c;margin-top:3px;}
.kpi-num{flex:none;text-align:right;}
.kpi-num b{font-size:16px;color:#0d9e88;display:block;}
.kpi-num small{font-size:10px;color:#7b8da1;line-height:1.4;}
.kpi-go{flex:none;color:#b6c3d4;font-size:20px;font-weight:700;}
.kpi-total{font-size:12px;color:#41597a;background:#f3f7fc;border-radius:9px;padding:8px 11px;}
.kpi-total b{color:#0d9e88;}

/* ===== 虎哥需求：客户档案卡片 + 详情页头 ===== */
.kpi-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.cust-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
.cust-head h3{margin:0;}
.cust-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:12px 13px;margin-bottom:10px;box-shadow:0 2px 10px #183e6808;cursor:pointer;}
.cust-card:active{transform:translateY(1px);}
.cust-avatar{flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#37c6a0,#0d9e88);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;}
.cust-main{flex:1;min-width:0;}
.cust-nm{font-size:14.5px;font-weight:800;color:#142844;display:flex;align-items:center;gap:6px;}
.cust-sub{font-size:11.5px;color:#63748c;margin-top:3px;overflow-wrap:anywhere;}
.cust-sub2{font-size:11.5px;color:#8a9bb0;margin-top:2px;overflow-wrap:anywhere;}
.cust-num{flex:none;text-align:right;}
.cust-num b{font-size:16px;color:#0d9e88;display:block;}
.cust-num small{font-size:10px;color:#7b8da1;}
.cust-meta-line{font-size:12px;color:#41597a;background:#f3f7fc;border-radius:9px;padding:8px 11px;margin-top:10px;}
@media(max-width:420px){.cust-num b{font-size:14px}.kpi-num b{font-size:14px}}

/* ===== 虎哥需求：老板端三页化（首页 / 功能 / 我的）===== */
/* 预警为空时必须完全隐藏且不占布局空间（.alert-summary 自身有 display，需强制覆盖） */
.alert-summary[hidden]{display:none!important}
/* 功能页：分组卡片 + 宫格 */
.tools-group{margin-bottom:12px}
.tools-group h3{margin-bottom:12px}
.tools-group .modgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tools-group .mod em{display:block;font-size:10.5px;font-style:normal;color:#8a9bb0;margin-top:3px;line-height:1.4}
/* 我的页 */
.me-block{margin-bottom:12px}
.me-info{display:flex;flex-direction:column;gap:3px;margin-bottom:11px}
.me-info b{font-size:15px;color:#142844}
.me-info span{font-size:12px;color:#63748c;overflow-wrap:anywhere}
.me-row{width:100%;display:flex;align-items:center;gap:11px;padding:12px 0;background:none;border:0;border-top:1px solid #eef3f9;text-align:left;cursor:pointer}
.me-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;background:#eaf3ff;color:#086bff;border-radius:9px}
.me-ic svg{width:20px;height:20px}
.me-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.me-txt b{font-size:13.5px;color:#142844}
.me-txt small{font-size:11.5px;color:#7b8da1}
.me-go{flex:none;color:#b6c3d4;font-size:20px;font-weight:700}
.me-danger{margin-top:26px;padding-top:18px;border-top:1px solid #eef3f9;text-align:center}
.me-exit{width:100%;min-height:46px;border:1px solid #f7c1c1;background:#fcebeb;color:#c22f2f;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer}
.me-exit:active{transform:translateY(1px)}
.me-danger small{display:block;margin-top:9px;font-size:11px;color:#9aa9bb}

/* ===== 修复（2026-10-09）：恢复老板端底部三格导航 =====
   原因：reference-ui.css 里有两条硬隐藏规则（旧设计「老板端不放底部导航、靠首页宫格当入口」）：
     body[data-page=boss] #nav{display:none}
     body[data-role=boss] #nav{display:none}  body[data-role=boss]{padding-bottom:0}
   三页化后必须显示，并给页面留出底部空间，避免内容被固定导航遮挡。 */
body[data-role="boss"] #nav,body[data-page="boss"] #nav{display:flex!important}
html body[data-role="boss"],html body[data-page="boss"]{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
body[data-role="boss"] #nav button{flex:1 1 0;min-width:0}

/* ===== 虎哥需求：首页「经营明细」取消折叠，内容直接展开显示 ===== */
.advanced-home{margin-top:16px}
.advanced-home-title{font-size:14px;font-weight:700;color:#142844;margin:0 0 12px;display:flex;align-items:center;gap:7px}
.advanced-home-title::before{content:'';width:3px;height:14px;border-radius:2px;background:#0867dd;flex:none}
.advanced-home>summary{display:none!important}

/* ===== 虎哥需求：客户档案只读优先 + 消费情况（全部/月/周查询与导出）===== */
.cd-edit-btn{margin-left:auto}
.cd-field{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #f2f6fb;font-size:13px}
.cd-field:last-of-type{border-bottom:0}
.cd-label{flex:none;width:108px;color:#7b8da1;font-size:12px;padding-top:1px}
.cd-val{flex:1;min-width:0;color:#142844;overflow-wrap:anywhere}
.cd-edit-field{margin-bottom:10px}
/* 筛选区：第 1 行「全部/按月/按周 + 导出」固定 38px 高并垂直居中；第 2 行时间控件独立全宽，与第 1 行左边缘对齐 */
.cust-range{display:block;margin:10px 0 12px}
.cust-range-row1{display:flex;align-items:center;justify-content:space-between;gap:8px;height:38px}
.cust-range-row2{margin-top:8px}
.cust-seg{flex:0 0 auto;width:198px;height:38px;display:flex;align-items:center;padding:3px;box-sizing:border-box;margin:0}
.cust-seg button{flex:1 1 0;min-width:0;height:32px;min-height:32px;padding:0 6px;font-size:12px;white-space:nowrap}
.cust-mpick,.cust-wpick{width:100%;height:38px;min-height:38px;font-size:13px;background:#fcfdff;border:1px solid #e5eaf3;border-radius:9px;padding:0 10px;color:#21374f;box-sizing:border-box}
.cust-exp{flex:none;height:38px;min-height:38px;padding:0 12px;font-size:12px;display:inline-flex;align-items:center;gap:4px}
.cust-week-hint{font-size:11px;color:#8a9bb0;margin-top:5px}
.cust-range-txt{font-size:11px;font-weight:400;color:#7b8da1;margin-left:6px}
.cust-stat{margin-bottom:12px}
.cust-stat .v small{font-size:10px;color:#8a9bb0;font-weight:400}
.cust-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cust-orders{font-size:11.5px;min-width:540px}
.cust-orders td,.cust-orders th{white-space:nowrap;padding:8px 7px}
.cust-orders td:nth-child(3){white-space:normal;min-width:130px}
/* 详情页不再放「返回」按钮，返回统一走顶栏左上角图标；客户名占据左侧并允许换行 */
.cd-name-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:16px}

/* ===== 虎哥需求：按品类占比（饼图）+ 品类详情（订单走势 / 价格变化）===== */
.cust-viewtabs{display:flex;gap:6px;margin:0 0 12px}
.cust-viewtabs button{flex:1;min-height:36px;border:1px solid #e5eaf3;background:#fbfdff;color:#5b7088;border-radius:9px;font-size:12.5px;cursor:pointer}
.cust-viewtabs button.on{background:#eaf3ff;border-color:#c4ddff;color:#0b64cf;font-weight:700}
.cust-piewrap{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.cust-pie{width:132px;height:132px;flex:none}
.cust-pie-n{font-size:21px;font-weight:800;fill:#142844}
.cust-pie-u{font-size:10px;fill:#8a9bb0}
.cust-catlist{flex:1;min-width:180px}
.cust-catrow{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;border-bottom:1px solid #f2f6fb;padding:9px 2px;font-size:12.5px;text-align:left;cursor:pointer}
.cust-catrow:last-child{border-bottom:0}
.cust-catrow i{width:9px;height:9px;border-radius:3px;flex:none}
.cust-catnm{flex:1;min-width:0;overflow-wrap:anywhere;color:#142844}
.cust-catamt{flex:none;font-weight:700;color:#0d9e88;font-variant-numeric:tabular-nums}
.cust-catpct{flex:none;width:52px;text-align:right;color:#63748c;font-variant-numeric:tabular-nums}
.cust-catgo{flex:none;color:#b6c3d4;font-size:18px;font-weight:700}
.cust-total-line{font-size:12px;color:#41597a;background:#f3f7fc;border-radius:9px;padding:8px 11px}
.cust-total-line b{color:#0d9e88}
.cust-cathead{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.cust-cathead b{font-size:14px}
.cust-chart-block{margin-top:14px}
.cust-chart-block h4{margin:0 0 6px;font-size:13px;color:#142844}
.cust-line{width:100%;height:auto;display:block}
.cust-lg{font-size:9px;fill:#8a9bb0}
.cust-price-meta{font-size:11.5px;color:#63748c;margin-top:6px}
@media(max-width:420px){.cust-pie{width:116px;height:116px}.cust-seg{width:146px}}

/* ===== 价格走势页 + 编辑按钮改用 SVG 图标 ===== */
.price-prods{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;-webkit-overflow-scrolling:touch}
.price-pill{flex:none;border:1px solid #e5eaf3;background:#fbfdff;color:#5b7088;border-radius:20px;padding:7px 14px;font-size:12.5px;white-space:nowrap;cursor:pointer}
.price-pill.on{background:#eaf3ff;border-color:#c4ddff;color:#0b64cf;font-weight:700}
.cd-edit-btn,.cd-edit-btn2{display:inline-flex;align-items:center;gap:5px}
.cd-edit-btn .ui-icon,.cd-edit-btn2 .ui-icon{width:15px;height:15px;stroke-width:2.1}

/* ===== 虎哥需求：图标统一（h3 系列 SVG）+ 价格区间 / 价格走势客户筛选 / 提成设置 / 价格预警 ===== */
.h3-ico{display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;margin-right:6px;color:#0869ff}
.h3-ico .ui-icon{width:17px;height:17px;stroke-width:2.1}
.cust-viewtabs .h3-ico,.metric-label .h3-ico{margin-right:4px}
.cust-viewtabs .h3-ico .ui-icon{width:14px;height:14px}
.cust-cathead b .h3-ico,.kpi-detail-head h3 .h3-ico{margin-right:5px}
.alert-banner .ic .ui-icon{width:16px;height:16px;color:#f74b64}
.empty .ui-icon{width:15px;height:15px;vertical-align:-2px;color:#12a06f;margin-right:4px}

/* 价格走势：客户筛选行 + 参考价条 */
.price-custs{padding-top:0}
.price-refbar{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:#41597a;background:#f3f7fc;border-radius:9px;padding:8px 11px;margin-bottom:10px}
.price-refbar b{color:#0d9e88}
.price-refbar .warn b{color:#e93b56}
.price-refbar span:last-child{margin-left:auto;color:#8a9bb0;font-size:11px}
.cust-ref{font-size:9.5px;font-weight:700}
.price-cmp td,.cust-orders.price-cmp td{font-variant-numeric:tabular-nums}
.price-dev-bad{background:#fff2f4}
.price-dev-bad td{color:#d92b46}
.price-dev-bad .num{font-weight:700}

/* 价格区间：品类行（两行式，信息更细） */
.price-catlist{display:flex;flex-direction:column}
.price-catrow{display:flex;align-items:center;gap:8px;width:100%;background:#fbfdff;border:1px solid #e8edf4;border-radius:11px;padding:11px 12px;margin-bottom:8px;text-align:left;cursor:pointer}
.price-catrow:active{transform:translateY(1px)}
.pc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pc-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pc-top b{font-size:13.5px;color:#142844}
.pc-last{font-style:normal;font-size:13px;font-weight:800;color:#0d9e88;white-space:nowrap}
.pc-last small{font-size:10px;font-weight:500;color:#8a9bb0;margin-left:3px}
.pc-sub{font-size:11.5px;color:#5b7088}
.pc-sub2{font-size:11px;color:#8a9bb0}
.price-catrow .cust-catgo{flex:none;color:#b6c3d4;font-size:19px;font-weight:700}

/* 提成设置 */
.comm-switch{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.ct-check{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#142844}
.ct-check input{width:auto;min-height:0}
.ct-list{display:flex;flex-direction:column;gap:8px}
.ct-row{display:flex;align-items:center;gap:8px;background:#fbfdff;border:1px solid #e8edf4;border-radius:10px;padding:8px 10px}
.ct-row label{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:11.5px;color:#526781}
.ct-row input{min-height:34px;font-size:13px;padding:5px 8px;min-width:0;flex:1}
.ct-idx{flex:none;width:20px;height:20px;border-radius:50%;background:#eaf3ff;color:#0b64cf;font-size:11px;font-weight:700;display:grid;place-items:center}
.ct-del{flex:none;border:0;background:none;color:#c3ccd9;padding:3px;display:grid;place-items:center;cursor:pointer}
.ct-del .ui-icon{width:16px;height:16px}
.ct-del:hover{color:#e93b56}
.comm-preview{margin-top:14px;border-top:1px dashed #e2e9f2;padding-top:12px}
.comm-preview h4{font-size:12.5px;color:#142844;margin:0 0 8px}
.comm-v{color:#0d9e88}
.comm-rate{color:#8a9bb0;font-size:10px}
.kpi-comm-line{margin-top:3px;color:#41597a}
.kpi-comm-line b{color:#0d9e88}

/* 价格预警（公司设置） */
.pa-list{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.pa-row{display:flex;align-items:center;gap:10px;background:#fbfdff;border:1px solid #e8edf4;border-radius:10px;padding:8px 10px}
.pa-name{flex:1;min-width:0;font-size:12.5px;color:#142844;display:flex;flex-direction:column;gap:2px}
.pa-name small{font-size:10.5px;color:#8a9bb0}
.pa-row input{flex:none;width:104px;min-height:34px;font-size:13px;padding:5px 8px}

/* 价格走势标题：副标题单独一行，主标题不换行 */
.price-title{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px}
.price-title .h3-ico{flex:none}
.price-title small{flex:1 1 100%;font-weight:400;font-size:11px;color:#8a9bb0}

/* 价格走势：协议价横幅标明归属 + 对比表标题 */
.price-refbar em{font-style:normal;color:#8a9bb0;font-size:11px;margin:0 3px 0 6px}
.price-refbar .warn em{color:#e9938f}
.price-cmp-title{font-size:12.5px;color:#142844;margin:0 0 7px}

/* ===== 虎哥反馈修复：表格表头对齐 + 价格对比表不再横向滚动 + 底部留白 ===== */
/* 表头里的数字列与下方数字同样右对齐（原来 th 一律左对齐，导致"实际均价"表头与数字错位） */
table.rpt th.num,table.rpt .num{text-align:right}
/* 价格对比表：5 列在窄屏内放下，不再横向滚动；客户列允许换行 */
table.rpt.cust-orders.price-cmp{min-width:auto;width:100%;font-size:11px}
.price-cmp th,.price-cmp td{padding:8px 4px}
.price-cmp th:first-child,.price-cmp td:first-child{white-space:normal;overflow-wrap:anywhere;width:34%}
.price-cmp td:nth-child(3){white-space:nowrap;min-width:0}
.price-cmp .num{white-space:nowrap}
/* 底部给悬浮导航留的空白收紧（导航实际占 9px + 70px） */
html body[data-role="boss"],html body[data-page="boss"]{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
/* 5 列的窄表在手机屏内放下（不做横向滚动，避免左侧列被裁） */
table.rpt.cust-orders.tbl-narrow{min-width:auto;width:100%;font-size:10.5px}
.tbl-narrow th,.tbl-narrow td{padding:8px 2px}
.tbl-narrow th{font-size:10px}
.tbl-narrow th:nth-child(2),.tbl-narrow td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
.tbl-narrow .num{white-space:nowrap}
.price-cmp th,.price-cmp td{padding:8px 2px}
.price-cmp th{font-size:10px}
/* 订单明细表的「产品·数量」列有 min-width:130px，窄表要清掉 */
.tbl-narrow td:nth-child(3),.tbl-narrow th:nth-child(3){min-width:0}

/* ===== 虎哥要求：数据列在单元格内水平居中，仅各表首列（成交日期/日期）保持顶头左对齐 ===== */
/* ① 各客户协议价对比表：全列居中 */
table.rpt.cust-orders.price-cmp th,table.rpt.cust-orders.price-cmp td{text-align:center}
/* ② 价格走势·成交明细表：前两列（成交日期、客户）顶头，其余居中 */
table.rpt.cust-orders.price-list th:nth-child(n+3),table.rpt.cust-orders.price-list td:nth-child(n+3){text-align:center}
/* ③ 客户详情·历史报价表：首列（日期）顶头，其余居中 */
table.rpt.cust-orders.quote-list th:nth-child(n+2),table.rpt.cust-orders.quote-list td:nth-child(n+2){text-align:center}

/* 对比表「客户」列改为顶头左对齐（与下方成交明细表的客户列保持一致） */
table.rpt.cust-orders.price-cmp th:first-child,table.rpt.cust-orders.price-cmp td:first-child{text-align:left}

/* ===== 物流对账页 ===== */
.logi-card{background:#fbfdff;border:1px solid #e8edf4;border-radius:11px;padding:11px 12px;margin-bottom:9px}
.logi-top{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#72839a;margin-bottom:5px}
.logi-date{font-weight:700;color:#41597a}
.logi-oid{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;color:#8a9bb0}
.logi-amt{margin-left:auto;font-size:15px;font-weight:800;color:#123e91}
.logi-line{font-size:12px;color:#41597a;line-height:1.9;overflow-wrap:anywhere}
.logi-cust{font-weight:700;color:#142844;font-size:13px}
.logi-miss{color:#c98a2b}
.logi-mini{border:1px solid #c4ddff;background:#eaf3ff;color:#0b64cf;border-radius:14px;font-size:10.5px;padding:2px 9px;margin-left:4px;min-height:0;cursor:pointer}
.logi-edit{margin-top:6px}
.logi-edit .f{margin-top:6px}
.logi-edit input{min-height:36px;font-size:12.5px}
.logi-foot{display:flex;align-items:center;gap:8px;margin-top:8px}
.logi-settle{font-size:11px;background:#f0f4f9;color:#5b7088;border-radius:12px;padding:3px 9px}
.logi-pay{margin-left:auto;border:1px solid #e5b8bf;background:#fff3f5;color:#c9304a;border-radius:16px;font-size:11px;padding:4px 12px;min-height:0;cursor:pointer}
.logi-pay.on{border-color:#b7e3cd;background:#eefaf3;color:#0d9e88}
.logi-unpaid{color:#d92b46;font-weight:700}
.logi-sum td:first-child{font-weight:600}

/* ===== 通用「可搜索下拉」（picker）===== */
.picker{position:relative}
.picker-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fcfdff;border:1px solid #e5eaf3;border-radius:9px;min-height:41px;padding:9px 11px;font-size:14px;color:#21374f;cursor:pointer;text-align:left}
.picker-cur{display:flex;flex-direction:column;min-width:0;gap:1px}
.picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-sub{color:#8a9bb0;font-size:11px}
.picker-ar{color:#9aa9bb;font-size:11px;flex:none;transition:transform .15s}
.picker.open .picker-ar{transform:rotate(180deg)}
.picker.open .picker-btn{border-color:#9ec7ff;box-shadow:0 0 0 3px #e7f1ff}
.picker-panel{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:70;background:#fff;border:1px solid #e3e9f2;border-radius:11px;box-shadow:0 12px 34px #17345c24;padding:8px;display:none}
.picker.open .picker-panel{display:block}
.picker-search{width:100%;min-height:36px;font-size:13px;margin:0 0 6px;box-sizing:border-box}
.picker-list{max-height:228px;overflow:auto;-webkit-overflow-scrolling:touch}
.picker-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;border-radius:8px;padding:9px 10px;font-size:13px;color:#25384f;text-align:left;cursor:pointer;min-height:0}
.picker-item:hover{background:#f3f7ff}
.picker-item.on{background:#eaf3ff;color:#0b64cf;font-weight:700}
.picker-item-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-item small{color:#8a9bb0;font-size:11px;flex:none}
.picker-item b{color:#0d9e88;flex:none}
.picker-empty{padding:16px 10px;text-align:center;color:#8a9bb0;font-size:12px}
.pk-wrap{margin-bottom:2px}
.native-hidden{display:none!important}

/* ===== 客户管理页搜索 ==== */
.cust-searchbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cust-searchbar input{flex:1;min-width:0;font-size:13px;background:#fcfdff;border:1px solid #e5eaf3;border-radius:9px;min-height:39px;padding:8px 11px}
.cust-searchn{flex:none;font-size:11.5px;color:#8a9bb0}

/* ===== 运费明细（重构版）：六档时间维度 + 双汇总表 + 按客户分组明细 ===== */
.logi-head{display:flex;align-items:flex-start;gap:10px}
.logi-head .price-title{flex:1;min-width:0;margin:0}
.logi-head .cust-exp{margin-top:-1px}
.logi-seg{width:100%;margin:10px 0 0}
.logi-seg button{padding:0 1px;font-size:11.5px}
.logi-cond{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.logi-cond .cust-mpick,.logi-cond .cust-wpick{margin:0;flex:1 1 128px;min-width:0}
.logi-cond-hint{font-size:11px;color:#7b8da1}
.logi-sel{flex:1 1 128px;min-width:0;height:38px;min-height:38px;font-size:13px;background:#fcfdff;border:1px solid #e5eaf3;border-radius:9px;padding:0 8px;color:#21374f;box-sizing:border-box}
.logi-scope{font-size:11.5px;color:#5b7088;margin:9px 0 10px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.logi-scope b{color:#123e91}
.stat.logi-stat{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
/* 注意：必须用「直接子元素」选择器 —— 值的修饰 class 也叫 .b（<div class="v b">），
   若写成后代选择器会把值元素也当卡片套上 padding/border，导致该格数字下沉错位。 */
.stat.logi-stat>.b{min-height:auto;padding:10px 9px;box-shadow:none;background:#f7fafd;border:1px solid #e9eef6}
.stat.logi-stat>.b::after{display:none}
.stat.logi-stat .k{font-size:10.5px}
.stat.logi-stat .v{font-size:15px;margin-top:3px}
.stat.logi-stat .v small{font-size:9.5px;font-weight:400;color:#8a9bb0}
#logiBody table.logi-sum th,#logiBody table.logi-custsum th{white-space:nowrap}
#logiBody table.logi-sum td:nth-child(1),#logiBody table.logi-sum td:nth-child(n+2),
#logiBody table.logi-custsum td:nth-child(n+2){white-space:nowrap}
/* 客户列允许折行，用于承载「走的物流」副标题 */
#logiBody table.logi-custsum td:nth-child(1){white-space:normal}
.logi-brief{display:block;font-size:9.5px;font-weight:400;color:#8a9bb0;line-height:1.45;margin-top:1px;overflow-wrap:anywhere;text-align:left}
.logi-total td{font-weight:700;background:#f4f8fd;color:#123e91}
.logi-dethead{display:flex;align-items:center;gap:8px;margin:14px 0 8px}
.logi-dethead .price-cmp-title{margin:0;flex:1;min-width:0}
.logi-group{border:1px solid #e8edf4;border-radius:11px;margin-bottom:9px;overflow:hidden;background:#fff}
.logi-group.open{border-color:#cfe0f5}
.logi-ghead{display:flex;align-items:center;gap:7px;width:100%;text-align:left;border:0;background:#fbfdff;padding:11px;cursor:pointer;min-height:0;font:inherit;color:inherit}
.logi-ghead:hover{background:#f3f9ff}
.logi-ar{font-style:normal;font-size:10px;color:#7b8da1;flex:0 0 10px}
.logi-gname{font-size:13px;font-weight:700;color:#142844;white-space:nowrap;max-width:42%;overflow:hidden;text-overflow:ellipsis}
.logi-gmeta{font-size:10.5px;color:#7b8da1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logi-gamt{margin-left:auto;font-size:13px;font-weight:800;color:#123e91;white-space:nowrap}
.logi-gbody{padding:10px 11px 2px;border-top:1px solid #eef3f9}
.logi-row{border-bottom:1px dashed #eaedf3;padding-bottom:9px;margin-bottom:9px}
.logi-row:last-child{border-bottom:0;margin-bottom:0}
.logi-qty{margin-left:auto;font-size:11px;color:#7b8da1}
.logi-row .logi-qty{margin-left:auto}
.logi-row .logi-amt{margin-left:8px}
.logi-tip{margin:8px 0 0;font-size:11.5px;line-height:1.7;color:#8a5a12;background:#fff8ec;border:1px solid #f5e2c2;border-radius:9px;padding:8px 10px}
.logi-tip b{color:#b06a10}
/* 可点进明细的汇总行 */
.logi-link{cursor:pointer}
.logi-link:hover td{background:#f2f9ff}
.logi-name{display:inline-flex;align-items:center;gap:4px;max-width:100%;white-space:nowrap}
.logi-go{font-style:normal;color:#a8c6e8;font-size:13px;font-weight:700;line-height:1}
.logi-link:hover .logi-go{color:#0764e8}
/* 下钻页返回 */
.logi-back{display:inline-flex;align-items:center;gap:2px;border:0;background:#eaf3ff;color:#0b64cf;border-radius:16px;font-size:12px;font-weight:600;padding:5px 13px 5px 8px;min-height:0;cursor:pointer;font-family:inherit}
.logi-back i{font-style:normal;font-size:15px;line-height:1;margin-top:-1px}
.logi-back:hover{background:#dbeaff}
/* 客户页「使用的物流方式」小表 */
.logi-way th{white-space:nowrap}
.logi-way td:nth-child(1){white-space:nowrap}
/* KPI 第 6 格 = 「待补录」入口：有漏填时高亮可点，清单不堆在主页 */
.stat.logi-stat>.b.logi-todob{cursor:pointer;background:#fff8ec;border-color:#f0cf9b}
.stat.logi-stat>.b.logi-todob:hover{background:#fff2dd;border-color:#e8bf76}
.stat.logi-stat>.b.logi-todob .k{color:#8a5a12;font-weight:700}
.logi-kgo{color:#d98b1a;font-weight:700;margin-left:3px}
/* 客户自提的明细行：不显示结算/已付按钮，只留一行说明 */
.logi-self{font-size:11px;color:#8a9bb0}
/* 开单页「物流信息」分组标题 + 「存入常用」按钮 */
.order-subhead{margin:16px 0 6px;padding-top:12px;border-top:1px dashed #e3e9f2;font-size:13px;font-weight:700;color:#142844}
.carrier-add{margin-top:7px;font-size:12px}
/* 补录页字段包裹：发货方式选自提时整组收起 */
.logi-edit .lgf{margin-top:9px}
/* 值元素的修饰 class 不能叫 .b（会被 `.stat .b` 后代选择器误当卡片），故用 logi-blue */
.stat.logi-stat>.b .v.logi-blue{color:#126ee8}
/* 漏填项标签 */
.logi-issues{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.logi-tag{font-size:10px;line-height:1.6;color:#c9304a;background:#fff1f3;border:1px solid #f2ccd3;border-radius:10px;padding:1px 8px;white-space:nowrap}
/* 待补录页的下拉选择 */
.logi-edit select{width:100%;min-height:38px;font-size:13px;background:#fcfdff;border:1px solid #e5eaf3;border-radius:9px;padding:0 8px;color:#21374f;box-sizing:border-box}
@media(max-width:420px){.stat.logi-stat .v{font-size:13.5px}.logi-seg button{font-size:11px}.logi-gname{max-width:36%}}