的 1em 上下边距 会把标题条和正文顶开一大截，
同理。 */
.card>p{margin:0 0 var(--sp-3);font-size:13px;line-height:1.7;color:var(--ink-2)}
.card>p:last-child{margin-bottom:0}
.card>pre.code{margin:0}
.card>details{margin-top:var(--sp-3);font-size:12px}
.card>details>summary{cursor:pointer;color:var(--act);padding:var(--sp-1) 0}
.card>details>summary:hover{color:var(--act-hover)}
.card>details>pre.code{margin:var(--sp-2) 0 0}
/* ── 卡片内表格满幅 ─────────────────────────────────────────────
表格贴着卡片左右边缘（标题条 → 表头行 → 数据行三段无缝）；
.table-wrap 自带边框和圆角，套在 .card 里会变成「框中框 + 两侧留白」。 */
.card>.table-wrap{
margin-left:calc(-1 * var(--admin-card-pad));
margin-right:calc(-1 * var(--admin-card-pad));
border:0;border-radius:0;background:transparent;
border-top:1px solid var(--rule-2);
}
/* 紧跟标题条时：标题条已有下边线，这里去掉重复的一道并吃掉标题条的下边距 */
.card>h3:first-child+.table-wrap,
.card>.section-head:first-child+.table-wrap{margin-top:calc(-1 * var(--sp-3));border-top:0}
.card>.table-wrap:last-child{margin-bottom:calc(-1 * var(--admin-card-pad))}
/* 「加载更多」按钮隐藏时表格就是卡片最后一段，此时同样贴底；按钮显示后自动恢复内边距 */
.card>.table-wrap:has(+.hidden:last-child){margin-bottom:calc(-1 * var(--admin-card-pad))}
/* ── 表单区 ─────────────────────────────────────────────────────
控件尺寸/描边/焦点环全部走 shared.css；这里只把栅格间距拉回 4px 刻度
（规格的间距只有 4/8/12/16/24/32 六档，没有 10px）。 */
.form-grid{gap:var(--sp-3)}
.card.stack{gap:var(--sp-3)}
/* .error 的 min-height:18px 是 shared.css 刻意留的占位（消息出现时不跳版），不要收掉 */
/* ── 常驻说明徽章降噪 ───────────────────────────────────────────
index.html 里写死在区块标题上的徽章（「高风险双门控」「Incident command」
「A/B · 自动晋升 · 可回滚」…）是永不变化的说明文字，不是状态。让它们常年占着
red/amber/green，等于把语义色的可信度花在零信息量的地方——正是「报警疲劳」的来源。
新增 .badge-static 语义 class（只加不改，不动既有 class/id/data-tab）把它们统一退成
安静标签，颜色留给真正会变的东西。.dot 用 currentColor，会跟着一起降下来。 */
.badge.badge-static{background:none;border-color:transparent;color:var(--ink-3);padding:0 2px;font-weight:400}
/* ── 客服账号表：在线状态不铺色块 ───────────────────────────────
一张 20 行的表里 18 行「online」= 一整面绿墙，正是「正常态不发光」要消灭的东西。
规格的容器级降噪落在这里：去掉**填充和描边**（面积），保留文字色——
online/away/offline 的区分是真实状态信息，且徽章里已经写着状态词，
不是「纯标签位」，不做到无色那一档。 */
#agentTable .badge{background:none;border-color:transparent;padding:0 2px}
/* ── 机器提出、等人签字：自动化审批队列 + 学习审批 ──────────────
规格 §4.4 的线型语法在管理端的唯一落点。
虚线 + 第二种纸（--stock-draft）+ 斜纹 = 机器产出物，尚未有人为它负责；
实线 = 已经有人签了字（批准 green / 拒绝 red 都算签字）。
#learningList 的条目全是待审候选，因此恒为虚线——一旦被裁决就会从列表里消失。
:has() 不是新依赖（shared.css 的 .kpi 数字上色已在用）；不支持时降级为
「永远停在虚线」，方向保守、安全。 */
#approvalList>.card:not(.empty),
#learningList>.card:not(.empty){
background-color:var(--stock-draft);
background-image:var(--stock-hatch);
border:1px dashed var(--ink-3);
border-radius:0;
}
#approvalList>.card:has(.badge.green){
background-color:var(--surface);background-image:none;
border-style:solid;border-color:var(--ink);
}
#approvalList>.card:has(.badge.red){
background-color:var(--surface);background-image:none;
border-style:solid;border-color:var(--danger-line);
}
/* 机器卡内部的分区线同样是虚线；标题条不铺次级面，让斜纹连续穿过整张卡 */
#approvalList>.card>.section-head:first-child{background:transparent;border-bottom:1px dashed var(--ink-3)}
#approvalList>.card:has(.badge.green)>.section-head:first-child,
#approvalList>.card:has(.badge.red)>.section-head:first-child{border-bottom:1px solid var(--rule-2)}
/* 机器返回值块（request_json）落在第二种纸上会糊成一片，换回记录面；描边保持虚线 */
#approvalList>.card .code,
#learningList>.card .code{background:var(--surface)}
/* 人的动作区：上缘虚线收口，与 AI 草稿卡同形——一伸手，人的墨色就出现 */
#approvalList>.card .row-actions,
#learningList>.card .row-actions{border-top:1px dashed var(--ink-3);padding-top:10px}
/* ── 审计日志表 ─────────────────────────────────────────────────
这张表整行都是需要逐字比对的机器 token（时间戳、动作枚举、target id、
actor uuid、ip_hash、detail_json），按规格全部走 mono。
11px 在这里是允许的：这几列没有中文，中文只出现在 里（12px，由 shared.css 给）。 */
#audit .section-head{justify-content:flex-start;gap:var(--sp-2)}
#audit .section-head h2{margin-right:auto}
#auditFilter{max-width:280px}
#auditBody td:first-child,
#auditBody td:nth-child(3),
#auditBody td:nth-child(4){font:11px/1.5 var(--font-mono);letter-spacing:.04em;color:var(--ink-3)}
#auditBody td:first-child{white-space:nowrap}
/* 动作枚举是这一行里唯一需要先被读到的东西：升到 12px 满墨，仍是 mono */
#auditBody td b{font:500 12px/1.45 var(--font-mono);letter-spacing:.04em;color:var(--ink)}
#auditBody small{display:block;margin-top:2px;font:11px/1.45 var(--font-mono);letter-spacing:.04em;color:var(--ink-3)}
#auditBody code{font:11px/1.5 var(--font-mono);letter-spacing:.04em;color:var(--ink-3);word-break:break-all}
#auditBody td:last-child{max-width:360px}
/* ── 运营总览 · 渠道分布 ────────────────────────────────────────
规格不引图表库，图表位是占位。app.js 只输出「渠道数量」的
.callout 列表且不能改，因此降级为指标行（等同 .metric-line 的形态），
不再顶着一堆色块。数值是机器给的可比对数字 → mono + tabular-nums。 */
#channelChart{gap:0}
#channelChart .callout{
display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
padding:6px 2px;border:0;border-bottom:1px solid var(--rule-3);border-radius:0;
background:transparent;color:var(--ink);font-size:13px;line-height:1.5;
}
#channelChart .callout:last-child{border-bottom:0}
#channelChart .callout b{font-weight:500;color:var(--ink-2)}
/* JS 在这个 span 上写了内联 float:right；父级是 flex 容器，flex item 的 float 被忽略，
所以这里不需要（也无法用非 !important 规则）去覆盖它 */
#channelChart .callout span{font-family:var(--font-mono);letter-spacing:.04em;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
#channelChart .empty{padding:22px 12px}
/* ── KPI 网格：按各页真实卡片数给列数 ───────────────────────────
仪表带形态（1px gap 当分隔线、去卡片边框、数字 26px mono、语义色只给数字）
已由 shared.css 的 .kpis:has(> .kpi) 给全，这里只补列数：
shared.css 的 9 列是运营总览的口径，其余四处分别是 4/6/6/2 张。
⚠ #channelCards 也是 .grid.kpis，但子元素是 .card 不带 .kpi，
不会被仪表带规则卷进去（这正是 shared.css 必须写 :has(> .kpi) 的原因）。 */
#workforceKpis{grid-template-columns:repeat(4,minmax(0,1fr))}
#serviceKpis,#runtimeKpis{grid-template-columns:repeat(6,minmax(0,1fr))}
#channelCards{grid-template-columns:repeat(2,minmax(0,1fr))}
#runtimeMetricsNote{font-size:12px;color:var(--ink-2)}
/* ── 客户中心工具条 ─────────────────────────────────────────────
列表工具条是卡片顶部的浅底带，与表头同一档面色；控件高度全部由 shared.css 给 28px。 */
.customer-toolbar{background:var(--surface-2)}
/* ── 模块占位 / 空态 ────────────────────────────────────────────
⚠ 这里**刻意不用虚线 + 斜纹**：那套语法在本规格里被指派给「机器产出、尚未签字」，
拿去表示「没有数据」会把安全语义稀释成装饰，等于给整个产品的人机边界开一个后门。
空态就用最安静的一档：次级面 + 分区线 + 三级墨。
⚠ 字体必须是 sans：这里的文案全是中文（「尚未生成日报」「从客户目录选择一个客户…」），
中文落进 mono 栈会回退成全角等宽，行长与灰度全毁。
只用于「整个模块为空」这一档；列表内部的小空态保持 shared.css 的安静样式不动。 */
.card.empty,
#customerDetail>.empty:only-child{
display:grid;place-items:center;min-height:150px;padding:var(--sp-5);text-align:center;
border:1px solid var(--rule-2);border-radius:0;box-shadow:none;
background-color:var(--surface-2);background-image:none;
font:12px/1.6 var(--font-sans);color:var(--ink-3);
}
/* ── 响应式：与 shared.css 的断点同节奏 ─────────────────────────
上面按 id 写死的列数特异性高于 .kpis，不在这里跟着降列就会在窄屏卡死。 */
@media(max-width:1180px){
#serviceKpis,#runtimeKpis{grid-template-columns:repeat(3,minmax(0,1fr))}
#workforceKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
#serviceKpis,#runtimeKpis,#workforceKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
#channelCards{grid-template-columns:1fr}
#audit .section-head{flex-wrap:wrap}
#auditFilter{max-width:none}
}
@media(max-width:620px){
#serviceKpis,#runtimeKpis,#workforceKpis{grid-template-columns:1fr 1fr}
.topbar{padding-bottom:var(--sp-2);margin-bottom:var(--sp-3)}
}