/* 内部操作台风格：紧凑、数据优先、无装饰 */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:#f0f1f3;color:#222;font:13px/1.5 "Segoe UI","Microsoft YaHei",system-ui,sans-serif}

/* 顶栏：白底细线，像老ERP */
.topbar{display:flex;align-items:center;background:#fff;border-bottom:1px solid #d9dce0;height:40px;padding:0 14px;position:sticky;top:0;z-index:9}
.brand{font-weight:600;font-size:14px;color:#333;min-width:220px;flex:none}
.brand em{font-style:normal;color:#999;font-weight:400;font-size:12px;margin-left:8px}
.rl{color:#1a66b3;font-weight:600;font-size:12px}
.topbar nav{margin-left:20px;display:flex}
.topbar nav a{color:#555;text-decoration:none;padding:0 12px;line-height:39px;border-bottom:2px solid transparent;font-size:13px}
.topbar nav a.on{color:#1a66b3;border-bottom-color:#1a66b3;font-weight:600}
.topbar nav a:hover{color:#1a66b3}
.meta{margin-left:auto;font-size:12px;color:#888}

main{padding:10px 14px;max-width:1280px;margin:0 auto}

/* 统计条：一行数字，不做大卡片 */
.stats{display:flex;gap:1px;background:#d9dce0;border:1px solid #d9dce0;margin-bottom:10px}
.stat{flex:1;background:#fff;padding:8px 12px;display:flex;align-items:baseline;gap:8px}
.stat b{font-size:20px;font-weight:600;font-family:Consolas,monospace}
.stat b.rd{color:#c0392b}
.stat span{color:#777;font-size:12px}
.stat i{font-style:normal;font-size:11px;color:#aaa;margin-left:auto;text-align:right}

/* 面板：细边框小标题 */
.panel{background:#fff;border:1px solid #d9dce0;margin-bottom:10px}
.panel h2{font-size:13px;font-weight:600;color:#333;padding:7px 12px;border-bottom:1px solid #e6e8ea;background:#fafbfb}
.panel h2 small{font-weight:400;color:#999;font-size:12px;margin-left:10px}
.panel h2 .more{float:right;font-weight:400;font-size:12px;color:#1a66b3;text-decoration:none}

table{width:100%;border-collapse:collapse;font-size:12.5px}
th{background:#fafbfb;color:#666;font-weight:400;text-align:left;padding:6px 12px;border-bottom:1px solid #e6e8ea;white-space:nowrap}
td{padding:6px 12px;border-bottom:1px solid #f0f1f2;vertical-align:middle}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:#f6f9fd}
.mono{font-family:Consolas,"Courier New",monospace;font-size:12px}

/* 状态标签：小方标，不用圆角胶囊 */
.tag{display:inline-block;font-size:11px;line-height:16px;padding:0 6px;border:1px solid}
.tag.high{color:#c0392b;border-color:#e0b4ad;background:#fdf3f1}
.tag.mid{color:#b07d2b;border-color:#e0d3ad;background:#fdf9ef}
.tag.low{color:#777;border-color:#d5d8db;background:#f6f7f8}
.tag.ok{color:#2e7d4f;border-color:#b3d4c0;background:#f1f8f4}

/* 进度：分段格子，不要圆滑条 */
.nodes{display:inline-flex;gap:2px;vertical-align:middle}
.nodes i{width:14px;height:8px;background:#e4e6e9}
.nodes i.d{background:#4a90c4}
.nodes i.d.g{background:#5b9e5b}
.nodes i.d.y{background:#d0a04a}
.node-lab{font-size:11px;color:#888;margin-left:6px}

/* 可点击运单行 + 展开详情 */
tr.ship{cursor:pointer}
tr.ship .arr{color:#aaa;font-size:11px;text-align:center}
tr.ship:hover .arr{color:#1a66b3}
.detail-row td{background:#fafbfb;padding:10px 12px 14px 30px;border-bottom:1px solid #e6e8ea}
.dhead{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#666;margin-bottom:10px}
.dhead .tag{margin-left:auto}
.dhead span.tag{margin-left:0}
.tl{border-left:2px solid #e0e3e7;margin:2px 0 0 4px}
.tl .ti{position:relative;padding:2px 0 9px 16px;font-size:12px;color:#999}
.tl .ti::before{content:'';position:absolute;left:-6px;top:6px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #c3c8cd}
.tl .ti.done{color:#555}
.tl .ti.done::before{background:#4a90c4;border-color:#4a90c4}
.tl .ti.cur{color:#b07d2b;font-weight:600}
.tl .ti.cur::before{background:#fff;border-color:#d0a04a}
.tl .ti b{color:#333;font-weight:600;margin-right:12px;display:inline-block;min-width:110px}
.tl .ti.cur b{color:#b07d2b}
.tl .ti .t{font-family:Consolas,monospace;color:#777;font-size:11.5px}
.tl .ti.cur .t{color:#b07d2b}
.cur-tag{font-size:10px;color:#b07d2b;border:1px solid #e0d3ad;background:#fdf9ef;padding:0 5px;margin-left:10px;font-weight:400;vertical-align:1px}

footer{color:#999;font-size:12px;padding:14px 0 24px;text-align:center}
footer span{margin:0 10px}

@media(max-width:900px){.stats{flex-wrap:wrap}.stat{min-width:48%}}