/* 共运宝 车队管理系统 · 应用样式 v1.0
来源：docs/ui-kit.css（出图规范）——本文件只保留可复用的变量与组件，
去掉了出图用的演示框架类（.shot/.pc/.ph 等）。
PC 端：浅色主区 + 深蓝侧导航 + 绿色强调。司机端样式另见 driver.css。 */
:root{
--bg:#F5F8FC; --card:#fff; --line:#E4EAF2; --line2:#EEF2F7;
--ink:#0A2A4A; --ink2:#3A4E63; --ink3:#5F7A93; --ink4:#8AA0B5;
--navy:#0A2A4A; --navy2:#123A5C;
--teal:#1D9E75; --teal-d:#0F6E56; --teal-l:#E1F5EE;
--blue:#378ADD; --blue-d:#185FA5; --blue-l:#E6F1FB;
--amber:#B45309; --amber-l:#FDF3E3;
--red:#B42318; --red-l:#FDEDEB;
--green:#15803D; --green-l:#E8F5EC;
--violet:#5B45B0; --violet-l:#EFECFA;
--r:8px; --r2:12px;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{margin:0;background:var(--bg);color:var(--ink);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--blue-d);text-decoration:none;}
.mono{font-family:"SF Mono",Consolas,Menlo,monospace;}
/* ── 布局 ── */
.app{display:flex;height:100vh;overflow:hidden;}
.sidebar{width:200px;flex:none;background:var(--navy);color:#fff;display:flex;flex-direction:column;overflow-y:auto;}
.sidebar .brand{font-size:15.5px;font-weight:700;padding:16px 18px 14px;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.08);}
.sidebar .brand span{color:var(--teal);}
.sidebar .grp{font-size:10.5px;color:#7E9AB5;padding:14px 18px 6px;letter-spacing:.1em;}
.sidebar .it{padding:8px 18px;font-size:13px;color:#C3D3E2;cursor:pointer;display:flex;
justify-content:space-between;align-items:center;border-left:3px solid transparent;}
.sidebar .it:hover{background:rgba(255,255,255,.06);color:#fff;}
.sidebar .it.on{background:var(--teal);color:#fff;font-weight:600;border-left-color:#fff;}
.sidebar .it .bdg{background:rgba(255,255,255,.18);border-radius:10px;padding:0 6px;font-size:11px;}
/* 主菜单（自营车管理 / 外调车管理）：可点收起 */
.sidebar .grp2{padding:10px 16px;font-size:13.5px;font-weight:600;color:#E8EEF5;cursor:pointer;
display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.055);
border-top:1px solid rgba(255,255,255,.09);user-select:none;}
.sidebar .grp2:hover{background:rgba(255,255,255,.1);}
.sidebar .grp2 .ar{font-size:10px;color:#7E9AB5;transition:transform .15s;}
.sidebar .grp2.closed .ar{transform:rotate(-90deg);}
.sidebar .it.sub{padding-left:28px;font-size:12.5px;color:#B6C8D9;}
.sidebar .it.sub.on{color:#fff;}
.sidebar .foot{margin-top:auto;padding:12px 18px;font-size:11.5px;color:#7E9AB5;border-top:1px solid rgba(255,255,255,.08);}
.main{flex:1;display:flex;flex-direction:column;min-width:0;}
.topbar{height:50px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:12px;}
.topbar .tt{font-size:15px;font-weight:600;}
.topbar .path{font-size:11.5px;color:var(--ink4);}
.topbar .sp{flex:1;}
.content{flex:1;overflow:auto;padding:18px 22px 60px;}
.wrap{max-width:1280px;}
/* ── 页面头 ── */
.ph{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px;}
.ph h1{font-size:19px;margin:0;}
.ph .sub{color:var(--ink3);font-size:12.5px;margin:0;}
/* ── 卡片 ── */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r2);margin-bottom:12px;}
.card-hd{padding:10px 14px;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:10px;}
.card-hd .t{font-size:13.5px;font-weight:600;}
.card-hd .sp{flex:1;}
.card-bd{padding:14px;}
.card-bd.nop{padding:0;}
.grid{display:grid;gap:12px;}
.g2{grid-template-columns:repeat(2,1fr);} .g3{grid-template-columns:repeat(3,1fr);} .g4{grid-template-columns:repeat(4,1fr);}
/* ── 按钮 ── 32px（按用户意见改小） ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 13px;
border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:var(--r);
font-size:13px;cursor:pointer;white-space:nowrap;font-family:inherit;}
.btn:hover{border-color:var(--ink4);background:#FAFBFD;}
.btn.pri{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600;}
.btn.pri:hover{background:var(--teal-d);border-color:var(--teal-d);}
.btn.dgr{color:var(--red);border-color:#F0C4BF;}
.btn.dgr:hover{background:var(--red-l);}
.btn.sm{height:26px;padding:0 9px;font-size:12px;}
.btn:disabled,.btn.dis{opacity:.45;cursor:not-allowed;}
.btngrp{display:flex;gap:8px;flex-wrap:wrap;}
.link{color:var(--blue-d);cursor:pointer;font-size:12.5px;}
.link:hover{text-decoration:underline;}
/* ── 表格 ── */
.tb{width:100%;border-collapse:collapse;font-size:12.5px;}
.tb th{background:#F5F8FC;color:var(--ink2);font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;}
.tb td{padding:9px 10px;border-bottom:1px solid var(--line2);vertical-align:middle;}
.tb tr:last-child td{border-bottom:none;}
.tb tbody tr:hover{background:#FAFCFE;}
.tb .num{text-align:right;font-variant-numeric:tabular-nums;}
.tb .idx{font-family:"SF Mono",Consolas,monospace;font-weight:700;color:var(--teal-d);}
/* ── 标签 ── */
.tag{display:inline-block;padding:1px 8px;border-radius:11px;font-size:11.5px;line-height:1.7;white-space:nowrap;}
.tag.g{background:var(--green-l);color:var(--green);}
.tag.a{background:var(--amber-l);color:var(--amber);}
.tag.r{background:var(--red-l);color:var(--red);}
.tag.b{background:var(--blue-l);color:var(--blue-d);}
.tag.v{background:var(--violet-l);color:var(--violet);}
.tag.n{background:#EEF2F7;color:var(--ink3);}
/* ── 提示条 ── */
.alert{padding:9px 12px;border-radius:var(--r);font-size:12.5px;border-left:3px solid;margin:10px 0;}
.alert.a{background:var(--amber-l);border-color:#E8A33D;color:#7A4A05;}
.alert.b{background:var(--blue-l);border-color:var(--blue);color:var(--blue-d);}
.alert.r{background:var(--red-l);border-color:#D45B4F;color:var(--red);}
.alert.g{background:var(--teal-l);border-color:var(--teal);color:var(--teal-d);}
.alert b{font-weight:700;}
/* ── 表单 ── */
.field{margin-bottom:12px;}
.field .lb{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:4px;font-weight:600;}
.field .lb .req{color:var(--red);margin-left:2px;}
.field .hint{font-size:11.5px;color:var(--ink4);margin-top:3px;}
.input,.select,.textarea{width:100%;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r);
font-size:13px;color:var(--ink);background:#fff;font-family:inherit;}
.textarea{height:auto;min-height:64px;padding:8px 10px;resize:vertical;line-height:1.6;}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(29,158,117,.12);}
.input:disabled,.select:disabled{background:#F5F8FC;color:var(--ink4);}
.select{appearance:none;background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:right 10px center;padding-right:26px;}
.frm{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px;}
.frm .full{grid-column:1/-1;}
.chk{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;cursor:pointer;margin-right:14px;}
.chk input{width:14px;height:14px;accent-color:var(--teal);}
/* ── 弹窗 ── */
.mask{position:fixed;inset:0;background:rgba(10,42,74,.42);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;}
.modal{background:#fff;border-radius:var(--r2);width:560px;max-width:100%;max-height:88vh;display:flex;flex-direction:column;
box-shadow:0 12px 40px rgba(10,42,74,.22);}
.modal.wide{width:820px;}
.modal-hd{padding:13px 18px;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:10px;}
.modal-hd .t{font-size:15px;font-weight:600;}
.modal-hd .x{margin-left:auto;cursor:pointer;color:var(--ink4);font-size:18px;line-height:1;}
.modal-bd{padding:16px 18px;overflow:auto;flex:1;}
.modal-ft{padding:11px 18px;border-top:1px solid var(--line2);display:flex;justify-content:flex-end;gap:8px;background:#FAFBFD;}
/* ── KPI ── */
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:13px 15px;}
.kpi .k{font-size:12px;color:var(--ink3);}
.kpi .v{font-size:22px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.3;}
.kpi .d{font-size:11.5px;color:var(--ink4);}
/* ── 空状态 ── */
.empty{padding:44px 20px;text-align:center;color:var(--ink4);font-size:13px;}
.empty .big{font-size:30px;opacity:.35;margin-bottom:8px;}
/* ── 登录（演示） ── */
.login{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0A2A4A,#123A5C);}
.login-box{width:420px;background:#fff;border-radius:14px;padding:26px 28px;box-shadow:0 12px 40px rgba(0,0,0,.25);}
.login-box h1{font-size:19px;margin:0 0 4px;}
.login-box .sub{color:var(--ink3);font-size:12.5px;margin-bottom:18px;}
.ln-hr{height:1px;background:var(--line);margin:16px 0 12px;}
/* 演示账号：点一下=用这个账号登录（不是切换身份） */
.acct{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);
border-radius:8px;margin-bottom:6px;cursor:pointer;background:#fff;}
.acct:hover{border-color:var(--teal);background:var(--teal-l);}
.acct .ph{font-size:12px;color:var(--ink3);}
.acct .sp{flex:1;}
.acct .tn{flex:1;text-align:right;font-size:11.5px;color:var(--ink4);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 流程走到哪一步 */
.steps{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:11.5px;}
.steps .s{padding:2px 8px;border-radius:11px;background:#EEF2F7;color:var(--ink4);white-space:nowrap;}
.steps .s.done{background:var(--teal-l);color:var(--teal-d);}
.steps .s.cur{background:var(--teal);color:#fff;font-weight:600;}
.steps .ar{color:var(--ink4);}
/* ── 步骤条 ── */
.steps{display:flex;gap:0;margin-bottom:16px;}
.steps .s{flex:1;text-align:center;font-size:12px;color:var(--ink4);position:relative;padding-bottom:14px;}
.steps .s::after{content:"";position:absolute;left:50%;bottom:5px;width:10px;height:10px;border-radius:50%;background:var(--line);transform:translateX(-50%);}
.steps .s.done{color:var(--teal-d);} .steps .s.done::after{background:var(--teal);}
.steps .s.on{color:var(--ink);font-weight:600;} .steps .s.on::after{background:var(--navy);}
/* ── 日志 ── */
.log{font-size:12px;}
.log .row{padding:6px 0;border-bottom:1px dashed var(--line2);display:flex;gap:10px;}
.log .row:last-child{border-bottom:none;}
.log .at{color:var(--ink4);font-variant-numeric:tabular-nums;flex:none;width:128px;}
.log .who{color:var(--ink2);flex:none;width:110px;}
/* ── 司机端手机框（批次 4）────────────────────────────
正极性（浅底深字）：对年龄偏大、文化偏低的司机群体可读性最好。
字号整体提两档，按钮 44px（戴手套、单手、在车上）。
夜间问题用「自动切换深色」解决，而不是让司机整天看深色屏。 */
.phone-wrap{display:flex;gap:18px;flex-wrap:wrap;}
/* position:relative 是给「拍照示意图」那层遮罩用的（Z-12）：
遮罩要盖住整台手机，而不是整张网页 */
.phone{width:375px;flex:none;background:#F5F8FC;border:1px solid var(--line);border-radius:22px;
overflow:hidden;box-shadow:0 8px 28px rgba(10,42,74,.14);display:flex;flex-direction:column;
min-height:640px;position:relative;}
.phone.dark{background:#12263C;border-color:#0B1C2E;}
.phone.dark .p-body{background:#12263C;color:#E8EEF5;}
.phone.dark .p-top{background:#0B1C2E;color:#E8EEF5;}
.phone.dark .p-card{background:#1B3552;border-color:#24466A;color:#E8EEF5;}
.phone.dark .p-tab{background:#0B1C2E;border-top-color:#24466A;}
.phone.dark .p-tab .i{color:#7E9AB5;}
.phone.dark .p-tab .i.on{color:var(--teal);}
.p-top{background:var(--teal);color:#fff;padding:12px 16px;font-size:17px;font-weight:600;
display:flex;align-items:center;gap:8px;}
.p-top .sp{flex:1;}
.p-top .mini{font-size:12px;opacity:.9;font-weight:400;}
.p-body{flex:1;padding:14px;overflow:auto;background:#F5F8FC;}
.p-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;}
.p-card.hi{border-color:var(--teal);border-width:2px;}
.p-h{font-size:17px;font-weight:600;margin:0 0 6px;line-height:1.4;}
.p-sub{font-size:14px;color:var(--ink2);line-height:1.6;}
.p-big{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;}
.p-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;
border-bottom:1px solid var(--line2);font-size:15px;}
.p-row:last-child{border-bottom:none;}
.p-row .k{color:var(--ink2);}
.p-btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;
background:var(--teal);color:#fff;font-size:19px;font-weight:600;cursor:pointer;margin-top:10px;}
.p-btn.ghost{background:#fff;color:var(--teal);border:2px solid var(--teal);}
.p-btn.gray{background:#EEF2F7;color:var(--ink2);}
/* 还差东西不能交时的置灰（比如记一笔没拍现场照）：灰底灰字，一看就知道这会儿点不动 */
.p-btn.off{background:#E3E9F0;color:var(--ink4);cursor:default;}
.p-btn.off:active{opacity:1;}
.p-btn:active{opacity:.75;}
.p-in{width:100%;height:56px;border:2px solid var(--line);border-radius:12px;padding:0 14px;
font-size:24px;font-variant-numeric:tabular-nums;background:#fff;color:var(--ink);font-family:inherit;}
.p-in:focus{outline:none;border-color:var(--teal);}
.p-lb{font-size:15px;color:var(--ink2);margin:14px 0 6px;display:block;font-weight:600;}
.p-lb .req{color:var(--red);}
.p-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.p-tag{padding:8px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;
font-size:15px;cursor:pointer;color:var(--ink2);}
.p-tag.on{background:var(--teal-l);border-color:var(--teal);color:var(--teal-d);font-weight:600;}
.p-shot{height:96px;border:2px dashed var(--blue);border-radius:12px;background:var(--blue-l);
display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue-d);
font-size:15px;cursor:pointer;}
.p-shot .n{font-size:12px;opacity:.8;margin-top:3px;}
.p-tab{display:flex;border-top:1px solid var(--line);background:#fff;flex:none;}
.p-tab .i{flex:1;text-align:center;padding:11px 0;font-size:12px;color:var(--ink4);cursor:pointer;}
.p-tab .i.on{color:var(--teal-d);font-weight:600;}
.p-tab .i .d{display:block;font-size:17px;line-height:1.2;}
.p-note{font-size:12.5px;color:var(--ink3);background:#EEF2F7;border-radius:8px;padding:8px 10px;margin-top:10px;line-height:1.6;}
/* ══════════ 记一笔：收 / 支 分段按钮（他 2026-10-26 提的：「支出收入太不显眼」）══════════
🚨 .seg 以前只在 pc.css 里定义过（那套是电脑端的页签样式），手机端没画线，
于是 driver.js 里那两个「支出 / 收入」掉成了两行素字 —— 看着像标签（就是他不显眼的原因）。
现在按手机端的规矩重画：两格平分一行，选中那格一眼看得出来。
配色用全系统统一的选中方案（青绿描边浅青底，同 .p-tag.on）——
2026-10-27 他拍的：不要红底，"就用以前的按钮方案"。 */
.seg{display:flex;gap:10px;margin-top:12px;}
.seg > div{flex:1;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:2px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink2);
cursor:pointer;user-select:none;}
.seg > div .t{font-size:17px;font-weight:700;letter-spacing:.04em;}
.seg > div .s{font-size:11.5px;font-weight:400;color:var(--ink4);}
/* 选中态＝跟「自己垫付」那排小钮一套方案（他 2026-10-27 拍的：不要用红底，
用以前的颜色方案）——青绿描边 + 浅青底 + 深青字，收支两格一视同仁。 */
.seg > div.on{border-color:var(--teal);background:var(--teal-l);color:var(--teal-d);}
.seg > div.on .t{font-weight:700;}
.seg > div.on .s{color:var(--teal);}
.seg > div:active{opacity:.75;}
/* ══════════ 金额框：不许再出现「加减小箭头」（他 2026-10-26：填钱像在按增加键）══════════
根子在实际 X： 天生带一对上下箭头（点它、按↑↓、在上面滚滚轮都 ±1），
输 150 会被当成"按了 150 次增加"，钱就填不进去。
两条一起治：① 全局把 number 的箭头画掉（别的地方的 number 框也顺带干净了）；
② 记一笔的金额改用文本框 + 数字键盘（type="text" inputmode="decimal"），只剩打字一条路。 */
input[type="number"]{-moz-appearance:textfield;appearance:textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.p-card .steps{font-size:14.5px;gap:5px;}
.p-card .steps .s{padding:5px 12px;border-radius:14px;}
/* 调度端手机：顶栏深蓝（司机端深绿） */
.p-top.blue{background:#1B456E;}
/* 选择行：司机 / 车辆，选中高亮，硬卡置灰但不隐藏 */
.p-sel{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
border-radius:10px;padding:12px 14px;margin-bottom:8px;font-size:15px;cursor:pointer;}
.p-sel.on{border-color:var(--teal);border-width:2px;background:var(--teal-l);color:var(--teal-d);font-weight:600;}
.p-sel .sp{flex:1;}
.p-sel:active{opacity:.7;}
/* 手机里的下拉/输入复用 p-in，但不需要 56px 那么高 */
.p-in.select{height:50px;font-size:15px;background:#fff;}
.phone-cap{width:200px;font-size:12.5px;color:var(--ink3);line-height:1.7;}
.phone-cap b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:6px;}
/* ══════════ 调度端 批次 13：车次 / 对账单 / 垫付 ══════════ */
.tag.t{background:#EAF2FB;color:#1B456E;}
/* 进度条：已拉多少 / 还剩多少 */
.bar{height:7px;background:#EEF2F7;border-radius:4px;overflow:hidden;margin:4px 0 8px;}
.bar i{display:block;height:100%;background:var(--teal);border-radius:4px;}
/* 车次一行 */
.run-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line2);cursor:pointer;}
.run-row:last-child{border-bottom:none;}
.run-row .rr-l{flex:1;min-width:0;}
.run-row .rr-t{font-size:14.5px;font-weight:600;color:var(--ink);}
.run-row .rr-s{font-size:12px;color:var(--ink3);margin-top:2px;}
.run-row .rr-ar{color:var(--ink4);font-size:16px;}
/* 对账单每一车 */
.st-row{padding:9px 0;border-bottom:1px dashed var(--line2);}
.st-row:last-of-type{border-bottom:none;}
.st-h{font-size:13px;color:var(--ink);display:flex;align-items:center;gap:6px;}
.st-h .st-date{margin-left:auto;font-size:11.5px;color:var(--ink4);font-weight:400;}
.st-l{font-size:12px;color:var(--ink3);line-height:1.8;margin-top:2px;}
.st-m{font-size:12.5px;color:var(--ink);margin-top:3px;}
.st-total{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--ink2);
border-top:2px solid var(--line);margin-top:6px;padding-top:8px;font-weight:600;}
/* 垫付一行 */
.exp-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13px;cursor:pointer;}
.exp-row:last-child{border-bottom:none;}
.exp-row .er-k{flex:1;color:var(--ink2);}
.exp-row .er-m{font-variant-numeric:tabular-nums;font-weight:600;}
/* 资料列表 */
.m-row{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1px solid var(--line);
border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;}
.m-row .nm{font-size:14.5px;font-weight:600;color:var(--ink);}
.m-row .meta{font-size:12px;color:var(--ink3);margin-top:3px;line-height:1.6;}
.m-row .sp{flex:1;}
.m-row .ops{display:flex;gap:10px;align-items:center;font-size:12.5px;}
.m-row .ops .del{color:var(--red);cursor:pointer;}
.m-row .ops .lnk{color:var(--blue-d);cursor:pointer;}
/* 建单联想 */
.ac-list{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:6px;overflow:hidden;}
.ac-it{padding:10px 12px;font-size:13.5px;border-bottom:1px solid var(--line2);cursor:pointer;
display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ac-it:last-child{border-bottom:none;}
.ac-it:active{background:#F2F7FC;}
.ac-it .meta{font-size:11.5px;color:var(--ink4);}
.ac-it.ac-new{color:var(--teal-d);font-weight:600;background:#F7FCFA;}
/* 地址 */
.addr{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer;}
.addr .edit{position:absolute;right:10px;top:9px;font-size:11.5px;color:var(--blue-d);}
.addr .crumb{font-size:13px;font-weight:600;color:var(--ink);padding-right:36px;}
.addr .det{font-size:12.5px;color:var(--ink3);margin-top:2px;}
/* 地址选择 */
.crumbs{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;}
.crumbs .c{padding:3px 9px;border-radius:12px;background:#EEF2F7;color:var(--ink3);cursor:pointer;}
.crumbs .c.on{background:var(--teal-l);color:var(--teal-d);font-weight:600;}
/* 省有 30 多个：电脑上是个 320px 的滚动框，手机上干脆整段铺开、跟着页面滚
（手机上再套一层内滚动很难划，2026-10-20 团队反馈"拉不到云南"就是这么来的） */
.reg-list{max-height:320px;overflow:auto;-webkit-overflow-scrolling:touch;}
@media (max-width:620px){
.reg-list{max-height:none;}
}
.reg-it{padding:11px 14px;font-size:14px;border-bottom:1px solid var(--line2);cursor:pointer;display:flex;align-items:center;}
.reg-it:last-child{border-bottom:none;}
.reg-it:active{background:#F2F7FC;}
.reg-it .rg{margin-left:auto;font-size:11.5px;color:var(--teal-d);}
/* ── 批次 14：待派列表查询区 + 瘦身卡片 ── */
.qchip{display:inline-block;font-size:12.5px;border:1px solid var(--line);border-radius:16px;
padding:5px 13px;background:#fff;color:var(--ink2);margin:0 6px 6px 0;cursor:pointer;user-select:none;}
.qchip.on{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600;}
.prog{height:9px;background:#E7EDF3;border-radius:5px;overflow:hidden;margin:7px 0 3px;}
.prog .f{height:100%;background:var(--teal);border-radius:5px;}
/* ── 批次 16：「管理」页（平铺，不用下拉） ──
一件事一格，两列排开：一屏看得全，点一下就进。
以后加功能＝加一格，不动布局。 */
.hub-g{font-size:12px;color:var(--ink4);letter-spacing:.04em;margin:14px 2px 8px;}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.hub-t{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;
padding:11px 12px 12px;cursor:pointer;min-height:78px;}
.hub-t:active{background:#F7FBFD;}
.hub-t .hi{width:26px;height:26px;border-radius:8px;background:var(--teal-l);color:var(--teal-d);
display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:6px;}
.hub-t .hn{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3;}
.hub-t .hs{font-size:11.5px;color:var(--ink3);margin-top:2px;line-height:1.45;}
.hub-t .hb{position:absolute;right:9px;top:9px;background:var(--teal);color:#fff;font-size:11px;
font-weight:700;border-radius:9px;padding:0 6px;line-height:17px;}
.hub-t .hb.a{background:var(--amber);}
.hub-t .hb.r{background:var(--red);}
.hub-mine{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);
border-radius:12px;padding:13px 14px;cursor:pointer;}
.hub-mine:active{background:#F7FBFD;}
.hub-mine .hm-k{font-size:15px;font-weight:600;}
.hub-mine .hm-s{font-size:12px;color:var(--ink3);margin-top:2px;}
.hub-mine .hm-v{margin-left:auto;font-size:17px;font-weight:700;letter-spacing:.01em;
font-variant-numeric:tabular-nums;}
/* ── 批次 17：对账单改真表格 —— 装货重量 / 卸货重量各一列，合计在最后一行 ── */
.st-tb{width:100%;border-collapse:collapse;font-size:12.5px;}
.st-tb th{font-size:11px;color:var(--ink4);font-weight:400;text-align:left;
padding:0 0 6px;border-bottom:1px solid var(--line2);white-space:nowrap;}
.st-tb th.n,.st-tb td.n{text-align:right;}
.st-tb td{padding:8px 0;border-bottom:1px dashed var(--line2);vertical-align:top;}
.st-tb td b{font-size:12.5px;font-weight:600;}
.st-tb .st-sub{display:block;font-size:10.5px;color:var(--ink4);margin-top:2px;font-weight:400;}
.st-tb .st-num{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;}
.st-tb .st-sub2{display:block;font-size:10.5px;color:var(--ink4);margin-top:2px;font-weight:400;
font-variant-numeric:tabular-nums;}
.st-tb tbody tr.st-note td{border-bottom:none;padding:0 0 8px;}
.st-tb tbody tr.st-note .st-l{font-size:11px;line-height:1.5;}
.st-tb tfoot td{padding:9px 0 0;border-top:1.5px solid var(--line);font-weight:700;
font-size:12.5px;font-variant-numeric:tabular-nums;}
.st-tb .st-num,.st-tb .st-sub2{white-space:nowrap;}
.st-tb th+th,.st-tb td+td{padding-left:6px;}
/* ════════ 运营端：工作台 / 审核企业 ════════ */
.todos{display:flex;gap:10px;margin-bottom:12px;}
.todo{flex:1;background:var(--amber-l);border:1px solid #F3DFB8;border-radius:var(--r2);padding:12px 14px;cursor:pointer;}
.todo.ok{background:var(--green-l);border-color:#BFE3CB;}
.todo:hover{filter:brightness(.98);}
.todo .n{font-size:22px;font-weight:700;line-height:1.1;color:var(--ink);}
.todo.ok .n{color:#1E7A46;}
.todo .l{font-size:12.5px;font-weight:600;margin-top:2px;}
.todo .t{font-size:11.5px;color:var(--ink3);margin-top:4px;line-height:1.6;}
.kpis{display:flex;flex-wrap:wrap;gap:10px;}
.kpi{flex:1;min-width:110px;background:#F5F8FC;border:1px solid var(--line2);border-radius:var(--r2);padding:10px 12px;}
.kpi .v{font-size:18px;font-weight:700;color:var(--ink);}
.kpi .l{font-size:11.5px;color:var(--ink3);margin-top:2px;}
.rw{display:flex;gap:16px;align-items:flex-start;}
.rw-l{width:260px;flex:none;}
.rw-r{flex:1;min-width:0;}
.rw .tt{font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:8px;}
.rw-img{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--th);cursor:zoom-in;}
.rw-no{border:1px dashed #CBD5E1;border-radius:8px;padding:30px;text-align:center;
font-size:12px;color:var(--ink4);background:#FAFBFD;}
.rw-acts{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;}