/* ==================================================================
   第 101 轮（2026-10-30）新增样式 —— 单独成文件，在 index.html **最后加载**
   ------------------------------------------------------------------
   为什么不开 ec-market.css：那个文件末尾有 `@media (hover:none)` 块，
   注释明确要求「本块必须留在文件最末尾」。往里插东西=迟早把触屏兜底顶掉。
   本文件只承载第 101 轮新类 + 少量必要的视觉重做（都在 #page-market / :is(#page-rights, #mk-tab-rights) 作用域内），
   不碰尺寸变量与其它页面的既有规则。
   ================================================================== */

/* ================= ① 项目条：总闸（▶/⏸）+ 立即采集（⚡） =================
   老板：「项目总闸应该是项目上哪个播放按钮，不应该在打开的页面里面还有个项目总闸的选项」 */
#page-market .mkx-ibtn-gate { color: #98a2b3; }
#page-market .mkx-ibtn-gate.is-on { color: #12a150; }
#page-market .mkx-ibtn-gate.is-on:hover { background: #e8f8ef; color: #0e8a43; }
#page-market .mkx-ibtn-gate:not(.is-on):hover { background: #fff4e5; color: #b54708; }

/* ================= ② 分组头的「控价」入口 =================
   老板：「项目的控价……是在分组里面设置……基于每个分组独立设置」 */
#page-market .mkx-ibtn-gctl { color: #667085; position: relative; }
#page-market .mkx-ibtn-gctl.is-on { color: #6d28d9; }
#page-market .mkx-ibtn-gctl.is-on:hover { background: #f4f0ff; color: #5b21b6; }
#page-market .mkx-ibtn-gctl:not(.is-on):hover { background: #f4f0ff; color: #7c3aed; }
#page-market .mkx-ibtn-n {
  font-style: normal; font-size: 9.5px; font-weight: 700; line-height: 1;
  margin-left: 2px; vertical-align: top;
  background: #ede9fe; color: #6d28d9; border-radius: 9999px;
  padding: 1px 4px;
}

/* 页头「+ 项目」按钮：与「+ 分组」并排，项目是主操作 ⇒ 稍重一点 */
#page-market .mkx-pl-add.is-primary {
  border-color: #c7d2fe; background: #eef2ff; color: #3538cd;
}
#page-market .mkx-pl-add.is-primary:hover {
  border-color: var(--accent); background: #e0e7ff; color: #2a2fb8;
}

/* ================= ③ 弹窗内的提示条（控价说明 / 自动识别回显） ================= */
.mkx-mask .mkx-ctl-note {
  display: flex; align-items: flex-start; gap: 7px;
  background: #f6f7f9; border: 1px solid #eceef2; border-radius: 9px;
  padding: 9px 11px; margin-bottom: 12px;
  font-size: 12px; line-height: 1.6; color: #475467;
}
.mkx-mask .mkx-ctl-note > i { color: #7c3aed; margin-top: 2px; flex: none; }
/* ★ 文本必须显式 flex:1 —— 否则在 flex 容器里会被压成窄条（实测截图：文字挤成两行竖排） */
.mkx-mask .mkx-ctl-note-t { flex: 1 1 auto; min-width: 0; }
.mkx-mask .mkx-ctl-note b { color: #101828; font-weight: 600; }
.mkx-mask .mkx-ctl-note code {
  background: #fff; border: 1px solid #e4e7ec; border-radius: 4px;
  padding: 0 4px; font-size: 11px; color: #b54708;
}
.mkx-mask .mkx-ctl-note.is-lite { background: #fbfbfd; margin-bottom: 10px; }

/* 分档编辑器的列头：与 .mkx-trow 的 grid 逐列对齐
   （容量 .92fr / 瓶数 .58fr / 指导价 .8fr / 告警价 .8fr / 删除 26px） */
.mkx-mask .mkx-ctl-head {
  display: grid; grid-template-columns: .92fr .58fr .8fr .8fr 26px;
  gap: 5px; align-items: center;
  padding: 0 0 5px; margin-bottom: 5px; border-bottom: 1px solid #eef0f4;
  font-size: 11px; color: #98a2b3; font-weight: 500;
}
/* 列头文字与输入框内文字左对齐（输入框有 7px 内边距，列头没有 ⇒ 不补会整体偏左 7px） */
.mkx-mask .mkx-ctl-head > span { padding: 0 7px; }
.mkx-mask .mkx-ctl-head > span:nth-child(2),
.mkx-mask .mkx-ctl-head > span:nth-child(3),
.mkx-mask .mkx-ctl-head > span:nth-child(4) { text-align: right; }

/* ================= ④ 商品列「容量 / 瓶数」标签：可点开手动校准 =================
   老板：「除了自动识别，每个SKU应该是被允许手动校准容量和瓶数的！」 */
#page-market .mkx-spec-tags[data-mkx-spec] {
  cursor: pointer; border-radius: 5px; padding: 1px 2px; margin-left: -2px;
  transition: background .13s;
}
#page-market .mkx-spec-tags[data-mkx-spec]:hover { background: #f1f3f7; }
#page-market .mkx-spec-tags[data-mkx-spec]:hover .mkx-spec-tag { border-style: solid; }
#page-market .mkx-spec-tags[data-mkx-spec]::after {
  content: "\f044"; /* fa-pen */
  font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900;
  font-size: 9px; color: #98a2b3; line-height: 16px; opacity: 0;
  transition: opacity .13s;
}
#page-market .mkx-spec-tags[data-mkx-spec]:hover::after { opacity: 1; }
#page-market .mkx-spec-tag.is-man {
  color: #6d28d9; background: #f4f0ff; border: 1px solid #ddd6fe; font-weight: 700;
}
#page-market .mkx-spec-tag.is-empty {
  color: #98a2b3; background: #fff; border: 1px dashed #d0d5dd;
}
#page-market .mkx-spec-tags.is-manual .mkx-spec-tag.is-ml,
#page-market .mkx-spec-tags.is-manual .mkx-spec-tag.is-pk { border-style: solid; }

/* ================= ⑤ 左栏分组列 —— 视觉重做（老板：「不够美观」） =================
   目标：层次清楚（分组 > 项目）、去掉多余的框线、操作按钮按需出现（控价键常显）。 */
#page-market .mkx-pl-grp { margin-top: 12px; }
#page-market .mkx-pl-grp:first-of-type { margin-top: 4px; }

/* 分组头 = 一条浅底卡片，左侧一根圆角色条（有 g.color 时用自定义色） */
#page-market .mkx-pl-grp-h {
  position: relative;
  height: 34px; padding: 0 8px 0 12px; border-radius: 9px;
  background: #f7f8fa; color: #344054;
  font-size: 12.5px; font-weight: 600;
}
#page-market .mkx-pl-grp-h:hover { background: #f1f3f7; }
#page-market .mkx-pl-grp-h::before {
  content: ""; position: absolute; left: 5px; top: 50%;
  width: 3px; height: 14px; margin-top: -7px; border-radius: 9999px;
  background: var(--g-c, #cbd5e1);
}
#page-market .mkx-pl-grp.is-focus > .mkx-pl-grp-h { background: #fffaf1; color: #b45309; }
#page-market .mkx-pl-grp.is-focus > .mkx-pl-grp-h::before { background: #f59e0b; }
/* 分组的文件夹图标：既然有了色条，图标降为辅助（第 87 轮的统一图标保留） */
#page-market .mkx-pl-grp-h > i.mkx-pl-gi { display: none; }
#page-market .mkx-pl-grp-h > i.mkx-pl-chev { color: #98a2b3; }
#page-market .mkx-pl-grp-h > .mkx-pl-gn { font-weight: 600; letter-spacing: .1px; }
#page-market .mkx-pl-grp-h > em {
  background: #fff; border: 1px solid #e8eaee; color: #667085;
  font-size: 10.5px; line-height: 16px; padding: 0 6px; margin-left: auto;
}
#page-market .mkx-pl-grp.is-focus > .mkx-pl-grp-h > em { background: #fff; border-color: #fde3b3; color: #b45309; }

/* 分组头操作键：控价（盾牌）常显；改名 / 删组悬停才出现 */
#page-market .mkx-pl-gops { margin-left: 6px; opacity: 1; }
#page-market .mkx-pl-gops .mkx-ibtn { opacity: 0; width: 0; padding: 2px 0; overflow: hidden; transition: opacity .13s; }
#page-market .mkx-pl-gops .mkx-ibtn-gctl { opacity: 1; width: auto; padding: 2px 5px; }
#page-market .mkx-pl-grp-h:hover .mkx-pl-gops .mkx-ibtn { opacity: 1; width: auto; padding: 2px 5px; }

/* 分组体：不再用 1px 左线（那根线是「不够美观」的主要来源），改纯缩进
   ★★★ 第 101 轮踩坑：这里**只能写 display:none**。
     原来写的是 `display:flex`（想着「反正常开」），可 ec-r101.css 排在 ec-market.css 之后
     ⇒ 无条件 flex 把 `.mkx-pl-grp-b{display:none}` 与 `.is-open > .mkx-pl-grp-b{display:flex}`
     这组开关整个压掉了 ⇒ **分组点一下就再也收不起来**（探针 C3 实测 `{open:false, d:"flex"}`）。
     显隐一律交给下面的 .is-open 规则，本文件不要碰 display。 */
#page-market .mkx-pl-grp-b {
  border-left: 0; margin-left: 0; padding: 4px 0 2px 12px;
  display: none; flex-direction: column; gap: 1px;
}
#page-market .mkx-pl-grp.is-open > .mkx-pl-grp-b { display: flex; }

/* 项目条：行高收紧、透明底、选中靠左侧 accent 竖条 + 浅底表达 */
#page-market .mkx-pl-i {
  padding: 6px 8px 6px 9px; border: 0; border-radius: 8px;
  position: relative; background: transparent;
}
#page-market .mkx-pl-i::before {
  content: ""; position: absolute; left: 2px; top: 50%;
  width: 2px; height: 0; margin-top: 0; border-radius: 9999px;
  background: var(--accent); transition: height .16s, margin-top .16s;
}
#page-market .mkx-pl-i:hover { background: #f4f5f7; }
#page-market .mkx-pl-i.is-on { background: #eef2ff; }
#page-market .mkx-pl-i.is-on::before { height: 18px; margin-top: -9px; }
#page-market .mkx-pl-i .mkx-dot { width: 6px; height: 6px; margin-top: 6px; box-shadow: none; }
#page-market .mkx-pl-t { font-size: 12.5px; font-weight: 600; color: #1d2939; }
#page-market .mkx-pl-i.is-on .mkx-pl-t { color: #2a2fb8; }
#page-market .mkx-pl-m { font-size: 10.5px; color: #98a2b3; margin-top: 2px; }
#page-market .mkx-pl-m .mkx-pl-a { color: #d92d20; font-weight: 600; }
#page-market .mkx-pl-brand {
  font-size: 10px; color: #98a2b3; background: #f2f4f7;
  border-radius: 4px; padding: 0 4px; margin-left: 4px;
}
/* 项目条操作键：悬停 / 选中才出现（触屏由 ec-market.css 的 hover:none 兜底） */
#page-market .mkx-pl-i .mkx-pl-ops { opacity: 0; transition: opacity .13s; }
#page-market .mkx-pl-i:hover .mkx-pl-ops,
#page-market .mkx-pl-i.is-on .mkx-pl-ops { opacity: 1; }

/* ★★★ 第 101 轮（老板第 1 条）：「项目总闸应该是项目上哪个播放按钮」
   —— 原来 `.mkx-pl-ops` 是 `display:none` 且 `opacity:0`（ec-market.css 第 728 行 + 本文件上一段），
      **不悬停就完全看不到那个 ▶/⏸**，等于「总闸入口不存在」，老板会认为没做。
   ⇒ 拆开处理：**总闸按钮（.mkx-ibtn-gate）常显**，其余操作键仍靠悬停/选中出现（保留原来的清爽）。
   ★ 分组型项目（isG）根本不渲染 gate ⇒ `.mkx-pl-ops` 里全是 `display:none` ⇒ 容器宽 0，不占版面。 */
#page-market .mkx-pl-i .mkx-pl-ops { display: flex; opacity: 1; }
#page-market .mkx-pl-i .mkx-pl-ops .mkx-ibtn:not(.mkx-ibtn-gate) { display: none; }
#page-market .mkx-pl-i:hover .mkx-pl-ops .mkx-ibtn,
#page-market .mkx-pl-i.is-on .mkx-pl-ops .mkx-ibtn,
#page-market .mkx-pl-i:focus-within .mkx-pl-ops .mkx-ibtn { display: inline-flex; }

/* ==================================================================
   ⑥ 维权控价页（独立 tab）
   ================================================================== */
/* KPI 条：结构与「全网监控」一致（一条整框 + 竖分隔线）
   ★ 必须在这里复制一份：ec-market.css 里的 .mkx-kpi* 全部挂在 `#page-market` 作用域下，
     维权页天生吃不到 —— 不补的话 KPI 就是四行裸文字（实测截图确认过）。 */
:is(#page-rights, #mk-tab-rights) .mkx-kpis {
  display: flex; gap: 0; margin: 0 0 12px;
  background: var(--panel-bg, #fff); border: 1px solid var(--mk-line, #eef0f4);
  border-radius: 12px; overflow: hidden;
}
:is(#page-rights, #mk-tab-rights) .rt-kpis { grid-template-columns: none; }
:is(#page-rights, #mk-tab-rights) .mkx-kpi {
  flex: 1 1 0; min-width: 0; display: block; position: relative;
  background: none; border: 0; border-radius: 0; box-shadow: none; padding: 12px 16px;
}
:is(#page-rights, #mk-tab-rights) .mkx-kpi + .mkx-kpi::before {
  content: ""; position: absolute; left: 0; top: 14px; bottom: 14px;
  width: 1px; background: var(--mk-line-2, #eef0f4);
}
:is(#page-rights, #mk-tab-rights) .mkx-kpi-t {
  display: block; font-size: 11.5px; color: #98a2b3; line-height: 1.2; font-weight: 400;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
:is(#page-rights, #mk-tab-rights) .mkx-kpi-v {
  display: block; font-size: 19px; font-weight: 600; color: #101828;
  line-height: 1.25; margin-top: 3px; letter-spacing: -.2px; font-variant-numeric: tabular-nums;
}
:is(#page-rights, #mk-tab-rights) .mkx-kpi-v.is-sm { font-size: 12.5px; font-weight: 600; color: #475467; }

:is(#page-rights, #mk-tab-rights) .mkx-tools {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 9px 12px; margin: 12px 0;
  border: 1px solid #eef0f4; border-radius: 12px; background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 22px -16px rgba(16, 24, 40, .18);
}
:is(#page-rights, #mk-tab-rights) .rt-search {
  display: flex; align-items: center; gap: 6px;
  border: 1px solid #e4e7ec; border-radius: 8px; background: #fff;
  padding: 0 9px; height: 30px; min-width: 240px;
}
:is(#page-rights, #mk-tab-rights) .rt-search > i { font-size: 11px; color: #98a2b3; }
:is(#page-rights, #mk-tab-rights) .rt-search > input {
  border: 0; outline: 0; background: transparent; font-size: 12px;
  width: 100%; color: #101828;
}
:is(#page-rights, #mk-tab-rights) .rt-chips { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
:is(#page-rights, #mk-tab-rights) .rt-chip {
  display: inline-flex; align-items: center; gap: 5px;
  height: 26px; padding: 0 9px; border-radius: 9999px;
  border: 1px solid #e4e7ec; background: #fff; color: #475467;
  font-size: 11.5px; cursor: pointer; transition: all .13s;
}
:is(#page-rights, #mk-tab-rights) .rt-chip:hover { border-color: #c7d2fe; color: #3538cd; background: #f8f9ff; }
:is(#page-rights, #mk-tab-rights) .rt-chip.is-on { border-color: #c7d2fe; background: #eef2ff; color: #2a2fb8; font-weight: 600; }
:is(#page-rights, #mk-tab-rights) .rt-chip > em {
  font-style: normal; font-size: 10.5px; color: #98a2b3; font-variant-numeric: tabular-nums;
}
:is(#page-rights, #mk-tab-rights) .rt-chip.is-on > em { color: #4257d6; }

:is(#page-rights, #mk-tab-rights) .rt-wrap {
  border: 1px solid #eef0f4; border-radius: 14px; background: #fff; overflow: auto;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 12px 26px -18px rgba(16, 24, 40, .2);
}
:is(#page-rights, #mk-tab-rights) .rt-tb { width: 100%; min-width: 960px; border-collapse: collapse; font-size: 12px; }
/* 空态时 tbody 只有一行 colspan ⇒ 表格会被压缩到左半边（实测截图）⇒ 给个最小宽度撑开 */
:is(#page-rights, #mk-tab-rights) .rt-tb td .mkx-pl-empty { padding: 22px 4px; text-align: center; color: #98a2b3; }
:is(#page-rights, #mk-tab-rights) .rt-tb thead th {
  position: sticky; top: 0; z-index: 1;
  background: #fafbfc; color: #667085; font-weight: 500; font-size: 11px;
  text-align: left; padding: 9px 10px; border-bottom: 1px solid #eef0f4; white-space: nowrap;
}
:is(#page-rights, #mk-tab-rights) .rt-tb tbody td {
  padding: 9px 10px; border-bottom: 1px solid #f4f5f7; vertical-align: middle;
}
:is(#page-rights, #mk-tab-rights) .rt-tb tbody tr:hover { background: #fafbfc; }
:is(#page-rights, #mk-tab-rights) .rt-tb tbody tr:last-child td { border-bottom: 0; }

:is(#page-rights, #mk-tab-rights) .rt-goods { display: flex; flex-direction: column; gap: 2px; min-width: 220px; }
:is(#page-rights, #mk-tab-rights) .rt-goods > a,
:is(#page-rights, #mk-tab-rights) .rt-goods > span { color: #1d2939; text-decoration: none; font-weight: 500; }
:is(#page-rights, #mk-tab-rights) .rt-goods > a:hover { color: var(--accent); text-decoration: underline; }
:is(#page-rights, #mk-tab-rights) .rt-goods > em {
  font-style: normal; font-size: 10.5px; color: #98a2b3; font-variant-numeric: tabular-nums;
}
:is(#page-rights, #mk-tab-rights) .rt-c-shop { color: #475467; max-width: 150px; }
:is(#page-rights, #mk-tab-rights) .rt-c-goods { min-width: 260px; }
:is(#page-rights, #mk-tab-rights) .rt-c-st { min-width: 110px; }
:is(#page-rights, #mk-tab-rights) .rt-c-m { width: 64px; white-space: nowrap; }
:is(#page-rights, #mk-tab-rights) .rt-c-n { text-align: right; }
:is(#page-rights, #mk-tab-rights) .rt-n {
  display: inline-block; min-width: 24px; text-align: center;
  font-variant-numeric: tabular-nums; color: #b42318;
  background: #fef3f2; border: 1px solid #fee4e2; border-radius: 9999px;
  padding: 1px 7px; font-size: 11.5px; font-weight: 700;
}
:is(#page-rights, #mk-tab-rights) .rt-st {
  display: inline-block; max-width: 130px; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; vertical-align: bottom;
  font-size: 11px; color: #3538cd; background: #eef2ff;
  border: 1px solid #d6dcfb; border-radius: 6px; padding: 1px 6px;
}
:is(#page-rights, #mk-tab-rights) .rt-st.is-none { color: #98a2b3; background: #fff; border: 1px dashed #d0d5dd; }
:is(#page-rights, #mk-tab-rights) .rt-c-t { color: #667085; font-variant-numeric: tabular-nums; white-space: nowrap; }
:is(#page-rights, #mk-tab-rights) .rt-ok { font-size: 11px; color: #067647; }
:is(#page-rights, #mk-tab-rights) .rt-bad { font-size: 11px; color: #b54708; }
:is(#page-rights, #mk-tab-rights) .rt-c-op { white-space: nowrap; text-align: right; }
/* 行内小图标按钮：`.mkx-ibtn` 的基础样式挂在 `#page-market` 下，维权页同样吃不到 ⇒ 补一份 */
:is(#page-rights, #mk-tab-rights) .mkx-ibtn {
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; background: transparent; border-radius: 6px; cursor: pointer;
  color: #667085; padding: 3px 6px; font-size: 11px; line-height: 1;
  transition: background .13s, color .13s;
}
:is(#page-rights, #mk-tab-rights) .mkx-ibtn:hover { background: #eef1f5; color: #101828; }
:is(#page-rights, #mk-tab-rights) .mkx-ibtn.is-danger:hover { background: #fee4e2; color: #b42318; }
:is(#page-rights, #mk-tab-rights) .mkx-ibtn:disabled { opacity: .45; cursor: default; }
:is(#page-rights, #mk-tab-rights) .mkx-pl-empty { font-size: 11.5px; color: #98a2b3; padding: 10px 4px; }
:is(#page-rights, #mk-tab-rights) .rt-c-op .mkx-ibtn { padding: 3px 6px; font-size: 11px; }

:is(#page-rights, #mk-tab-rights) .mkx-pager {
  display: flex; align-items: center; justify-content: flex-end; gap: 10px;
  margin-top: 10px; font-size: 11.5px; color: #667085;
}

/* 维权明细弹窗 */
.mkx-mask .rt-dt-goods { margin-bottom: 12px; }
.mkx-mask .rt-dt-goods > b { display: block; font-size: 13px; color: #101828; line-height: 1.5; }
.mkx-mask .rt-dt-m { font-size: 11.5px; color: #667085; margin-top: 4px; display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.mkx-mask .rt-dt-m > b { color: #3538cd; }
.mkx-mask .rt-dt-link {
  display: inline-block; margin-top: 7px; font-size: 11.5px;
  color: var(--accent); text-decoration: none;
}
.mkx-mask .rt-dt-link:hover { text-decoration: underline; }
.mkx-mask .rt-dt-tb { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.mkx-mask .rt-dt-tb thead th {
  text-align: left; padding: 7px 8px; background: #fafbfc; color: #667085;
  font-weight: 500; border-bottom: 1px solid #eef0f4; white-space: nowrap;
}
.mkx-mask .rt-dt-tb tbody td {
  padding: 7px 8px; border-bottom: 1px solid #f4f5f7; color: #475467;
}
.mkx-mask .rt-dt-tb tbody tr:last-child td { border-bottom: 0; }

/* ================= ⑦ 商品表：维权次数 / 控价进度 两列（第 101 轮新增列） =================
   ★ 探针 B2 实测：这两个类在全部 CSS 里**一条定义都没有** ⇒ 单元格是浏览器默认字号，
     跟旁边列完全不对齐（第 101 轮初版漏项，第 102 轮补 tab/工具条时也没覆盖到）。
   ★ 分工：`.mkx-c-rt` 里的「+ 加入维权」按钮与 `.is-zero` 灰字由后加载的 `ec-r102.css` 负责；
     本文件只管**本体**（数字徽标 + 进度文字），选择器不重叠，谁后加载都不打架。 */
#page-market table.mkx-tb td.mkx-c-rt .mkx-rt-n {
  display: inline-block; min-width: 20px; text-align: center;
  font-size: 11.5px; font-weight: 700; line-height: 1.5;
  font-variant-numeric: tabular-nums;
  padding: 0 6px; border-radius: 9999px;
  background: #fef3f2; color: #b42318;
}
#page-market table.mkx-tb td.mkx-c-rs { max-width: 132px; }
#page-market table.mkx-tb td.mkx-c-rs .mkx-rs-t {
  display: inline-block; max-width: 124px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  vertical-align: bottom;
  font-size: 11px; line-height: 1.5;
  color: #3538cd; background: #eef2ff;
  border: 1px solid #d6dcfb; border-radius: 6px;
  padding: 0 6px;
}
/* 控价进度是「表格里的原文」⇒ **不预设枚举、不上状态色**（老板原话：用表里那条的文字）。
   唯一例外：整格为空时 JS 走 `.mkx-dimv`（已有灰字样式），这里不用管。 */

/* ---- 维权表列宽分配 ----
   ★ 空表时列宽只由 thead 文字撑开 ⇒ 实测截图：左边「商品」一大块空白，
     其余 7 列全挤在右半边（表格 min-width 960px 但没人愿意变宽）。
     ⇒ 显式给列宽，空态和有数据态都铺开。 */
:is(#page-rights, #mk-tab-rights) .rt-tb .rt-c-goods { width: 34%; }
:is(#page-rights, #mk-tab-rights) .rt-tb .rt-c-shop { width: 13%; }
:is(#page-rights, #mk-tab-rights) .rt-tb .rt-c-n { width: 8%; }
:is(#page-rights, #mk-tab-rights) .rt-tb .rt-c-st { width: 13%; }
:is(#page-rights, #mk-tab-rights) .rt-tb .rt-c-t { width: 11%; }   /* 最近维权 / 最近导入 各 11% */
:is(#page-rights, #mk-tab-rights) .rt-tb .rt-c-m { width: 6%; }
:is(#page-rights, #mk-tab-rights) .rt-tb .rt-c-op { width: 76px; }

/* 窄屏兜底 */
@media (max-width: 1180px) {
  :is(#page-rights, #mk-tab-rights) .mkx-kpis { flex-wrap: wrap; }
  :is(#page-rights, #mk-tab-rights) .mkx-kpi { flex: 1 1 48%; }
  :is(#page-rights, #mk-tab-rights) .mkx-kpi + .mkx-kpi::before { display: none; }
  :is(#page-rights, #mk-tab-rights) .mkx-kpi { border-top: 1px solid #f2f4f7; }
}