* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg: #f4f6f9;
--panel: #ffffff;
--ink: #1f2d3d;
--muted: #6b7a8d;
--line: #e3e8ef;
--primary: #1f6feb;
--primary-d: #1657c0;
--green: #1a9e57;
--amber: #c98a00;
--orange: #f97316;
--orange-d: #dd5f04;
--red: #d23b3b;
--head-bg: #eef2f7;
}
html, body { height: 100%; }
body {
font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", system-ui, sans-serif;
background: var(--bg);
color: var(--ink);
font-size: 14px;
}
.hidden { display: none !important; }
button { font-family: inherit; cursor: pointer; }
/* ---------- 登录 ---------- */
.login-wrap { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#1f6feb 0%, #2b8a6e 100%); }
.login-card { width: 360px; background: #fff; border-radius: 14px; padding: 36px 32px; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
/* 登录页标题区：第 1 行品牌标居左，第 2/3 行居中
第1 行「川嘉泵业」 —— 黑色、居左、字号较大
第2 行「质量技术部工作台」—— 蓝色主标题，字号最大，居中
第3 行「在线表格协作」 —— 副标题，居中
2026-10-27：原第 4 行「T1 工作计划 · T2 三包件 · … · T6 理化」表单清单已按用户要求删除，
对应样式 .login-tables 一并移除。 */
.login-head { text-align: center; margin-bottom: 26px; }
.login-logo { font-size: 20px; font-weight: 700; color: var(--ink); letter-spacing: 3px; text-align: left; }
.login-title { font-size: 26px; font-weight: 700; color: var(--primary); letter-spacing: 2px; line-height: 1.35; margin-top: 10px; }
.login-sub { color: var(--muted); font-size: 13px; margin-top: 8px; }
#login-form label { display: block; font-size: 13px; color: var(--muted); margin: 14px 0 6px; }
#login-form input { width: 100%; height: 42px; border: 1px solid var(--line); border-radius: 8px; padding: 0 12px; font-size: 14px; }
#login-form input:focus { outline: none; border-color: var(--primary); }
#login-btn { width: 100%; height: 44px; margin-top: 24px; background: var(--primary); color: #fff; border: none; border-radius: 8px; font-size: 15px; letter-spacing: 4px; }
#login-btn:hover { background: var(--primary-d); }
.login-msg { color: var(--red); font-size: 13px; margin-top: 12px; min-height: 18px; }
.login-hint { color: var(--muted); font-size: 12px; margin-top: 18px; line-height: 1.6; }
/* 页脚备案号（2026-11-12）：细线与上方提示隔开，灰字不抢视觉，链接到工信部备案查询 */
.login-beian { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); text-align: center; font-size: 12px; }
.login-beian a { color: var(--muted); text-decoration: none; }
.login-beian a:hover { color: var(--primary); text-decoration: underline; }
/* ---------- 左侧导航栏（2026-10-19 参照「教师首页」深色侧栏改版；色系沿用工作台蓝色系） ---------- */
/* 配色说明：底色取主色 #1f6feb 的深蓝阶（与看板表头 #2f5597 同族），文字冷白；
活跃项 = 主色半透明块 + 左缘亮蓝竖条。**不采用参考图的紫调**，保持工作台原色系。 */
:root {
/* 2026-11-13（用户指令「再加深」）：在 #14243d/#0d1829 基础上再调暗 ~20%，保持蓝调、文字对比不受影响 */
--sb-bg1: #101e32;
--sb-bg2: #0b1422;
--sb-ink: #e9f0fb;
--sb-muted: #8ea3c4;
--sb-line: rgba(255,255,255,.09);
--sb-hover: rgba(255,255,255,.07);
--sb-active: rgba(31,111,235,.38);
--sb-accent: #4d92ff;
}
.sidebar {
/* 2026-11-13（用户指令「侧边菜单收窄」）：默认展开宽 260 → 212px；
同时收紧品牌区/滚动区横向内边距（见下），整体更紧凑而不挤。 */
flex: 0 0 auto; width: 212px; min-width: 0;
display: flex; flex-direction: column; overflow: hidden;
background: linear-gradient(180deg, var(--sb-bg1) 0%, var(--sb-bg2) 100%);
color: var(--sb-ink);
transition: width .18s ease;
}
.sb-brand { display: flex; align-items: center; gap: 10px; padding: 12px 12px; border-bottom: 1px solid var(--sb-line); }
/* 2026-10-21（用户指令）：侧栏品牌位 logo 改为「嘉陵江」图片（public/logo-jlj.png）。
原为绿色渐变圆角方块 + 「川」字；现改为圆角容器承载图片，避免深色侧栏吃掉红色 logo。
2026-11-12（用户指令）：先换「极浅蓝底红图-带R标」；16:35 又定稿为「同色版-带R标」（白底 + 图形文字全红 + ®）。
容器底色随图统一为 #fff，与白底图片一致，避免在 34px 容器上下留白出现异色边框。 */
.sb-logo {
width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px;
background: #fff; overflow: hidden;
display: flex; align-items: center; justify-content: center;
}
.sb-logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sb-brand-text { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.35; }
/* 2026-10-21（用户指令「川嘉泵业和质量技术部工作台字体大小互换」）：
原 b(川嘉泵业)=14px 主、i(质量技术部工作台)=11px 副 → 互换为 11px / 14px，
即「质量技术部工作台」成为主标题、「川嘉泵业」退为副行。其余属性（字重、颜色、字距）保持原样。 */
.sb-brand-text b { font-size: 11px; font-weight: 600; letter-spacing: 1px; white-space: nowrap; }
.sb-brand-text i { font-style: normal; font-size: 14px; color: var(--sb-muted); white-space: nowrap; }
.sb-toggle {
flex: 0 0 auto; width: 22px; height: 22px; padding: 0; line-height: 1;
border: 1px solid var(--sb-line); border-radius: 6px;
background: var(--sb-hover); color: var(--sb-muted); font-size: 13px;
display: flex; align-items: center; justify-content: center;
}
.sb-toggle:hover { color: #fff; background: rgba(31,111,235,.4); border-color: var(--sb-accent); }
.sb-scroll { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 6px 8px 14px; }
.sb-scroll::-webkit-scrollbar { width: 8px; }
.sb-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 4px; }
.sb-group { padding: 10px 8px 6px; font-size: 11px; letter-spacing: 1px; color: var(--sb-muted); }
/* 导航列表：深色侧栏内取消原来的浅蓝卡片样式 */
.welcome-menu { display: flex; flex-direction: column; gap: 3px; background: none; border: 0; border-radius: 0; padding: 0; }
.menu-item {
position: relative;
display: flex; align-items: center; gap: 9px;
padding: 8px 10px; border: 0; border-radius: 8px; min-height: 40px;
background: transparent; color: var(--sb-ink);
cursor: pointer; transition: background .15s, color .15s;
}
.menu-item:hover { background: var(--sb-hover); }
.menu-item.active { background: var(--sb-active); color: #fff; }
.menu-item.active::before {
content: ''; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);
width: 3px; height: 20px; border-radius: 0 3px 3px 0; background: var(--sb-accent);
}
.menu-item .mi-ico { width: 19px; height: 19px; flex: 0 0 auto; opacity: .88; }
.menu-item.active .mi-ico { opacity: 1; }
.menu-item .mi-name { flex: 1; min-width: 0; font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-item .mi-arrow { flex: 0 0 auto; font-size: 15px; color: var(--sb-muted); }
.menu-item.active .mi-arrow { color: #cfe0ff; }
/* 二级菜单（2026-10-19：S1–S4 作为「S 基础设置」的折叠菜单）：
父项点击展开/收起，箭头旋转 90° 作指示；子项缩进 + 小字号、无图标，
左侧留一条淡竖线表示从属关系；折叠态（仅图标栏）整块隐藏。 */
.menu-item .mi-caret { transition: transform .16s ease; }
.menu-item.open .mi-caret { transform: rotate(90deg); color: #cfe0ff; }
.mi-sub-wrap { display: none; flex-direction: column; gap: 3px; margin-top: 2px; }
.mi-sub-wrap.open { display: flex; }
.menu-item.mi-sub { padding: 6px 10px 6px 40px; min-height: 32px; gap: 0; }
.menu-item.mi-sub::after {
content: ''; position: absolute; left: 26px; top: 4px; bottom: 4px;
width: 1px; background: var(--sb-line);
}
.menu-item.mi-sub .mi-name { font-size: 12.5px; font-weight: 400; color: var(--sb-muted); }
.menu-item.mi-sub:hover .mi-name { color: #fff; }
.sidebar.collapsed .mi-sub-wrap { display: none; }
/* 侧栏底部：当前用户 + 账号操作（原左下角浮动卡片，现内嵌侧栏） */
.sb-foot { border-top: 1px solid var(--sb-line); padding: 10px 8px; }
/* 侧栏底部备案号（2026-11-12）：位于退出登录下方，细线与上方按钮隔开，小号灰字 */
.sb-beian { margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--sb-line); text-align: center; font-size: 11px; line-height: 1.6; }
.sb-beian a { color: var(--sb-muted); text-decoration: none; }
.sb-beian a:hover { color: #cfe0f0; text-decoration: underline; }
.corner-user {
display: flex; flex-direction: column; align-items: stretch; gap: 8px;
background: none; border: 0; box-shadow: none; padding: 0; width: auto; max-width: none;
}
.corner-user .user-info { color: var(--sb-muted); font-size: 12px; text-align: left; line-height: 1.5; padding: 0 2px; word-break: break-all; }
.corner-user .cu-btns { display: flex; gap: 6px; }
.corner-user .cu-btns .btn {
flex: 1; padding: 7px 4px; text-align: center; font-size: 12px;
background: var(--sb-hover); border: 1px solid var(--sb-line); color: var(--sb-ink);
}
.corner-user .cu-btns .btn:hover { background: rgba(31,111,235,.4); border-color: var(--sb-accent); color: #fff; }
/* 收起态：仅保留图标（72px 图标栏） */
.sidebar.collapsed { width: 72px; }
.sidebar.collapsed .sb-brand { padding: 14px 6px; gap: 6px; justify-content: center; }
.sidebar.collapsed .sb-brand-text,
.sidebar.collapsed .sb-group,
.sidebar.collapsed .mi-name,
.sidebar.collapsed .mi-arrow,
.sidebar.collapsed .sb-beian,
.sidebar.collapsed .user-info { display: none; }
.sidebar.collapsed .sb-scroll { padding: 6px 6px 14px; }
.sidebar.collapsed .menu-item { justify-content: center; padding: 9px 0; }
.sidebar.collapsed .menu-item.active::before { left: -6px; }
.sidebar.collapsed .cu-btns { flex-direction: column; }
.sidebar.collapsed .cu-btns .btn { font-size: 11px; padding: 6px 2px; }
.btn { border: 1px solid var(--line); background: #fff; color: var(--ink); border-radius: 7px; padding: 7px 14px; font-size: 13px; }
.btn:hover { border-color: var(--primary); color: var(--primary); }
.btn-primary { background: var(--primary); color: #fff; border-color: var(--primary); }
.btn-primary:hover { background: var(--primary-d); color: #fff; }
.btn-ghost { background: transparent; }
/* 打印按钮：醒目琥珀色实底（在弹窗页脚一片灰/白按钮中一眼可辨）。
2026-10-11 用户要求「各表单的打印按钮用醒目颜色标记」——仅屏幕显示；
#rf-foot 在 @media print 中整体隐藏，故打印件里不会出现该按钮。 */
.btn-print { background: var(--amber); border-color: var(--amber); color: #fff; font-weight: 600; letter-spacing: 1px; }
.btn-print:hover { background: #a87000; border-color: #a87000; color: #fff; }
/* 黄色（琥珀）实底按钮（2026-11-12 用户要求）：弹窗「仅保存」用它 ——
与主操作（蓝色「保存并送审」）区分，一眼看出「只存草稿、不送审」这条次路径。 */
.btn-amber { background: var(--amber); border-color: var(--amber); color: #fff; font-weight: 600; }
.btn-amber:hover { background: #a87000; border-color: #a87000; color: #fff; }
.btn-danger { color: var(--red); border-color: #f0c0c0; }
.btn-danger:hover { background: #fdeaea; }
/* 橙色实底按钮（2026-10-14 用户要求）：用于 S11 明细表的「← 返回总成表」，
便于从下钻态一眼看到返回入口。 */
.btn-orange { background: var(--orange); border-color: var(--orange); color: #fff; font-weight: 600; }
.btn-orange:hover { background: var(--orange-d); border-color: var(--orange-d); color: #fff; }
/* ---------- 布局 ---------- */
.app { display: flex; flex-direction: column; height: 100vh; }
.layout { display: flex; flex: 1; overflow: hidden; }
/* 工作台下拉选择器（现位于表格视图工具栏左侧） */
.tv-switch { flex-shrink: 0; width: 210px; max-width: 210px; padding: 6px 28px 6px 10px; font-size: 12px; }
/* 工作台下拉选择器（替代原 Tab 标签栏，节省页面空间） */
.table-select {
max-width: 340px; width: 100%;
padding: 7px 30px 7px 12px;
font-size: 13px; font-family: inherit; color: var(--ink);
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23667' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
border: 1px solid var(--line); border-radius: 8px;
appearance: none; -webkit-appearance: none; cursor: pointer;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.table-select:hover { border-color: var(--primary); }
.table-select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 2px rgba(30, 100, 220, .12); }
/* ---------- 主区 ---------- */
/* 2026-11-13：主区改为纵向 flex —— 顶部选项卡固定 42px，其余高度给首页/表格视图。
原先 main 是滚动容器 + 子视图 height:100%；加 tab 后会多出 42px 触发整区滚动，
故改由子视图自身内部滚动（表格 .grid-wrap / 看板 .kanban-zone 已有滚动）。 */
.main { flex: 1; min-width: 0; overflow: hidden; padding: 20px 24px; display: flex; flex-direction: column; }
.main > #welcome, .main > #table-view { flex: 1; min-height: 0; height: auto; }
/* ---------- 顶部选项卡（2026-11-13） ----------
2026-11-13h（用户指令）：「选项卡底色与菜单栏底色区分；选项卡之间用线条或其他明显区分」。
撤销上一轮「与左侧主菜单同色系」的深蓝渐变 —— 那条深色带与侧栏连成一片、边界不清。
现改为浅蓝灰页签带：左侧深蓝主菜单 / 顶部浅色页签一眼可分；
每个页签右缘 1px 冷灰竖线分隔（选中态也保留），未选中半透明白底、选中纯白底 + 顶部主色条。
z-index 200 保留：行表单仍是模态遮罩（z-index 50+），页签须高于遮罩才能点击切换。 */
.tab-bar {
flex: 0 0 42px; position: relative; z-index: 200;
display: flex; align-items: stretch; gap: 0;
margin: -20px -24px 14px; padding: 0 16px 0 18px;
/* 2026-11-13（用户指令「顶部颜色再加深」）：在 #dbe3ef/#c4d0e2 基础上再调暗 ~20%，仍浅于深色侧栏保持区分 */
background: linear-gradient(180deg, #c3cee0 0%, #a7b6cf 100%);
border-bottom: 1px solid #8ba3c0; box-sizing: border-box;
box-shadow: 0 2px 5px rgba(23, 42, 72, .07);
}
.tab-list { display: flex; align-items: stretch; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.tab-list::-webkit-scrollbar { height: 0; }
.wb-tab {
position: relative;
flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
height: 41px; padding: 0 12px; border: 0; border-bottom: 2px solid transparent;
border-right: 1px solid #8ba3c0; /* 页签之间的竖线分隔（加深档配套） */
background: rgba(255, 255, 255, .32); color: #465b78; font-size: 13px; font-family: inherit;
white-space: nowrap; cursor: pointer; user-select: none;
}
.wb-tab:hover { color: var(--primary-d); background: rgba(255, 255, 255, .78); }
.wb-tab.active {
color: var(--primary-d); font-weight: 600; background: #fff;
border-bottom-color: #fff;
box-shadow: inset 0 3px 0 var(--primary); /* 选中态顶部主色条 */
}
.wb-tab .wt-ico { font-size: 13px; opacity: .95; line-height: 1; }
.wb-tab .wt-txt { max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
.wt-x {
margin-left: 2px; width: 16px; height: 16px; line-height: 14px; padding: 0;
border: 0; border-radius: 4px; background: transparent; color: #8a9bb2;
font-size: 15px; cursor: pointer; text-align: center;
}
.wt-x:hover { background: #fde8e8; color: var(--red); }
.tab-home { padding-left: 6px; }
.tab-bar-fill { flex: 1 1 auto; min-width: 8px; }
.tab-all-close { align-self: center; margin-left: 6px; padding: 3px 9px; border: 1px solid #8ba3c0;
border-radius: 6px; background: rgba(255, 255, 255, .7); color: #5b6c85; font-size: 11.5px; font-family: inherit; cursor: pointer; }
.tab-all-close:hover { color: var(--red); border-color: #e6b3b3; background: #fff2f2; }
/* 「＋」快速打开：白底下拉 + 明显描边，与浅色页签带拉开层次 */
.tab-picker {
position: absolute; top: 44px; left: 18px; z-index: 30;
min-width: 250px; max-width: 420px; max-height: 62vh; overflow: auto; padding: 6px;
background: #fff; border: 1px solid #b6c6dc; border-radius: 8px;
box-shadow: 0 10px 30px rgba(20, 40, 80, .18);
}
.tab-picker-item { display: block; width: 100%; text-align: left; padding: 7px 10px;
border: 0; border-radius: 6px; background: transparent; color: var(--ink);
font-size: 12.5px; font-family: inherit; cursor: pointer; white-space: nowrap; }
.tab-picker-item:hover { background: #eef5ff; color: var(--primary); }
.tab-picker-item.is-open { color: var(--primary); font-weight: 600; }
.tab-picker-empty { padding: 10px; color: var(--muted); font-size: 12px; }
/* 行表单页签（阶段二）与台账页签用同一外观，仅前缀图标不同；
2026-11-13h：浅色页签带上改用深橙 / 深青绿，保证对比度足够 */
.wb-tab.tab-form .wt-ico { color: #c2681a; opacity: 1; }
/* 2026-11-13：B BOM清单 / S 基础设置 面板页签，⚙ 用青绿色与 ✎ 橙、▦ 冷灰区分 */
.wb-tab.tab-admin .wt-ico { color: #0f8a72; opacity: 1; }
.tab-picker-sep { padding: 8px 10px 4px; margin-top: 5px; border-top: 1px solid var(--line);
color: var(--muted); font-size: 11px; letter-spacing: .5px; }
/* 首页：页头（标题 + 刷新）+ 看板区。原「左侧菜单区」已移入侧栏，故此处仅剩看板。 */
.welcome { height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; }
.page-head { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.page-head h1 { font-size: 20px; font-weight: 700; color: var(--ink); letter-spacing: 1px; }
.page-head .ph-sub { font-size: 12px; color: var(--muted); margin-top: 4px; }
.page-head .btn { flex: none; }
.welcome-layout { flex: 1; min-height: 0; display: flex; gap: 20px; align-items: stretch; }
.kanban-zone {
flex: 1; min-width: 0;
background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
display: flex; flex-direction: column; overflow: hidden;
/* 撑满主区高度：这样看板区才有确定高度，内部卡片才能「各占 1/2」。
2026-10-09 用户指令：K0、K1 置于看板区左上角，高度各为看板区 1/2、内容滚动显示。 */
}
.kanban-head {
padding: 12px 18px; font-size: 14px; font-weight: 600; color: var(--ink);
border-bottom: 1px solid var(--line); background: #f7f9fc;
}
.kanban-placeholder {
flex: 1; display: flex; align-items: center; justify-content: center;
color: #b6bfd0; font-size: 13px; letter-spacing: 1px;
}
/* ---------- 看板卡片（参照用户截图：深蓝表头 + 紧凑表格） ---------- */
/* 看板卡片区：4 列网格、卡片按左上角对齐，行高固定为容器高度的 1/2。
- grid-template-columns: repeat(4,1fr) → K0 占 1 列 = 区域宽的 1/4；K1 占 2 列 = 1/2
- grid-template-rows: minmax(0,50%) → 两卡高度固定 = 看板区的 1/2（minmax 的 0 下限
保证卡片可被压缩、不会被内容撑高；50% 是相对网格容器高度）
- align-content / justify-content: start → 两张卡都贴左上角，右下留空
- overflow: hidden → 内容超出时由卡片内部滚动，不把看板区撑高
2026-10-09 用户指令：K0、K1 置于看板区左上角，高度各为看板区 1/2，宽 K0=1/4、K1=1/2。 */
.kanban-body { flex: 1; min-height: 0; overflow: hidden; padding: 14px 16px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: minmax(0, 50%); grid-auto-rows: minmax(0, 50%); gap: 14px; align-content: start; justify-content: start; }
/* 卡片基础样式。 */
.kb-card { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 1px 4px rgba(16,24,40,.05); min-width: 0; }
/* K0 卡片：纵向 flex，标题固定、表格区滚动（内容超出卡片高度时在表内滚动，标题不随滚动消失）。 */
.kb-card:not(.wide2) { display: flex; flex-direction: column; overflow: hidden; }
/* K1 卡片：跨 2 列 = 看板区宽度的 1/2；纵向 flex，滚动区撑满卡片剩余高度。
2026-10-09 用户指令：K1 宽为看板区的 1/2。 */
.kb-card.wide2 { grid-column: span 2; display: flex; flex-direction: column; }
.kb-card-title {
padding: 8px 14px; font-size: 13px; font-weight: 600; color: #fff;
background: #2f5597; letter-spacing: 1px;
}
.kb-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.kb-table th {
background: #2f5597; color: #fff; font-weight: 600; text-align: center;
padding: 7px 10px; border: 1px solid #4a6db5; white-space: nowrap;
}
.kb-table td { padding: 7px 10px; border: 1px solid #e3e8f0; text-align: center; }
.kb-table .kb-idx { width: 46px; color: var(--muted); }
.kb-table .kb-name { text-align: left; font-weight: 500; color: var(--ink); }
.kb-table .kb-num { width: 76px; }
.kb-table .kb-pend { width: 92px; }
.kb-row { cursor: pointer; transition: background .12s; }
.kb-row:hover { background: #eef4ff; }
/* K0 数据行奇偶底色交替（与 K1 同一规则）；hover 与奇偶同特异性且在其后，故可正常覆盖 */
.kb-table tbody tr.kb-row:nth-child(odd) { background: #ffffff; }
.kb-table tbody tr.kb-row:nth-child(even) { background: #f2f6fc; }
.kb-table tbody tr.kb-row:hover { background: #eef4ff; }
.kb-row.kb-hot .kb-pend { color: #d92d20; font-weight: 700; }
.kb-row .kb-zero { color: #98a2b3; }
.kb-table tfoot td { background: #f7f9fc; font-weight: 600; text-align: center; }
.kb-table tfoot .kb-name { text-align: center; color: var(--muted); font-weight: 500; }
.kb-table tfoot .kb-pend { color: #d92d20; }
/* ---------- 看板滚动区（K0、K1 共用） ---------- */
/* 卡片内的纵向滚动容器（K0、K1 都用）。border-top 是标题条与表格之间的分隔线。
注意：这条 1px 边框是 sticky 表头的定位参照起点（表头吸顶位置 = 容器 padding box 顶，
即边框之下），因此表头 top:0 时顶端与容器内沿严丝合缝、不会留缝——它本身不是缺陷。
flex:1 撑满卡片剩余高度；卡片高度由 .kanban-body 的 50% 行高固定，
内容超出时在此容器内滚动，不会把卡片/看板区撑高。
2026-10-09 用户指令：K0、K1 置于看板区左上角，高度各为看板区 1/2，超出滚动。
2026-10-28：三块卡片仍占看板区高度的 1/2（同一行），只是左右次序按 DOM 排列，本样式无需改动。 */
.kb-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: auto; border-top: 1px solid var(--line); }
/* K0 表格与 K1 同样处理：滚动区里的表格用 separate + sticky 表头。
原因同 K1：collapse 下折叠边框不随 sticky 单元格移动，表头吸顶后下沿会漏缝。
相邻单元格边框在 separate 下会叠加成 2px，故统一「只画右、下」，左/顶由外框与表头承担。 */
.kb-scroll .kb-table { border-collapse: separate; border-spacing: 0; border-left: 1px solid #e3e8f0; }
.kb-scroll .kb-table th, .kb-scroll .kb-table td { border-top: 0; border-left: 0; }
.kb-scroll .kb-table thead th { border-top: 1px solid #4a6db5; position: sticky; top: 0; z-index: 3; background: #2f5597; box-shadow: 0 1px 0 0 #4a6db5; }
/* ---------- 看板③ K2「我的待办」（2026-10-10 新增） ---------- */
/* 与 K0/K1 同处 .kanban-body 的 4 列网格：K1 跨 2 列、K0 与 K2 各占 1 列（合计 4 列）。
2026-10-28（用户指令「两个看板位置互换」）：DOM 次序改为 K2(1) + K1(2) + K0(1)，
即「我的待办」在最左、K0 未审核表单在最右；两块都是 1 列窄卡，栅格宽度不变、无需在此加定位。
卡片结构与 K0 一致：标题固定 + .kb-scroll 滚动（见 .kb-card:not(.wide2)）。 */
.kb-todo .todo-sum { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 10px; }
.kb-todo .todo-chip {
font-size: 11.5px; line-height: 1.7; padding: 1px 8px; border-radius: 10px;
border: 1px solid var(--line); background: #f7f9fc; color: var(--muted); white-space: nowrap;
}
.kb-todo .todo-chip b { color: var(--ink); font-size: 12.5px; margin-left: 4px; }
.kb-todo .todo-chip.hot { border-color: #e8c46a; background: #fff8e6; color: #8a6d00; }
.kb-todo .todo-chip.hot b { color: #b54708; }
.kb-todo .todo-list { list-style: none; margin: 0; padding: 0; }
.kb-todo .todo-item {
display: flex; align-items: center; gap: 7px;
padding: 7px 10px; border-bottom: 1px solid var(--line); cursor: pointer; transition: background .12s;
}
.kb-todo .todo-item:hover { background: #eef4ff; }
.kb-todo .todo-tag {
flex: 0 0 auto; font-size: 11px; line-height: 1.6; padding: 0 6px; border-radius: 3px;
color: #fff; white-space: nowrap;
}
.kb-todo .tag-review { background: #d98b1f; }
.kb-todo .tag-mine { background: #3f7fb5; }
.kb-todo .tag-active { background: #3d8b52; }
.kb-todo .todo-main { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.kb-todo .todo-main > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-todo .todo-line1 { font-size: 12.5px; color: var(--ink); }
.kb-todo .todo-line2 { font-size: 11.5px; color: var(--muted); }
/* 定时提醒窄带（2026-11-02 新增）：R 定时任务不进 .todo-list，单独置顶一条。
视觉上刻意与下方待办项区分：浅橙底 + 左侧色条，说明它是「按时间提醒」而不是「表里的流程待办」。 */
.kb-todo .todo-taskbar {
display: flex; align-items: center; gap: 7px; margin: 8px 10px 0;
padding: 7px 9px; border-radius: 5px; cursor: pointer;
border: 1px solid #f0c987; border-left: 3px solid #e08a1e;
background: #fff8e8; transition: background .12s;
}
.kb-todo .todo-taskbar:hover { background: #fff1d6; }
.kb-todo .todo-taskbar:focus-visible { outline: 2px solid #e08a1e; outline-offset: 1px; }
.kb-todo .todo-taskbar-ico { flex: 0 0 auto; font-size: 13px; line-height: 1; }
.kb-todo .todo-taskbar-main { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.kb-todo .todo-taskbar-main > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-todo .todo-taskbar-t { font-size: 12.5px; font-weight: 600; color: #8a4b00; }
.kb-todo .todo-taskbar-t em { font-style: normal; font-weight: 400; font-size: 11.5px; color: #a06a2a; margin-left: 6px; }
.kb-todo .todo-taskbar-s { font-size: 11.5px; color: #a06a2a; }
.kb-todo .todo-taskbar-go { flex: 0 0 auto; font-size: 11.5px; color: #b06a00; white-space: nowrap; }
.kb-active-table {
width: 100%; table-layout: fixed;
/* K1 表头用 separate（边框分离）模式而非 .kb-table 的collapse：
collapse 下折叠边框由表格统一绘制在网格线上、不随 sticky 单元格移动，
表头吸顶后其下边框留在原表格位置，下沿会漏缝、滚过的行内容从中透出。
separate 下边框归属各自单元格，可随 sticky 正常移动。
border-spacing:0 抵消 separate 默认的单元格间距，保持与 collapse 一致的紧凑排版。 */
border-collapse: separate; border-spacing: 0;
border-left: 1px solid #e3e8f0;
}
.kb-active-table th, .kb-active-table td {
text-align: left; vertical-align: top;
white-space: normal; word-break: break-word; line-height: 1.45;
}
/* separate 模式下相邻单元格边框不再折叠，会叠加成 2px。
统一改为「只画右、下」，左侧与顶部由表格外框和表头各自承担，视觉仍是 1px 线。 */
.kb-active-table th, .kb-active-table td { border-top: 0; border-left: 0; }
.kb-active-table thead th { border-top: 1px solid #4a6db5; } /* 表头顶线（原由 th 自身上边框承担） */
/* K1 表头完全参照 K0（.kb-table th）：深蓝底、白字、加粗、居中、单行不换行、上下居中。
上面那条 th/td 通用规则会把 th 的 white-space 改成 normal、vertical-align 改成 top，
故在此逐项还原为 K0 表头的取值。 */
.kb-active-table th {
text-align: center; vertical-align: middle;
white-space: nowrap; word-break: normal; line-height: normal;
}
/* K1 表头锁定：纵向滚动时固定在顶部。
底色必须显式声明为不透明，才能完全遮住从下方滚过的行内容。
box-shadow: 向下 1px 外扩投影，用于封住表头下沿与 tbody 首行之间的边界像素——
th 的 border-bottom 只覆盖 th 盒内那 1px，其下方紧接首行、二者之间无遮挡，
滚动时若某行文字正好落在边界像素上会漏出（2x 像素实测 scrollTop=150 时
css 69.0 处出现 rgb(185,189,194) 等内容色，纯行底色应为 rgb(242,246,252)）。
必须用外扩投影而非 inset 阴影：inset 只作用于盒内，盖不到盒外那 1px。
（thead 内的 ::after 伪元素也实测无效，受表格层叠/裁剪影响。） */
.kb-active-table thead th {
position: sticky; top: 0; z-index: 3;
background: #2f5597;
box-shadow: 0 1px 0 0 #4a6db5;
}
.kb-active-table .kb-idx { text-align: center; width: 6%; color: var(--muted); }
.kb-active-table th:nth-child(2), .kb-active-table td:nth-child(2) { width: 18%; } /* 子项目名称 */
.kb-active-table th:nth-child(3), .kb-active-table td:nth-child(3) { width: 12%; } /* 要求日期 */
.kb-active-table th:nth-child(4), .kb-active-table td:nth-child(4) { width: 24%; } /* 工作要求 */
.kb-active-table th:nth-child(5), .kb-active-table td:nth-child(5) { width: 22%; } /* 后续工作安排 */
.kb-active-table th:nth-child(6), .kb-active-table td:nth-child(6) { width: 18%; } /* 负责/协助（加宽至刚好一行装下） */
.kb-active-table tr.kb-act-row { cursor: pointer; transition: background .12s; }
/* K1 数据行奇偶底色交替（白 / 浅蓝灰），便于横向对照阅读 */
.kb-active-table tbody tr.kb-act-row:nth-child(odd) { background: #ffffff; }
.kb-active-table tbody tr.kb-act-row:nth-child(even) { background: #f2f6fc; }
/* 悬停高亮：与上面同为 3 类级 + 2 元素级，特异性相同且位置在后，故能覆盖奇偶底色 */
.kb-active-table tbody tr.kb-act-row:hover { background: #eef4ff; }
/* K1 数据单元格：最多显示两行，超出部分以省略号收尾（-webkit-line-clamp 自带 …） */
.kb-active-table td.kb-cell .kb-clamp {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden; word-break: break-word; max-height: 2.9em;
}
.kb-active-table td.kb-cell .kb-zero { color: #98a2b3; }
/* 原首页「左侧菜单区 + 浅蓝菜单卡片」样式已废弃（2026-10-19 菜单移入深色侧栏），
相关规则统一在文件上方「左侧导航栏」段内维护，此处不再重复定义。 */
/* 返回首页按钮：醒目底色（绿） */
#btn-home {
background: #1e9e4a; border-color: #1e9e4a; color: #fff; font-weight: 600;
}
#btn-home:hover { background: #17823c; border-color: #17823c; box-shadow: 0 3px 10px rgba(30,158,74,.35); }
/* 「返回首页」居中于工具栏中部（2026-10-09 用户指令，T1~T5 通用）
方案：.tv-tools 恢复 margin-left:auto 贴右，.tv-home 用绝对定位压在工具栏中线。
为什么不加左右垫片：垫片本身占宽度，会把 .tv-info 挤成 0 宽（统计徽章消失），
且两片同宽会令总宽超出容器而出现横向溢出——实测均不可取。
窄屏兜底：空间不足以容纳「中线左侧信息 + 中线右侧按钮」时，
由 JS 加 .tv-home-inline 类取消绝对定位，按钮回到右侧按钮组末尾，工具栏保持单行。 */
.tv-header { position: relative; }
.tv-home {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 3;
white-space: nowrap;
}
/* 窄屏回退：参与常规流，紧贴右侧按钮组末尾 */
.tv-home.tv-home-inline {
position: static;
transform: none;
margin-left: 8px;
}
#btn-home { flex-shrink: 0; }
.table-view { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 18px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
/* 表头：行数信息 + 统计徽章 + 工具条，**强制单行**。
原先三处都写了 flex-wrap:wrap，宽度不够时「未选中行」等文本会折到第二行，
把工具栏撑成两行（用户反馈）。现改为：
· 容器 nowrap + 隐藏横向溢出
· 各子项也 nowrap
· 宽度紧张时用 clamp() 逐级缩小字体与间距（而非换行） */
.tv-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
/* 页头工作台名称（2026-10-21 用户指令「将工作台名称放置在这里，原有元素右移」）：
最左一席 = 编号徽标 + 名称；右侧一条细竖线作分隔，统计徽章/筛选/按钮组随之右移。
名称可缩（min-width:0 + 省略号），编号徽标不缩，保证窄屏下按钮组不被挤掉。 */
.tv-name { display: flex; align-items: center; gap: 7px; flex-shrink: 0; min-width: 0;
max-width: 34vw; padding-right: 10px; border-right: 1px solid var(--line); }
.tv-name.hidden { display: none; }
.tv-name-code { flex-shrink: 0; font-size: 11.5px; font-weight: 700; letter-spacing: .5px;
color: #fff; background: var(--primary); border-radius: 6px; padding: 2px 7px; line-height: 1.5; }
.tv-name-txt { font-size: 15px; font-weight: 700; color: var(--ink); letter-spacing: .3px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tv-info { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; white-space: nowrap; min-width: 0; flex-shrink: 1; overflow: hidden; }
/* 右侧按钮组：保持 margin-left:auto 贴右。
注意：本行是 .tv-tools 的唯一定义处，勿在别处再写 margin-left:0 ——
同优先级下后定义会覆盖，导致工具组不贴右、「返回首页」居中判定误判为冲突。 */
.tv-tools { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; white-space: nowrap; margin-left: auto; flex-shrink: 0; }
.filter-input { height: 28px; border: 1px solid var(--line); border-radius: 7px; padding: 0 8px; width: clamp(120px, 18vw, 200px); font-size: 12px; }
.filter-input:focus { outline: none; border-color: var(--primary); }
/* 2026-11-06（用户指令）：筛选下拉（项目类别 / 状态），与关键字框同高同圆角 */
.filter-select { height: 28px; border: 1px solid var(--line); border-radius: 7px; padding: 0 4px; font-size: 12px; background: #fff; color: var(--ink); max-width: 150px; }
.filter-select:focus { outline: none; border-color: var(--primary); }
/* 行号/行提示文字：单行显示，过长由 JS 截断 */
.row-count { color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.toolbar-actions { display: flex; gap: 5px; flex-wrap: nowrap; align-items: center; white-space: nowrap; }
.tv-header .btn { padding: 5px 9px; font-size: 12px; border-radius: 6px; white-space: nowrap; flex-shrink: 0; }
/* 「未选中行」等行操作提示：单行显示，过长省略 */
.row-tip { color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; flex-shrink: 0; }
/* 统计徽章：单行、不换行 */
.stats-bar { display: flex; flex-wrap: nowrap; gap: 5px; white-space: nowrap; overflow: hidden; }
.stats-bar .stat { font-size: 12px; padding: 3px 8px; border-radius: 14px; background: var(--head-bg); color: var(--ink); white-space: nowrap; }
.stats-bar .stat b { font-size: 13px; }
.stats-bar .stat-week { background: #e7f0ff; color: var(--primary); font-weight: 600; }
/* ---------- 在线提示：谁正在编辑哪一行 ----------
用暖橙底色与他人的行高亮区分（暖色=有人在动，冷静不打扰阅读）；
左边框给出"整行都是他"的语义，比只标一个格子更醒目。 */
.presence-bar { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.presence-bar:empty { display: none; } /* 无人在线时不占位 */
.presence-chip {
font-size: 12px; padding: 3px 9px; border-radius: 14px; white-space: nowrap;
background: #fff4e5; color: #a35a12; border: 1px solid #ffd9ad;
}
.presence-chip b { font-size: 13px; }
.presence-chip .p-row { color: #d2691e; font-weight: 600; }
.presence-chip.p-viewing { background: #f2f4f7; color: #5b6472; border-color: #dfe3e8; }
.presence-chip.p-viewing .p-row { color: #5b6472; font-weight: 400; }
/* 有人正在编辑的行：整行淡橙底 + 左侧竖条提示 */
#data-table tr.row-editing > td { background: #fff8f0; }
#data-table tr.row-editing > td:first-child { box-shadow: inset 3px 0 0 #ff9f43; }
#data-table tr.row-editing > td.row-badge-editing { color: #a35a12; font-weight: 600; }
#data-table tr.row-editing:hover > td { background: #fff2e2; }
/* ---------- 窄屏 /低分辨率：逐级缩小，保证工具栏始终单行 ---------- */
@media (max-width: 1500px) {
.tv-header { gap: 8px; }
.tv-name { gap: 6px; padding-right: 8px; max-width: 30vw; }
.tv-name-txt { font-size: 13.5px; }
.tv-info { gap: 6px; }
.tv-tools { gap: 6px; }
.stats-bar .stat { font-size: 11px; padding: 2px 7px; }
.stats-bar .stat b { font-size: 12px; }
.tv-header .btn { font-size: 11px; padding: 4px 7px; }
.row-count { font-size: 10px; }
.filter-input { font-size: 11px; }
.filter-select { font-size: 11px; max-width: 120px; }
}
@media (max-width: 1280px) {
.tv-header { gap: 6px; }
.tv-name { gap: 5px; padding-right: 6px; max-width: 26vw; }
.tv-name-code { font-size: 10.5px; padding: 1.5px 6px; }
.tv-name-txt { font-size: 12.5px; }
.tv-info, .tv-tools { gap: 5px; }
.stats-bar { gap: 4px; }
.stats-bar .stat { font-size: 10px; padding: 2px 6px; border-radius: 12px; }
.stats-bar .stat b { font-size: 11px; }
.tv-header .btn { font-size: 10px; padding: 4px 6px; border-radius: 5px; }
.toolbar-actions { gap: 4px; }
.row-count { font-size: 10px; }
.filter-input { height: 26px; font-size: 11px; }
.filter-select { height: 26px; font-size: 11px; max-width: 100px; }
}
.grid-wrap { flex: 1; min-height: 0; overflow: auto; border: 1px solid var(--line); border-radius: 8px; }
/* 表头吸顶必须用 separate（边框分离）模式——与 K1 同一根因、同一解法：
collapse 下折叠边框由表格统一绘制在网格线上、不随 sticky 单元格移动，
表头吸顶后它自己的那 1px 下边框仍留在原表格位置（早已滚出视野），
于是边界处只剩一行底色：表头与数据行直接贴在一起、状态列的彩色底纹顶到表头下沿，
看起来就像顶部「漏光/开缝」。separate 下边框归属各自单元格，可随 sticky 正常移动。
border-spacing:0 抵消 separate 默认的单元格间距，排版保持与 collapse 一致。 */
.data-table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 13px; }
/* separate 下相邻单元格边框不再折叠、会叠成 2px，故单元格只画「右、下」两向；
表格左、上的外框由 .grid-wrap 自身的边框承担，视觉仍是 1px 线。 */
.data-table th, .data-table td { border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; min-width: 90px; max-width: 420px; }
/* 表头吸顶：下边线改由「向下 1px 外扩投影」承担而非 border-bottom。
原因：th 的 border-bottom 只覆盖 th 盒内那 1px，紧接其下的首行无遮挡，
缩放比非整数时（如 Windows 125%）表头高度会落到半个物理像素上、边界处仍会露出底下
行的内容色；外扩投影画在盒外，可把这一像素一并封住。二者同色，视觉就是一条 1px 线。 */
.data-table thead th { background: var(--head-bg); position: sticky; top: 0; z-index: 5; font-weight: 600; white-space: nowrap; text-align: center; border-bottom: 0; box-shadow: 0 1px 0 0 var(--line); }
.data-table td.rownum { background: var(--head-bg); color: var(--muted); text-align: center; width: 36px; min-width: 36px; position: sticky; left: 0; z-index: 4; }
.data-table th.rownum { width: 36px; min-width: 36px; position: sticky; left: 0; z-index: 6; }
.data-table td.cell { white-space: pre-wrap; word-break: break-word; }
.data-table tbody tr.zebra-odd { background: #f4f7fb; }
.data-table tbody tr.zebra-even { background: #ffffff; }
.data-table td.editable { background: transparent; cursor: text; }
.data-table td.editable:focus { outline: 2px solid var(--primary); background: #fff; }
.data-table td.date-cell { white-space: nowrap; text-align: center; overflow-x: hidden; }
.data-table td.image-cell a { color: var(--primary); text-decoration: none; }
.data-table td.image-cell img { max-height: 60px; display: block; margin-top: 4px; border: 1px solid var(--line); border-radius: 4px; }
/* ---------- 附件单元格（方案 A+B：原文保留，附件另加图标；行高锁定不撑高表格） ---------- */
/* 附件单元格：徽标与文字同一行内排布，高度固定，不随内容增长 */
.data-table td.att-cell { max-height: none; overflow: visible; }
/* 文字与徽标同行（inline），让单元格高度恒定为一行 */
.att-inline { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.att-text { white-space: pre-wrap; word-break: break-word; font-size: 12px; line-height: 1.6; color: var(--ink); min-width: 0; }
.att-text.clamped { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.att-bar { display: inline-flex; align-items: center; gap: 3px; flex-wrap: wrap; }
.att-chip { display: inline-flex; align-items: center; gap: 2px; height: 18px; padding: 0 4px; border: 1px solid var(--line); border-radius: 3px; background: #fff; color: var(--primary); font-size: 10px; cursor: pointer; white-space: nowrap; max-width: 100%; overflow: hidden; }
/* 固定列宽表的窄附件列：徽标压得更紧凑，只留图标 + 少量文件名 */
.data-table.colfixed td.att-cell .att-chip { max-width: 100%; padding: 0 3px; }
.data-table.colfixed td.att-cell .att-chip span,
.data-table.colfixed td.att-cell .att-chip { font-size: 9px; }
.att-chip:hover { border-color: var(--primary); background: #f2f7ff; }
.att-chip.att-broken { color: var(--red); border-color: #f0c0c0; cursor: default; }
.att-chip.att-broken:hover { background: #fff; border-color: #f0c0c0; }
.att-chip .att-ico { font-style: normal; font-weight: 700; font-size: 10px; }
.att-more { display: inline-flex; align-items: center; height: 20px; padding: 0 6px; border-radius: 4px; background: #eef2f7; color: var(--muted); font-size: 11px; cursor: pointer; }
.att-more:hover { background: #e2e8f0; }
.att-toggle { font-size: 10px; color: var(--primary); cursor: pointer; user-select: none; white-space: nowrap; }
/* ---------- 附件白名单列标记 ---------- */
/* 可添加附件的列：表头加 📎，列底色微黄，便于快速定位 */
.data-table th.th-attach { background: #fff8e6; color: #8a5a00; }
.data-table th.th-attach .th-att { font-size: 11px; margin-left: 3px; opacity: .85; }
.data-table td.col-attach { background: #fffdf5; }
/* 可附件列的空单元格：常驻提示，鼠标悬停才显形，避免视觉噪声 */
td.col-attach .att-add { opacity: .55; }
td.col-attach:hover .att-add { opacity: 1; }
.att-toggle:hover { text-decoration: underline; }
/* 「+ 附件」入口：平时隐去，悬停单元格才显示，避免视觉噪音与撑高表格 */
.att-add { display: inline-block; font-size: 10px; color: var(--primary); cursor: pointer; opacity: 0; transition: opacity .12s; user-select: none; white-space: nowrap; }
.att-cell:hover .att-add, td.cell:hover .att-add, .att-add:focus { opacity: 1; }
.att-add:hover { text-decoration: underline; }
/* 附件查看弹窗 */
.att-list { display: flex; flex-direction: column; gap: 14px; }
.att-item { border: 1px solid var(--line); border-radius: 8px; padding: 10px; }
.att-item .att-path { font-size: 12px; color: var(--muted); word-break: break-all; margin-bottom: 8px; }
.att-item img { max-width: 100%; max-height: 62vh; display: block; border-radius: 4px; border: 1px solid var(--line); }
.att-none { font-size: 13px; color: var(--muted); padding: 8px 0; }
.att-open { display: inline-block; font-size: 13px; color: var(--primary); text-decoration: none; }
.att-open:hover { text-decoration: underline; }
/* ---------- 插入附件弹窗 ---------- */
.ins-sec { margin-bottom: 18px; }
.ins-sec-title { font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 8px; }
.ins-sec-tip { font-weight: 400; font-size: 12px; color: var(--muted); margin-left: 8px; }
.ins-sec-title code { background: var(--head-bg); padding: 1px 4px; border-radius: 3px; font-size: 12px; }
.ins-drop { border: 2px dashed var(--line); border-radius: 8px; background: #fafbfc; cursor: pointer; transition: border-color .15s, background .15s; }
.ins-drop:hover, .ins-drop.over { border-color: var(--primary); background: #f4f8ff; }
.ins-drop-inner { padding: 18px; text-align: center; }
.ins-drop-main { font-size: 14px; color: var(--primary); }
.ins-drop-tip { font-size: 12px; color: var(--muted); margin-top: 4px; line-height: 1.6; }
.ins-sel { margin-top: 8px; }
.ins-sel-item { display: flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--line); border-radius: 5px; margin-bottom: 4px; font-size: 12px; background: #fff; }
.ins-sel-item .ins-sel-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ins-sel-item .ins-sel-size { color: var(--muted); white-space: nowrap; }
.ins-sel-item .ins-del { cursor: pointer; color: var(--muted); border: none; background: none; font-size: 15px; line-height: 1; padding: 0 2px; font-family: inherit; }
.ins-sel-item .ins-del:hover { color: var(--red); }
.ins-paste-box { border: 2px dashed var(--line); border-radius: 8px; background: #fafbfc; padding: 14px; text-align: center; cursor: text; transition: border-color .15s, background .15s; outline: none; }
.ins-paste-box:hover, .ins-paste-box:focus { border-color: var(--primary); background: #f4f8ff; }
.ins-paste-main { font-size: 13px; color: var(--primary); }
.ins-paste-tip { font-size: 12px; color: var(--muted); margin-top: 5px; line-height: 1.7; }
.ins-paste-tip b { color: var(--ink); font-weight: 500; }
kbd { display: inline-block; padding: 0 4px; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 3px; background: #fff; font-size: 11px; font-family: inherit; }
.ins-input { width: 100%; height: 34px; border: 1px solid var(--line); border-radius: 6px; padding: 0 10px; font-size: 13px; font-family: inherit; }
.ins-input:focus { outline: none; border-color: var(--primary); }
/* 文字说明输入框（可输入多行） */
.ins-textarea { width: 100%; border: 1px solid var(--line); border-radius: 6px; padding: 8px 10px; font-size: 13px; font-family: inherit; line-height: 1.6; resize: vertical; min-height: 56px; }
.ins-textarea:focus { outline: none; border-color: var(--primary); }
.ins-tip { font-size: 12px; color: var(--muted); margin-top: 5px; min-height: 17px; }
.ins-tip.err { color: var(--red); }
.ins-tip.ok { color: var(--green); }
.del-btn { color: var(--red); border: none; background: transparent; font-size: 13px; }
.del-btn:hover { text-decoration: underline; }
/* 固定列宽表（仅配置了 COL_WIDTHS 的表）：colgroup 的 width 才严格生效 */
.data-table.colfixed { table-layout: fixed; min-width: 100%; }
.data-table.colfixed th, .data-table.colfixed td { min-width: 0; max-width: none; }
/* ---------- 自适应收窄（.fitted，2026-10-15：让列多的表也尽量整屏显示）----------
由 app.js 的 fitTableToWidth() 在「列宽合计 > 容器」时给表格加 .fitted 并等比收窄各列。
此时列内空间变小，原本 nowrap 的表头/编码/日期文本会被压出格 → 这里统一放开换行。
（
两行表头不受影响，nowrap 下也照样折行。） */
.data-table.fitted thead th { white-space: normal; word-break: break-word; line-height: 1.25; }
.data-table.fitted th.col-code,
.data-table.fitted td.col-code { white-space: normal; overflow-wrap: anywhere; }
.data-table.fitted td.date-cell { white-space: normal; }
.data-table.fitted td.cell.num-cell { white-space: normal; }
/* ---------- t6（质检科理化工作台）：列多且含长文本，格内边距收紧给内容让宽 ----------
2026-10-15 用户要求「尽量整屏显示」；4 项力学指标表头已由 HEADER_LABEL 改成两行，
编号列允许按「-」折行（T6-YYYYMMDD-01 → 2 行）。 */
#data-table.tbl-t6 th, #data-table.tbl-t6 td { padding: 4px 5px; }
#data-table.tbl-t6 th.col-code,
#data-table.tbl-t6 td.col-code { white-space: normal; overflow-wrap: anywhere; }
/* 操作反馈：改为视口内浮层提示，确保任何滚动位置都看得见 */
.save-tip { position: fixed; left: 50%; top: 64px; transform: translateX(-50%) translateY(-6px); background: rgba(35,45,55,.94); color: #fff; font-size: 13px; line-height: 1.6; padding: 9px 20px; border-radius: 8px; z-index: 200; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; max-width: 76vw; text-align: center; box-shadow: 0 4px 14px rgba(0,0,0,.2); }
.save-tip.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.revcell { cursor: pointer; }
/* ---------- 统计看板 ----------
样式已合并到文件上方的「表头强制单行」一节，此处不再重复定义 */
/* ---------- 下拉单元格 ---------- */
.data-table td.select-cell { padding: 2px 4px; }
/* 可输入 + 可选择的建议列（选项来自「下拉选项」工作表） */
.data-table td.opt-cell { padding: 2px 3px; }
.opt-input { width: 100%; min-width: 0; border: none; background: transparent; font: inherit; color: inherit; padding: 4px 5px; border-radius: 4px; }
.opt-input:hover { background: #f0f5fb; }
.opt-input:focus { outline: 2px solid var(--primary); background: #fff; }
.data-table td.select-cell select { width: 100%; border: none; background: transparent; font-family: inherit; font-size: 13px; padding: 4px 6px; border-radius: 6px; cursor: pointer; }
.data-table td.select-cell select:focus { outline: 1px solid var(--primary); }
/* ---------- 严格下拉（可换行呈现 + 弹层选择） ----------
原生