/* T-208 全站 UI 改版第一期（评审对话样张 261021_UI设计规范与改版意见_V1.0.0）：只改视觉，不改字段/逻辑/权限。最后加载，覆盖 v9/v9x/app。 */
:root{
 --font10:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial,sans-serif;
 --t1:#1F2329;--t2:#646A73;--t3:#8F959E;--l1:#C9CDD4;--l2:#E5E6EB;--bg:#F5F6F7;
 --brand10:#3370FF;--act10:#1456F0;--act10-h:#0F47CC;--sel:#F0F4FF;
 --ok10:#13705F;--ok10-bg:#E7F6F1;--warn10:#93550F;--warn10-bg:#FFF3DF;--err10:#B63E4A;--err10-bg:#FFF0F1;
 --pri:var(--act10);--pri-h:var(--act10-h);--org:var(--warn10);
 --color-primary:var(--act10);--color-primary-hover:var(--act10-h);--color-text-1:#1F2329;--color-text-2:#646A73;--color-text-3:#8F959E;
 --color-line-1:#C9CDD4;--color-line-2:#E5E6EB;--color-fill-1:#F5F6F7;--color-warning:var(--warn10);--color-warning-bg:var(--warn10-bg);--color-danger:var(--err10);
 --color-notice-bg:var(--warn10-bg);--color-notice-line:#F5DDB3;
 --blue:var(--act10);--blue-hover:var(--act10-h);--blue-soft:var(--sel);--accent:var(--brand10);
 --warn:var(--warn10);--warn-fg:var(--warn10);--warn-bg:var(--warn10-bg);--err:var(--err10);--bad-fg:var(--err10);--err-bg:var(--err10-bg);--bad-bg:var(--err10-bg);--ok:var(--ok10);--ok-fg:var(--ok10);--ok-bg:var(--ok10-bg);
 --font:var(--font10)}
body,body.v6{font-family:var(--font10);font-size:14px;line-height:22px;color:var(--t1);font-variant-numeric:tabular-nums}
h1,.page h1{font-size:24px;line-height:32px;font-weight:600}
@media (max-width:767px){h1,.page h1{font-size:22px;line-height:30px}}

/* 品牌区：左上 32px Logo 块 + 品牌名 + 系统名（无正式 Logo 时首字占位） */
.brand10{display:flex;align-items:center;gap:10px;min-width:0}
.brand10 .lg10{width:32px;height:32px;border-radius:8px;background:var(--brand10);color:#fff;font-weight:600;font-size:15px;display:grid;place-items:center;flex:none}
.brand10 .bn10{font-size:17px;line-height:22px;font-weight:600;color:var(--t1);white-space:nowrap}
.brand10 .sn10{font-size:12px;line-height:18px;color:var(--t2);white-space:nowrap}
.top .brand10+.muted{margin-left:4px}
@media (max-width:767px){.brand10 .lg10{width:28px;height:28px;font-size:13px}.brand10 .sn10{display:none}}

/* 按钮：一页一个实心主按钮，主色 #1456F0（白字对比 5.8:1） */
.btn.pri,.btn.primary,button.pri{background:var(--act10);border-color:var(--act10);color:#fff}
.btn.pri:hover,.btn.primary:hover{background:var(--act10-h);border-color:var(--act10-h)}
.btn{border-radius:6px}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed}

/* 提示条：黄色只给"挡路要处理"；知会类用灰条 */
.notice{border-radius:8px;font-size:14px;line-height:22px}
.fyi10{margin-top:20px;padding:10px 16px;border:1px solid var(--l2);border-radius:8px;background:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--t2);font-size:13px;line-height:20px}
.fyi10 .tg10{font-size:12px;line-height:20px;padding:0 6px;border-radius:4px;background:#F2F3F5;color:var(--t2);flex:none}
.fyi10 a{color:var(--act10)}
.fyi10 .dot10{color:var(--t3)}
.fyi10 details{display:contents}
.fyi10 details>summary{cursor:pointer;color:var(--t1);list-style:revert;min-width:210px}
.fyi10 details[open]>summary{color:var(--act10)}
.fyi10 details>:not(summary){flex-basis:100%;margin-top:8px}

/* KPI：标签在上、数字在下，面板分格 */
.kpis{gap:0!important;padding:0!important;border:1px solid var(--l2);border-radius:8px;background:#fff;align-items:stretch;flex-wrap:wrap;margin-top:20px}
.kpis .kpi{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:14px 18px;min-width:104px;flex:1;border-left:1px solid var(--l2)}
.kpis .kpi:first-child{border-left:0}
.kpis .kpi span{font-size:12px;line-height:20px;color:var(--t2)}
.kpis .kpi b{font-size:28px;line-height:36px;font-weight:500}
.kpis .kpi.warn b{color:var(--act10)}
.kpis>div[style*="margin-left:auto"]{flex:none;padding:14px 18px;border-left:1px solid var(--l2);display:flex;align-items:center}
@media (max-width:767px){.kpis .kpi{flex:1 1 33%;min-width:0;border-top:1px solid var(--l2)}.kpis .kpi:nth-child(-n+3){border-top:0}.kpis .kpi:nth-child(4){border-left:0}.kpis>div[style*="margin-left:auto"]{flex-basis:100%;border-left:0;border-top:1px solid var(--l2)}.kpis>div[style*="margin-left:auto"] .btn{width:100%;height:44px;justify-content:center}}

/* 表格：表头浅底、行高 44+ */
.page table th{font-size:12px;color:var(--t2);font-weight:500}
.page table td{vertical-align:middle}

/* 左侧导航：只展开当前组，其余折叠；组标题 14px，二级缩进 */
.shell-nav a.on,.shell-nav a[aria-current=page]{background:var(--sel);color:var(--act10);font-weight:500}

/* ---- T-208 第二期：首页标题、补货单轨迹/汇总/数据条/知会 ---- */
.sub10{margin:4px 0 0;color:var(--t2);font-size:13px;line-height:20px}
.track10{list-style:none;margin:16px 0 0;padding:12px 16px;display:flex;align-items:center;gap:0;overflow-x:auto;background:#fff;border:1px solid var(--l2);border-radius:8px}
.track10 li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t3);white-space:nowrap}
.track10 li i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--l1);display:grid;place-items:center;font-style:normal;font-size:11px;line-height:1}
.track10 li+li:before{content:"";width:24px;height:1px;background:var(--l1);margin:0 8px}
.track10 li.done{color:var(--t2)}.track10 li.done i{background:var(--ok10-bg);border-color:var(--ok10);color:var(--ok10)}
.track10 li.cur{color:var(--act10);font-weight:600}.track10 li.cur i{background:var(--act10);border-color:var(--act10);color:#fff}
.sum10{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:0!important;margin:12px 0 0!important;background:#fff;border:1px solid var(--l2);border-radius:8px;overflow:hidden}
.sum10>span{padding:12px 16px;border-left:1px solid var(--l2);font-size:13px;color:var(--t2);display:flex;align-items:center}
.sum10>span:first-child{border-left:0}
.sum10>span.pay10{order:-1;border-left:0;border-right:1px solid var(--l2);font-size:20px;line-height:28px;font-weight:600;color:var(--t1);padding:14px 20px;flex:0 0 auto}
.snap10{margin:12px 0 0;padding:8px 12px;background:#fff;border:1px solid var(--l2);border-radius:8px;font-size:13px;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 12px}
.snap10>div{margin:0!important}
.snap10 .k10{color:var(--t2);font-weight:500}
.snap10 select{height:32px;border:1px solid var(--l1);border-radius:6px;padding:0 8px;background:#fff}
.snap10 .btn{height:32px}
.snap10 .sp{color:var(--t3);font-size:12px}
#material-pending.notice,#todo-notice.notice{background:#fff;border:1px solid var(--l2);color:var(--t2);font-size:13px;margin-top:12px;padding:10px 16px}
#material-pending.notice:before,#todo-notice.notice:before{content:"知会";font-size:12px;line-height:20px;padding:0 6px;border-radius:4px;background:#F2F3F5;color:var(--t2);margin-right:10px}
#material-pending>summary{display:inline;cursor:pointer;color:var(--t1)}
#todo-notice b{color:var(--t1);font-weight:500}
@media (max-width:767px){.sum10>span.pay10{flex-basis:100%;border-right:0;border-bottom:1px solid var(--l2)}.sum10>span{flex:1 1 45%;border-left:0;border-top:1px solid var(--l2)}}
/* 首页门店表：白底面板 + 状态标签 */
#wb-list{background:#fff;border:1px solid var(--l2);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;margin-top:16px}
#wb-list thead th{background:#FAFBFC;height:40px}
#wb-list td{padding:14px 16px}
#wb-list .st{display:inline-flex;align-items:center;gap:6px;padding:0 8px;border-radius:4px;line-height:22px;font-size:12px;background:#F2F3F5;color:var(--t2)}
#wb-list .st i{width:6px;height:6px}
#wb-list .st.me,#wb-list .st.cur,#wb-list .st.wait{background:var(--sel);color:var(--act10)}
#wb-list .st.late,#wb-list .st.warn{background:var(--warn10-bg);color:var(--warn10)}
#wb-list .st.done,#wb-list .st.ok{background:var(--ok10-bg);color:var(--ok10)}
#wb-list td .btn.row{height:32px}