/* 服务商配置中心改造样式：
   ① 隐藏「小红书采集」相关展示（用 CSS 隐藏，不动 React 节点）
   ② 「一键同步团队配置」按钮 + 「采集已内置」提示条 */

/* ── ① 隐藏小红书采集的展示块 ── */
.xhs-hide-xhs-provider {
  display: none !important;
}

/* ── ③ 采集已内置 提示条 ── */
.xhs-builtin-note {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 6px 0 10px;
  padding: 7px 11px;
  border-radius: 8px;
  border: 1px solid rgba(31, 157, 109, .42);
  background: rgba(31, 157, 109, .08);
  font-size: 12.5px;
}
.xhs-builtin-note b { color: #35c98d; font-size: 12.5px; }
.xhs-builtin-note span { opacity: .75; }

/* ── ② 一键同步团队配置 按钮 ── */
.xhs-sync-team-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.xhs-sync-team-btn.is-busy {
  opacity: .6;
  cursor: wait;
}

/* 浅色主题 */
[data-vr-theme="light"] .xhs-builtin-note {
  border-color: rgba(31, 157, 109, .38);
  background: rgba(31, 157, 109, .07);
}
[data-vr-theme="light"] .xhs-builtin-note b { color: #1f9d6d; }

/* ⚠️ 标题下那句旧说明提到「小红书采集由管理员统一配置」，与「已内置」冲突。
   它是 React 文本节点，不能改内容 → 只做视觉弱化（压低 + 淡化）。 */
.xhs-hide-old-note {
  display: none !important;
}

/* ── 一键同步的结果展示（说清每个分区同步成了什么）── */
.xhs-sync-result {
  margin: 6px 0 12px;
  padding: 10px 12px;
  border-radius: 9px;
  border: 1px solid #3a3630;
  background: #1e1c19;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12.5px;
}
.xhs-sync-result.is-ok { border-color: rgba(31, 157, 109, .45); background: rgba(31, 157, 109, .08); }
.xhs-sync-result.is-warn { border-color: rgba(200, 128, 31, .5); background: rgba(200, 128, 31, .09); }
.xsr-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 3px; }
.xsr-head b { font-size: 13px; }
.xhs-sync-result.is-ok .xsr-head b { color: #35c98d; }
.xhs-sync-result.is-warn .xsr-head b { color: #e0a03c; }
.xsr-head span { font-size: 11.5px; opacity: .6; }
.xsr-row { display: flex; gap: 10px; flex-wrap: wrap; }
.xsr-k { flex: 0 0 auto; min-width: 88px; }
.xsr-v { opacity: .8; }
.xsr-row.is-bad .xsr-k { color: #e8452f; }

[data-vr-theme="light"] .xhs-sync-result { border-color: #f0dade; background: #fdf7f8; }
[data-vr-theme="light"] .xhs-sync-result.is-ok { border-color: rgba(31,157,109,.38); background: rgba(31,157,109,.07); }
[data-vr-theme="light"] .xhs-sync-result.is-warn { border-color: rgba(200,128,31,.42); background: rgba(200,128,31,.08); }

/* ── 一键同步团队配置：独立醒目卡片（建议 C）── */
.xhs-sync-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin: 6px 0 12px;
  padding: 13px 15px;
  border-radius: 10px;
  border: 1px solid rgba(232, 69, 47, .35);
  background: linear-gradient(135deg, rgba(232, 69, 47, .10), rgba(232, 69, 47, .04));
}
.xsc-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.xsc-text b { font-size: 14px; }
.xsc-text span { font-size: 12px; opacity: .75; line-height: 1.55; }
.xsc-text span b { font-size: 12px; color: #e8452f; }
.xhs-sync-card .xhs-sync-team-btn {
  flex: 0 0 auto;
  font-size: 13px !important;
  padding: 9px 18px !important;
}

[data-vr-theme="light"] .xhs-sync-card {
  border-color: rgba(200, 60, 45, .32);
  background: linear-gradient(135deg, rgba(200, 60, 45, .08), rgba(200, 60, 45, .03));
}
[data-vr-theme="light"] .xsc-text span b { color: #c0392b; }