| 的 sticky 也就从不生效（用户反馈的「上滚表头跟着跑」）。
现在给它一个高度上限（主列表由 UI.fitTables() 精确撑满剩余视口，其余表格 66vh），
sticky 才有意义，横向滚动条也正好停在盒子底边 = 屏幕底部。 */
.tbl-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:66vh}
/* 弹窗里的表格不钉高度：弹窗自带滚动容器，再钉一层会出现两条竖滚动条 */
.modal-body .tbl-wrap{max-height:none;overflow:visible}
/* ⚠ 弹窗宽度通常只有 620px 出头，而 .tbl 有 min-width:640px 的下限；
配合上面的 overflow:visible，表格会比容器宽出 ~14px 并从圆角边框右侧「戳出去」，
表现为明细表头右边悬着一小块凸出的色块（销售/采购订单详情的履约明细表最明显）。
弹窗里的详情表列数少，按容器宽度自适应即可；真放不下时 nowrap 内容仍会自然撑开。 */
.modal-body .tbl-wrap > table.tbl{min-width:0}
table.tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
/* 带冻结列的表必须用分离边框：collapse + sticky 单元格是 Chrome 的绘制怪癖组合 ——
钉住投影（box-shadow）会被吞掉不渲染，而伪元素亮条反而正常，极具误导性。
separate + border-spacing:0 与 collapse 视觉一致（单元格只有 border-bottom，无列边框）。 */
table.tbl.has-frz{border-collapse:separate;border-spacing:0}
/* 表格落在窄容器里（报表/仪表盘的半宽卡片等）时，640px 的下限会把表格顶出容器，
表现为右侧列被裁 + 底部多条横向滚动条；这些表格按容器宽度自适应即可。 */
table.tbl.tbl-fit{min-width:0}
table.tbl.tbl-fit th,table.tbl.tbl-fit td{padding-left:12px;padding-right:12px}
/* v1.46.3：行高缩小约 1/4（43px→33px），一屏能多容 1/4 的行 */
.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}
/* v1.46.4：行高回调到 38px（v1.46.3 的 35px 略挤，用户定稿 38） */
.tbl th{padding:8px 14px}
.tbl td{padding:7.5px 14px}
/* 吸顶表头：必须不透明 + 高一层 z-index；border-collapse 下边框会随内容滚走，
所以下边线改用 inset 阴影画（否则滚动时表头与首行之间会「漏」出一条 1px 的缝）。 */
.tbl th{background:var(--surface-2);color:var(--text-2);font-weight:600;font-size:12.5px;position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px 0 var(--border)}
.tbl tr:hover td{background:var(--surface-2)}
/* 可排序表头：三态（升/降/取消），未选中时不显示箭头，避免每列表头都挂个符号显得吵 */
.th-sort{cursor:pointer;user-select:none}
.th-sort:hover{color:var(--text);background:var(--surface-3)}
.th-sort .sort-ind{font-style:normal;font-size:9px;margin-left:5px;opacity:.75;display:inline-block;min-width:7px}
.th-sort.asc,.th-sort.desc{color:var(--primary)}
.th-sort:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
/* 长文本列（名称/描述/地址）允许换行，但必须给最小宽度：
表格在窄屏下会把「可换行」的中文列压到只剩 1 个字宽（表现为逐字竖排），
min-width 让浏览器宁可横向滚动也不压瘪内容。表头同列一起给。 */
/* 所有列表表格一律不换行（v1.18.0 用户要求）：长文本列靠拖宽/横向滚动看。
保留 .wrap 这个类名只为了兼容老代码，行为已经和普通单元格一致。 */
.tbl th.wrap,.tbl td.wrap{white-space:nowrap}
.budget-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}
.b-money{background:var(--success-soft);color:var(--success)}
.b-success{background:var(--success-soft);color:var(--success)}
.b-info{background:var(--info-soft);color:var(--info)}
.b-warn{background:var(--warn-soft);color:var(--warn)}
.b-default{background:var(--surface-2);color:var(--text-2)}
.b-danger{background:var(--danger-soft);color:var(--danger)}
.empty{padding:50px;text-align:center;color:var(--text-3)}
/* 列表底栏：「已显示 x / 共 N 条」+ 加载更多。
⚠ 必须放在 .tbl-wrap 外面 —— 放在表格里做最后一行时，表格一横向滚动
它就跟着跑到视口右边、被裁成「共 422 条 · 已…」，按钮更是看不见。 */
.list-more{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);
background:var(--surface-2);font-size:12.5px;color:var(--text-3);line-height:1.6}
.list-more[hidden]{display:none}
.list-more .lm-info b,.list-more .lm-done b{color:var(--text-2);font-weight:650}
.list-more .lm-spacer{flex:1 1 auto;min-width:8px}
.list-more .btn{margin:0}
.list-more.is-done{justify-content:center;padding:7px 14px}
/* 表单 */
.field{margin-bottom:14px;display:flex;flex-direction:column;gap:5px}
.field label{font-size:12.5px;color:var(--text-2);font-weight:500}
.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px;outline:none;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);background:var(--surface)}
.field textarea{min-height:70px;resize:vertical}
/* 字段行内说明（v1.64.0）：所属公司为什么必选 / 为什么选不了，直接写在字段下面 */
.field-hint{font-size:11.5px;line-height:1.5;color:var(--text-3);margin-top:-1px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.form-grid .field.full{grid-column:1/-1}
/* 明细 repeater */
.items-tbl{width:100%;border-collapse:collapse}
.items-tbl th{font-size:12px;color:var(--text-2);text-align:left;padding:6px 8px}
.items-tbl td{padding:4px 6px}
.items-tbl input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:7px 8px}
.items-actions{margin-top:8px;display:flex;justify-content:space-between;align-items:center}
/* 进度条 */
.bar{height:8px;background:var(--surface-2);border-radius:6px;overflow:hidden;min-width:80px;display:inline-block;width:120px;vertical-align:middle}
.bar > i{display:block;height:100%;background:var(--primary);border-radius:6px}
/* 弹窗遮罩（v1.28.8 方案B）：去掉磨砂模糊，改纯变暗 —— 细看仍能辨认背景内容，
焦点完全交给弹窗，且零 backdrop-filter 开销（低配机开弹窗不再掉帧）。 */
.scrim-bg{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}
[data-theme="dark"] .scrim-bg{background:rgba(4,7,13,.62)}
.modal{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);width:680px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;animation:pop .15s ease}
@keyframes pop{from{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.modal-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.modal-head h3{font-size:16px}
.modal-body{padding:20px 22px;overflow-y:auto}
.modal-foot{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}
/* 输入弹框（UI.prompt）表单排版，沿用登录框视觉 */
.form-stack{display:flex;flex-direction:column;gap:14px}
.form-row{display:flex;flex-direction:column;gap:6px}
.form-row label{font-size:12px;color:var(--text-2)}
.form-row .login-input{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 12px;outline:none;transition:.15s;color:var(--text);width:100%;box-sizing:border-box}
.form-row .login-input:focus{border-color:var(--primary);background:var(--surface)}
/* 外部同步（wolai / Notion 两条独立入站通道） */
.ext-note{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.65;color:var(--text-2)}
.ext-pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap}
.ext-pill.ok{background:var(--success-soft);color:var(--success);border-color:transparent}
.ext-pill.err{background:var(--danger-soft);color:var(--danger);border-color:transparent}
.ext-pill.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
/* v1.44.1 徽标语义着色：info=跟随上级/跟随全局（蓝）、acc=公司级覆盖（主题色） */
/* ⚠ var(--accent) 从未定义过（v1.44.1 踩坑）：acc 一度整条失效回退灰色，改用 --primary */
.ext-pill.info{background:var(--info-soft);color:var(--info);border-color:transparent}
.ext-pill.acc{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 42%,transparent)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:var(--surface-2);border:1px solid var(--border);padding:1px 5px;border-radius:6px}
/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}
.tab{padding:9px 14px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;font-weight:500}
.tab.active{color:var(--primary);border-bottom-color:var(--primary)}
/* toast：样式已统一收到 ui-kit.css（v1.59.0 改成底部居中浮条）。
这里曾经也有一份「顶部居中 + 实心色块」的定义，两处并存时谁后加载谁生效，
改一处不动另一处就会「改了没反应」—— 所以直接删掉，只留一个来源。 */
/* 权限 checkbox */
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.perm-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:13px}
/* ⚠ ui-kit 的 .field input{width:100%} 与本条同权重但后加载 ⇒ 不加 !important 复选框会被撑满整行，
把后面的说明文字挤成「一字一行」（v1.24.1 改文案时才暴露：实测 input 606px、b 25px×150px）。 */
.perm-item input{width:16px!important;height:16px!important;flex:0 0 16px!important}
/* v1.51.6：权限行内「开合」语义的圆形勾选改胶囊开关——.switch 需盖过上面 16px !important 钉死 */
.perm-item input.switch,.perm-sel input.switch{width:38px!important;height:21px!important;flex:0 0 38px!important}
.perm-item b{flex:1 1 auto;min-width:0}
/* ------------------------------------------------------------
角色页 · 批量换绑（v1.76.0）
------------------------------------------------------------ */
.bulk-note{margin:0 0 12px;font-size:12.5px;line-height:1.7;color:var(--text-2)}
.bulk-note b{color:var(--text);font-weight:600}
.bulk-tools{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.bulk-tools .mod-q{flex:1 1 auto;min-width:0}
.bulk-hit{font-size:12px;color:var(--text-3);white-space:nowrap}
.bulk-count{font-size:12.5px;font-weight:600;color:var(--primary);white-space:nowrap}
/* ⚠ 必须带 .modal-body 前缀：`.modal-body .tbl-wrap{max-height:none;overflow:visible}`
特异性更高，光写 .bulk-wrap 盖不住 ⇒ 列表无限长、表头 sticky 也不生效 */
.modal-body .bulk-wrap{max-height:46vh;overflow:auto}
.bulk-tbl{min-width:0}
/* hidden 属性对 tr 会被 .tbl 的 display 规则顶掉，这里显式写死 */
.bulk-tbl tr[hidden]{display:none}
.bulk-tbl th.bulk-chk,.bulk-tbl td.bulk-chk{width:38px;padding-right:0}
.bulk-tbl .bulk-chk input{margin:0;display:block}
/* v1.77.0：角色列统一改用 .rtag 徽标，旧的 .bulk-role 纯文字样式已弃用；
这里改成目标角色下拉旁那枚颜色预览的容器 */
.bulk-prev{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}
.bulk-prev-hint{font-size:12px;color:var(--text-3)}
.bulk-dept{color:var(--text-2)}
.bulk-target{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}
.bulk-target label{font-size:13px;color:var(--text-2);flex:none}
/* ⚠ 宽度必须写在**.ui-sel 外层容器**上：select 会被控件增强器包进 ，
而 .ui-sel 默认 display:block;width:100% —— 只给 select 设宽度时视觉上照样占满整行，
「换到」被挤到上一行、右侧留一大片空白（实测第一版就是这样） */
.bulk-target .ui-sel{width:240px;flex:0 0 240px;max-width:100%}
.bulk-target select{width:100%;max-width:100%}
.bulk-warn{font-size:12px;color:var(--warn)}
/* 手机端去掉「部门」列：五列在 390px 下必然横向溢出、右侧被硬裁成「内容缺一块」的观感，
而部门在手机上是最次要的信息（同名用户主要靠用户名区分） */
@media(max-width:560px){
.bulk-tbl th:nth-child(5),.bulk-tbl td:nth-child(5){display:none}
}
/* 字段只读态（列级权限不可写） */
.field-ro input,.field-ro select,.field-ro textarea{background:var(--surface-2)!important;color:var(--text-2);opacity:.85;cursor:not-allowed}
.ro-tag{font-size:11px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;margin-left:4px}
/* wolai 同步来源标记：与「只读（权限）」区分开 —— 一个是口径以外部为准，一个是没权限 */
.ro-tag.sync{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
/* wolai 同步提示条（v1.63.2 分四档 / v1.63.3 加重）：按「这次改动到底会不会真的上 wolai」配色。
绿=会推；红=确定不会推（闸门关着，要人动手去开）；蓝=单向只读（本地改了会被覆盖）；红虚线=状态没法确认。
v1.63.3：用户反馈橙色「不会推送」不够醒目（改动真的丢了），改成红色系并加重底色与左缘；
与「状态未知」用**实心 vs 虚线**区分：确定不会推 = 红实线 + 加粗胶囊；无法确认 = 红虚线 + 浅胶囊。
颜色仍只上左缘细条 + 状态胶囊 + 关键字，正文用常规文字色，避免整块染色导致可读性下降。 */
.sync-note{
--sn:var(--accent);
margin:0 0 14px;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.6;color:var(--text-2);
background:color-mix(in srgb,var(--sn) 8%,transparent);
border-left:3px solid var(--sn);
}
.sync-note.is-ok{--sn:var(--success)}
.sync-note.is-info{--sn:var(--info)}
/* 确定不会推送：红实线 + 更重的底 + 加粗胶囊（四档里最"扎眼"的一档） */
.sync-note.is-stop{--sn:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent);border-left-width:4px}
.sync-note.is-stop .sn-tag{font-weight:700;border-color:var(--danger);background:color-mix(in srgb,var(--danger) 26%,transparent)}
/* 状态无法确认：同为红色但虚线左缘 + 浅胶囊，表示"不确定"而非"确定不行" */
.sync-note.is-danger{--sn:var(--danger)}
.sync-note.is-danger{border-left-style:dashed}
/* 兼容旧类名（历史上 is-warn 就是"闸门关着"那一档，勿再新增使用） */
.sync-note.is-warn{--sn:var(--danger)}
/* 同步范围的单元横幅（v1.63.3）：原来用内联 style + 未定义变量，深色主题会落回浅蓝底，
与整页深色界面割裂；收敛成主题变量驱动的类，wolai / Notion 两处共用。 */
.sync-banner{
background:color-mix(in srgb,var(--info) 12%,transparent);
color:var(--text-2);border-left:3px solid var(--info);
border-radius:0 10px 10px 0;padding:8px 12px;font-size:12px;line-height:1.75;margin-bottom:12px;
}
.sync-banner b{color:var(--text)}
.sync-banner .sb-hl{color:var(--info);font-weight:600}
.sync-note b{color:var(--text)}
/* 状态胶囊：小圆点 + 短语，第一眼就知道「会 / 不会」 */
.sync-note .sn-tag{
display:inline-flex;align-items:center;gap:5px;margin-right:7px;padding:1px 8px;
border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.7;white-space:nowrap;vertical-align:1px;
color:var(--sn);border:1px solid color-mix(in srgb,var(--sn) 42%,transparent);
background:color-mix(in srgb,var(--sn) 15%,transparent);
}
.sync-note .sn-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--sn);flex:0 0 6px}
/* 关键字（「不会被推送」「不上传」…）跟着状态色走，比加粗更醒目 */
.sync-note .sn-hl{color:var(--sn);font-weight:600}
.sync-note .sn-hl-u{border-bottom:1px dashed color-mix(in srgb,var(--sn) 55%,transparent)}
/* 同步方向分段单选（v1.35.2 按方向配色）：深色轨道 + 选中项为「方向色」胶囊（拉=蓝 / 推=橙 / 双向=绿），一眼读出当前方向 */
.dir-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--text) 6%,var(--surface-2));vertical-align:middle}
.dir-btn{appearance:none;border:0;background:transparent;color:var(--text-2);font-size:13px;line-height:1.4;padding:4px 14px;border-radius:999px;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.dir-btn:hover:not(:disabled):not(.on){background:var(--surface-3);color:var(--text)}
.dir-btn.on{color:#fff;font-weight:500}
.dir-btn.on[data-dir="pull"]{background:var(--info)}
.dir-btn.on[data-dir="push"]{background:var(--warn)}
.dir-btn.on[data-dir="both"]{background:var(--success)}
.dir-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.dir-btn.busy{opacity:.6;pointer-events:none}
/* 卡标题右侧的一键批量分段：动作按钮没有选中态，悬停时文字亮起对应方向色作预览 */
.dir-btn-sm{font-size:12px;padding:3px 10px}
.dir-batch .dir-btn[data-dir="pull"]:hover:not(:disabled){color:var(--info)}
.dir-batch .dir-btn[data-dir="push"]:hover:not(:disabled){color:var(--warn)}
.dir-batch .dir-btn[data-dir="both"]:hover:not(:disabled){color:var(--success)}
/* 卡头方向示意（A2 形态 + 方向配色）：「账套库 ← wolai」两端写明，颜色随方向（蓝拉/橙推/绿双向） */
.dir-arrow{display:inline-flex;align-items:center;gap:7px;margin-left:10px;padding:3px 12px;border-radius:999px;font-weight:500;font-size:13px;white-space:nowrap;border:1px solid transparent}
.dir-arrow.a-pull{color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent);border-color:color-mix(in srgb,var(--info) 45%,transparent)}
.dir-arrow.a-push{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.dir-arrow.a-both{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border-color:color-mix(in srgb,var(--success) 45%,transparent)}
/* v1.44.1 三态补色：noline=中性灰（连接可用但没实体参与）；off=黄（已停用/未启用）；broken=红（未配置令牌，连不上） */
.dir-arrow.a-noline{color:var(--text-2);background:var(--surface-2);border-color:var(--border)}
.dir-arrow.a-off{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.dir-arrow.a-broken{color:var(--danger);background:var(--danger-soft);border-color:transparent}
/* v1.44.2 连接卡卡头：标题+徽标紧邻在左、说明文字居中、方向徽标贴右缘（原先被 space-between 均匀撑散） */
.conn-head{flex-wrap:wrap;row-gap:6px}
.conn-head .ch-l{display:inline-flex;align-items:center;min-width:0;gap:8px}
.conn-head .ch-l .ext-pill{font-weight:400}
.conn-head .ch-m{flex:1;text-align:center;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conn-head .ch-r{margin-left:auto}
/* v1.44.2 同步进行中徽章：页签行里一眼可见（裸 7px 圆点太隐蔽，用户实测「看不见」） */
.run-badge{display:inline-flex;align-items:center;gap:7px;margin-left:12px;align-self:center;padding:3px 12px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--warn);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);white-space:nowrap}
.run-badge .run-dot{margin-left:0}
.dir-arrow-name{font-weight:400;opacity:.85}
/* 数据同步页（modules/sync.js） */
.sync-top{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.sync-kv{display:flex;flex-direction:column;gap:8px}
.sync-kv>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.sync-kv>div>span{color:var(--text-2);font-size:12.5px;flex-shrink:0}
.sync-kv b{font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* 下拉不能被右侧的 flex 压缩：给最小宽度并禁止收缩，否则「每 15 分钟」会被截成「每 1…」 */
.sync-kv b .sync-sel{flex-shrink:0}
.sync-acts{margin-top:12px}
.sync-sel{height:30px;min-width:118px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 8px;font:inherit;font-size:12.5px}
.sync-tbl td.num,.sync-tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
/* 凭据 + 令牌掩码同一行（v1.63.1）：原来掩码是块级 div，会把「公司级令牌」挤成两行、行高忽高忽低 */
.sync-cred{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap;max-width:100%}
.sync-cred>.ext-pill{flex:0 0 auto}
.sync-cred>.muted{overflow:hidden;text-overflow:ellipsis}
.sync-plus{color:var(--success);font-weight:600}
.sync-chg{color:var(--warn);font-weight:600}
.sync-del{color:var(--danger);font-weight:600}
.sync-warn{color:var(--warn)}
.sync-err{color:var(--danger);font-size:12px;white-space:normal}
.sync-sum{padding:4px 0 10px;font-size:13px;color:var(--text-2)}
.sync-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sync-chk{ display:inline-flex; align-items:center; cursor:pointer }
.sync-chk input{width:16px;height:16px;cursor:pointer}
/* 胶囊开关（ui-kit.css .switch）的行内对齐：开关与文字基线对齐，不撑行高 */
.switch-line{ display:inline-flex; align-items:center; gap:9px; cursor:pointer; }
.switch-line input[type="checkbox"].switch{ flex:none; }
/* 关系列「有名字、但 ERP 还没建档」：显示原名（虚线下划线提示可点查/待建档），不吞成 — */
.rel-raw{color:var(--text-2);border-bottom:1px dashed var(--border);cursor:help}
/* 「同步执行」页签上的进行中圆点（v1.44.0）：在任何页签都能看到正在跑，不用切回去确认 */
.run-dot{width:7px;height:7px;border-radius:50%;background:var(--warn);margin-left:7px;flex:none;animation:runDot 1.2s var(--ease) infinite}
@keyframes runDot{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){ .run-dot{animation:none} }
@media(max-width:860px){ .sync-top{grid-template-columns:1fr} }
/* ============ 履约看板（跨合同的「本周待办」） ============ */
.bd-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:11px 16px}
.bd-week{font-size:13.5px;color:var(--text-2);white-space:nowrap}
.bd-week b{color:var(--text);margin-right:6px}
/* 口径说明：强调块（左 3px 主题色条 + 主题色 8% 淡底），与全站其它「关键口径」块同一套语言 */
.bd-note{margin:-2px 0 14px;padding:10px 13px;border-radius:10px;font-size:12.5px;line-height:1.7;color:var(--text-2);
background:color-mix(in srgb,var(--accent) 8%,transparent);border-left:3px solid var(--accent)}
.bd-note b{color:var(--text);font-weight:600}
.bd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bd-card{padding:14px 16px;display:flex;flex-direction:column;min-width:0}
.bd-head{display:flex;align-items:center;gap:8px;font-size:14px}
.bd-ic{display:inline-flex;color:var(--primary);font-size:16px;line-height:1}
.bd-side{margin-left:auto;font-size:11.5px;color:var(--text-3)}
.bd-kpi{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 12px}
.bd-kpi b{font-size:21px;font-weight:700;letter-spacing:.2px;font-variant-numeric:tabular-nums}
.bd-kpi span{font-size:12px;color:var(--text-2)}
.bd-hot{color:var(--danger);font-style:normal;font-weight:600}
/* 看板里的表不占满屏：四张卡并排，单卡内滚动，不把页面拉长 */
.bd-card .tbl-wrap{max-height:32vh}
.bd-tbl{min-width:0}
.bd-tbl th,.bd-tbl td{padding:8px 10px;font-size:12.5px}
.bd-tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.bd-code{font-variant-numeric:tabular-nums}
.bd-party{max-width:190px;overflow:hidden;text-overflow:ellipsis}
.bd-due{white-space:nowrap;font-variant-numeric:tabular-nums}
.bd-late{display:inline-block;margin-left:6px;font-size:11px;color:var(--danger);background:var(--danger-soft);border-radius:6px;padding:0 5px}
.bd-row{cursor:pointer}
/* 分段行：本周 / 逾期两段的标题，压暗一点，不抢明细的注意力 */
.bd-sep td{padding:6px 10px;font-size:11px;color:var(--text-3);background:var(--surface-2);letter-spacing:.3px;font-weight:600}
.bd-sep:hover td{background:var(--surface-2)}
.bd-foot{margin-top:8px;font-size:11.5px;color:var(--text-3);line-height:1.55}
@media(max-width:980px){ .bd-grid{grid-template-columns:1fr} }
/* 订单详情 · 履约区块（三张子表的汇总 + 明细） */.fv-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.fv-kpi{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface-2)}
.fv-kpi-t{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:6px}
.fv-kpi-v{font-size:17px;font-weight:600;margin-top:3px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}
.fv-kpi-p{font-size:11.5px;font-weight:400;color:var(--text-2);margin-left:auto;font-variant-numeric:tabular-nums}
.fv-kpi-s{margin-top:5px;display:flex;align-items:center;gap:8px}
.fv-kpi-bar{height:4px;border-radius:3px;background:var(--border);margin-top:7px;overflow:hidden}
.fv-kpi-bar i{display:block;height:100%;background:var(--primary);border-radius:3px}
/* wolai 手工状态与子表推导不一致：标题行右侧亮警示图标（不常显文字），悬停看合并提示 */
.fv-kpi-d{margin-left:auto;color:var(--warn);cursor:help;display:inline-flex;align-items:center}
.fv-kpi-d:hover{filter:brightness(1.25)}
@media(max-width:760px){ .fv-sum{grid-template-columns:1fr} }
/* 角色 · 列级权限编辑器 */
.perm-super{margin-top:6px}
.perm-modules{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto;padding-right:4px}
/* ⚠ 必须 flex:0 0 auto：.perm-modules 是「限高 + 滚动」的纵向 flex 容器，
不加这一条时各模块会被压扁到 18px（实测 head 58px 被 overflow:hidden 裁掉，整块权限矩阵只剩一条条细边）。
正确表现＝模块保持自然高度、容器自己滚动。 */
.perm-mod{flex:0 0 auto;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.perm-mod-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-2);flex-wrap:wrap}
.perm-mod-head .ic{font-size:16px}
.perm-mod-head b{margin-right:auto}
/* 标签不许折行：模块头是 flex + flex-wrap，挤压时「查看 / 编辑 / 范围」会被拆成一字一行，
宁可整组换到下一行。 */
.perm-sel{font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:5px;white-space:nowrap;flex:0 0 auto}
.perm-sel select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px 8px;font-size:12.5px;color:var(--text)}
/* 面层文字带箭头留白，宽度跟原生 select 等宽时「全部数据」会被截成「全…」⇒ 给包裹层兜底最小宽 */
.perm-sel .ui-sel{min-width:112px}
/* v1.52.1：说明文字独立行（原挤在 head 里会把开关顶得不靠右）——head 内只留 图标+标题+开关 */
.perm-mod-note{padding:2px 12px 9px;font-size:11.5px;color:var(--text-3);line-height:1.5}
.link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:12.5px;padding:2px 4px}
.link:hover{text-decoration:underline}
.perm-cols{padding:8px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 18px}
/* ⚠ 类选择器的 display 会盖掉浏览器对 [hidden] 的默认 display:none（UA 样式优先级更低），
于是「列权限 ▾」这个折叠按钮点了没反应、每个模块的列清单一直摊开，表单长得没法用。 */
.perm-cols[hidden]{display:none}
.col-row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px;border-bottom:1px dashed var(--border)}
.col-name{flex:1;color:var(--text)}
.col-chk{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-2)}
/* 应收应付对账页 */
.kpi-mini{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 14px}
.kpi-mini span{font-size:12px;color:var(--text-2)}
.kpi-mini b{font-size:18px;margin-top:2px}
.fin-row{cursor:pointer}
.fin-row:hover{background:var(--surface-2)}
.b-warn-t{color:var(--warn);font-weight:700}
.b-info-t{color:var(--info);font-weight:700}
.fin-detail{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.fin-detail-col .tbl-wrap{border:none}
@media(max-width:760px){ .fin-detail{grid-template-columns:1fr} }
.b-danger-t{color:var(--danger);font-weight:700}
.row-danger{background:var(--danger-soft)}
.row-danger:hover{filter:brightness(1.03)}
/* 应开应收（v1.70.0）：明细区的小计行与「这张合同还没有发票」说明 */
.id-empty{padding:10px 2px;font-size:12.5px;color:var(--text-3)}
.id-total{padding:8px 2px 2px;font-size:12.5px;color:var(--text-2)}
/* 账龄分段 */
.age-buckets{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}
.age-bk{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.age-bk span{font-size:12px;color:var(--text-2)}
.age-bk b{font-size:17px}
.age-bk.hot{border-color:var(--danger);background:var(--danger-soft)}
.age-bk.hot b{color:var(--danger)}
@media(max-width:760px){ .age-buckets{grid-template-columns:repeat(2,1fr)} }
/* 移动端抽屉 */
.scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40}
@media(max-width:860px){
.topbar .menu-btn{display:inline-flex}
.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:45;transform:translateX(-100%);transition:transform .2s;width:var(--sidebar-w)!important}
.sidebar.open{transform:none}
.scrim.show{display:block}
.sidebar.mini{width:var(--sidebar-w)!important}
.sidebar.mini .side-head{flex-direction:row;padding:16px 16px 10px}
.sidebar.mini .logo{display:flex;justify-content:flex-start}
.sidebar.mini .logo .txt,.sidebar.mini .nav-group-title,.sidebar.mini .nav-item span.txt{display:block}
.sidebar.mini .nav-item{justify-content:flex-start}
.search-input{width:120px}
.uname{display:none}
/* 窄屏（平板/手机）5 列会挤到看不清金额，退回 2 列 */
.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.content{padding:10px}
.form-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
.search-input{display:none}
.kpi-grid{grid-template-columns:1fr 1fr}
.kpi .k-val{font-size:17px}
}
/* ===== 账套相关 ===== */
.set-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:500;white-space:nowrap}
.set-chip:hover{color:var(--text);border-color:var(--primary)}
.login-form select{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;margin-bottom:4px;outline:none}
.login-form select:focus{border-color:var(--primary)}
.set-mg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.set-mg-head h2{margin:0;font-size:18px}
/* ===== 合同附件（订单详情区块 + 批量归档）=====
附件是「看/取文件」的场景，视觉上要比履约 KPI 更安静：
不用彩色大块，只用细边框分组 + 状态胶囊表达进度。 */
.at-wrap{margin:14px 0}
.at-sec{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 16px}
.at-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.at-hd .spacer{flex:1}
.at-t{font-size:14px;font-weight:600;color:var(--text);letter-spacing:.2px}
.at-sec .btn-sm{display:inline-flex;align-items:center;gap:5px}
/* wolai 侧期望的文件名：唯一能说明「应该有哪份文件」的线索，如实并列 */
.at-wolai{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:var(--radius-sm);
background:var(--surface-2);border:1px solid var(--border);margin-bottom:10px;flex-wrap:wrap}
.at-wolai.at-miss{border-left:3px solid var(--warn);background:var(--warn-soft)}
.at-wolai.at-none{opacity:.75}
.at-k{font-size:12px;color:var(--text-3);white-space:nowrap;flex:0 0 auto}
.at-v{font-size:12.5px;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-tag{font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--text-2);
border:1px solid var(--border);white-space:nowrap;flex:0 0 auto}
.at-miss .at-tag{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}
/* 文件行 */
.at-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
.at-item{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--surface)}
.at-item + .at-item{border-top:1px solid var(--border)}
.at-item:hover{background:var(--surface-2)}
.at-item.at-lost{background:var(--danger-soft)}
.at-lost .f-ico{opacity:.55}
/* 文件类型图标（v1.70.0）：纸页 + 右上折角 + 左下品牌色徽块 + 徽块内矢量字形。
构图照真图标来（Windows 资源管理器 / Notion 里那套），不再是「彩色方块 + 白色类型字」；
字形是 path/circle/rect，没有一个 依赖字体。
切「经典 emoji」时整体换成对应的书本/图片 emoji（由全站 data-icons 开关驱动）。 */
.f-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;line-height:0}
.f-ico .f-s{display:block;width:30px;height:34px}
.f-ico .f-pg{fill:var(--f-paper,#f2f5f9);stroke:rgba(15,23,32,.14);stroke-width:.7}
.f-ico .f-fold{fill:var(--f-fold,#ccd6e2);stroke:rgba(15,23,32,.10);stroke-width:.5}
.f-ico .f-tile{fill:var(--f-c,#6b7785)}
.f-ico .f-e{display:none;font-size:17px;line-height:1;font-style:normal}
html[data-icons="emoji"] .f-ico{width:auto}
html[data-icons="emoji"] .f-ico .f-s{display:none}
html[data-icons="emoji"] .f-ico .f-e{display:inline}
/* 深色主题：纸页压暗一点点，避免一排白块在深底上发白刺眼（仍保持「白纸」的辨识度） */
html[data-theme="dark"] .f-ico{--f-paper:#e6ecf4;--f-fold:#bfcbda}
/* 品牌色：PDF 红 / Word 蓝 / Excel 绿 / PPT 橙 / 图片紫 / 压缩包金 / 视频紫 / 音频琥珀 / 文本灰 */
.f-ico-pdf{--f-c:#d5342a}
.f-ico-doc{--f-c:#2b579a}
.f-ico-xls{--f-c:#1e7145}
.f-ico-ppt{--f-c:#c43e1c}
.f-ico-img{--f-c:#7c5cbf}
.f-ico-zip{--f-c:#a07a2b}
.f-ico-vid{--f-c:#8e44ad}
.f-ico-aud{--f-c:#b9761c}
.f-ico-txt{--f-c:#5b6773}
.f-ico-file{--f-c:#6b7785}
.at-main{flex:1;min-width:0}
.at-nm{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-mt{font-size:11.5px;color:var(--text-3);margin-top:2px}
.at-warn{color:var(--danger)}
/* v1.71.0：附件 ↔ 远端同步状态。四态用「中性/弱强调」区分，不用四种高饱和色 ——
这里是状态说明，不是告警；只有「被保护跳过」才值得让人停下来看一眼。 */
.at-sync{display:inline-block;margin-left:6px;padding:0 6px;border-radius:20px;font-size:10.5px;
line-height:16px;vertical-align:1px;border:1px solid transparent;white-space:nowrap}
.at-sync-ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 38%,transparent);
background:var(--success-soft)}
.at-sync-wait{color:var(--text-2);border-color:var(--border);background:var(--surface-2)}
.at-sync-remote{color:var(--text-3);border-color:var(--border);background:transparent}
.at-sync-skip{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 42%,transparent);
background:var(--warn-soft);cursor:help}
.at-acts{flex:0 0 auto;display:flex;gap:2px}
.at-btn{background:none;border:0;color:var(--text-2);font-size:12.5px;padding:4px 8px;border-radius:6px;cursor:pointer;font-family:inherit}
.at-btn:hover{background:var(--surface-3);color:var(--text)}
.at-btn.at-del:hover{background:var(--danger-soft);color:var(--danger)}
.at-empty{font-size:12.5px;color:var(--text-3);padding:14px 4px;text-align:center}
/* v1.74.0：已忽略的远端文件（删除墓碑）。中性一条，不用警示色 ——
它不是错误，是用户自己做的决定；只有「恢复」按钮需要可点。 */
.at-tomb{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;
border-radius:8px;background:var(--surface-2);font-size:12.5px;color:var(--text-3);min-width:0}
.at-tomb-t{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--text-2)}
.at-tomb-t .ico-e,.at-tomb-t svg{width:13px;height:13px;opacity:.8}
.at-tomb-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;cursor:help}
.at-tomb .at-btn{flex:0 0 auto;color:var(--text-2)}
.at-tomb .at-btn:hover{background:var(--surface-3);color:var(--text)}
/* ============ v1.75.0：附件保护（锁定 / 解锁） ============
配色约定：
锁定 = 中性（var(--text-3)）—— 「常态」，不需要引起注意；
已解锁 = 琥珀（var(--warn)） —— 「临时状态」，需要一眼看出现在可以改；
到期 = 回到中性 —— 与锁定同色，因为语义已经回到锁定。
不要用红色表示锁定：红色在这套界面里专指危险/失败，锁定是保护措施，不是错误。 */
.at-guard{display:inline-flex;align-items:center;gap:5px;margin-right:8px;padding:0 8px;
height:22px;border-radius:20px;font-size:11.5px;white-space:nowrap;border:1px solid transparent}
.at-guard .ico-e,.at-guard svg{width:12.5px;height:12.5px;opacity:.85}
.at-guard-lock{color:var(--text-3);border-color:var(--border);background:var(--surface-2)}
.at-guard-open{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 42%,transparent);
background:var(--warn-soft)}
.at-guard-open b{font-weight:500;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}
.at-guard-exp{color:var(--text-3);border-color:var(--border);background:var(--surface-2)}
.at-btn-xs{padding:2px 7px;font-size:11.5px;border:1px solid var(--border)}
.at-btn-xs:hover{border-color:var(--border-2,var(--border))}
.at-lock-note{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;
border-radius:8px;background:var(--surface-2);font-size:11.5px;color:var(--text-3)}
.at-lock-note .ico-e,.at-lock-note svg{width:12.5px;height:12.5px;flex:0 0 auto;opacity:.75}
.ff-guard{display:flex;align-items:center;gap:8px;margin-bottom:8px}
/* 解锁对话框：字段用表单原样式会太宽，这里收窄并按「说明 → 原因 → 补充」的顺序排 */
.at-unlock{min-width:320px}
.at-ul-tip{font-size:12.5px;color:var(--text-2);line-height:1.65;margin-bottom:4px}
.at-ul-lb{display:block;font-size:12px;color:var(--text-2);margin:12px 0 5px}
.at-ul-lb i{color:var(--danger);font-style:normal;margin-left:2px}
.at-ul-sel,.at-ul-ta{width:100%;box-sizing:border-box;background:var(--surface-2);
border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:12.5px;
color:var(--text);font-family:inherit}
.at-ul-ta{resize:vertical;line-height:1.55}
.at-ul-foot{margin-top:10px;font-size:11.5px;color:var(--text-3)}
/* v1.72.0：附件卡片嵌在「编辑表单」末尾时（订单 / 发票共用），与上方字段区之间
要有一条明确的分区边界 —— 否则最后一个输入框下面紧接一张带标题的卡片，
看起来像「某个字段的附属控件」，用户找不到它是独立的一块。
这是分区边界，不是表格行间线（后者一律不要）。 */
.at-form-card{border-top:1px solid var(--border);padding-top:14px;margin-top:20px}
/* 字段级附件（v1.67.0）：「文件和媒体」类型的字段控件
—— 编辑表单里跟输入框同宽同高节奏，详情页里跟在其它字段块下面 */
.ff-host{min-width:0}
.ff-host .ff-list{margin-bottom:8px}
.ff-host .ff-list .at-item{padding:7px 9px}
.ff-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ff-acts .tiny{color:var(--text-3)}
.field-ro .ff-acts{display:none}
/* 批量归档弹窗 */
/* ⚠ 不能写 min-width:680px —— .modal 只有 680 宽、减掉两侧 22px 内边距后内容区更窄，
min-width 会把内容顶出弹窗右边界（表现为「开始归档」旁边的「取消」被裁掉一半）。 */
.at-batch{width:100%;min-width:0}
.at-note{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--primary);
border-radius:var(--radius-sm);padding:11px 13px;font-size:12.5px;line-height:1.7;color:var(--text-2);margin-bottom:14px}
.at-note b{color:var(--text)}
/* 只有开头那句小标题独占一行；正文里的 是强调，必须保持内联，
否则「文件名」这类词会被 display:block 切成独立一行，整段读起来支离破碎。 */
.at-note>b:first-child{display:block;margin-bottom:3px}
.at-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.at-bar-end{margin-top:16px;margin-bottom:0;justify-content:flex-end}
.at-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.at-kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;text-align:center}
.at-kpi b{display:block;font-size:18px;color:var(--text);line-height:1.3}
.at-kpi span{font-size:11.5px;color:var(--text-3)}
.at-kpi.at-kpi-warn{border-color:var(--warn);background:var(--warn-soft)}
.at-kpi.at-kpi-warn b{color:var(--warn)}
.at-sub{font-size:12.5px;font-weight:600;color:var(--text-2);margin:14px 0 8px}
.at-sub-warn{color:var(--warn)}
.at-tbl-wrap{max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}
.at-tbl-wrap table.tbl{min-width:0}
.at-fn{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-un{font-size:12px;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);
border-radius:var(--radius-sm);padding:9px 11px;max-height:160px;overflow:auto;line-height:1.8}
@media(max-width:760px){
.at-kpis{grid-template-columns:repeat(2,1fr)}
.at-batch{min-width:0}
.at-item{flex-wrap:wrap}
.at-acts{width:100%;justify-content:flex-end}
.at-fn{max-width:180px}
}
/* ============================================================
顶栏：全局筛选（所属公司 / 年份）+ 全局搜索面板（v1.18.0）
============================================================ */
/* 宽度必须给死，而且要抬一级优先级：ui-kit.css 在 styles.css **之后**引入，
它里面的 .search-input{width:100%} 会盖掉单纯 .gfilter 的宽度（现象是下拉只剩「全部…」）。
select.gfilter 是 (0,1,1)，比 .search-input 的 (0,1,0) 高一级，稳定生效。 */
select.gfilter{width:112px;max-width:none;flex:0 0 auto;font-size:13px;padding:7px 9px;cursor:pointer}
/* ⚠ widgets.js 的 enhanceSelect 把 |