/* ==================================================================
   第 102 轮（2026-10-30）
   ------------------------------------------------------------------
   老板这一轮的 7 条里，跟视觉有关的是：
     1 维权空间 = 全网监控页里的**横向 TAB**（不再是侧栏独立页）
     2 SKU 行的「加入维权控价」按钮
     3 维权清单的工具条（导出 / 模板 / 导入）
     5+7 分组 = 分组（不是采集），弹窗要有明显的边界说明
   与 ec-r101.css 同样的规矩：新类全部落在 #page-market 作用域内，
   不碰 ec-market.css 末尾那块 @media (hover:none) 兜底。
   ================================================================== */

/* ---------------- ① 横向标签（全网监控 / 维权空间） ---------------- */
#page-market .mkx-tabs {
  display: flex; align-items: center; gap: 4px;
  margin: 0 0 14px; padding: 0 2px;
  border-bottom: 1px solid #eef0f4;
}
#page-market .mkx-tab {
  position: relative; display: inline-flex; align-items: center; gap: 7px;
  border: 0; background: transparent; cursor: pointer;
  padding: 9px 14px 11px; margin-bottom: -1px;
  font-size: 13.5px; font-weight: 600; color: #667085;
  border-bottom: 2px solid transparent;
  transition: color .16s, border-color .16s;
}
#page-market .mkx-tab > i { font-size: 12.5px; opacity: .85; }
#page-market .mkx-tab:hover { color: #3538cd; }
#page-market .mkx-tab.is-on { color: #1d2939; border-bottom-color: var(--accent, #4f46e5); }
#page-market .mkx-tab.is-on > i { color: var(--accent, #4f46e5); opacity: 1; }
/* 标签上的小数字（维权商品数）：没有数字时不占位 */
#page-market .mkx-tab-n {
  font-style: normal; font-size: 10.5px; font-weight: 700; line-height: 1;
  color: #6d28d9; background: #f4f0ff; border-radius: 9999px;
  padding: 2px 5px; display: none;
}
#page-market .mkx-tab-n.is-on { display: inline-block; }
#page-market .mkx-tab-n:empty { display: none; }

/* 两个 pane 常驻 DOM，只切 hidden —— 这里显式兜一下，不依赖全局 .hidden 是否存在 */
#page-market .mkx-tabpane.hidden { display: none !important; }

/* ---------------- ② 维权工具条（tab 内的标题行） ---------------- */
#page-market .mkx-rtbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  background: var(--panel-bg, #fff); border: 1px solid #eef0f4;
  border-radius: 12px; padding: 9px 12px; margin: 0 0 12px;
}
#page-market .mkx-rtbar-l { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
#page-market .mkx-rtbar-l > b { font-size: 13.5px; color: #1d2939; }
#page-market .mkx-rtbar-l > .hint { font-size: 12px; color: #667085; }
#page-market .mkx-rtbar-r { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }

/* ---------------- ③ SKU 行的「+ 加入维权」 ---------------- */
#page-market .mkx-c-rt .mkx-rtadd {
  color: #7c3aed; border: 1px dashed #d9d0f8; background: #faf8ff;
  width: 22px; height: 22px; border-radius: 7px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 10.5px; cursor: pointer; padding: 0;
}
#page-market .mkx-c-rt .mkx-rtadd:hover { background: #f2ecff; border-color: #b9a6f2; color: #5b21b6; }
#page-market .mkx-c-rt .mkx-rtadd:disabled { opacity: .5; cursor: default; }
#page-market .mkx-rt-n.is-zero { color: #98a2b3; }

/* ---------------- ④ 分组弹窗：一句话划清边界 ---------------- */
.mkx-mask .mkx-modal.is-group .mkx-modal-h h4 { color: #1d2939; }
.mkx-mask .mkx-gnote { margin-bottom: 14px; }
.mkx-mask .mkx-gnote > i { color: #d97706; }