/* S4 · 结果页扩展样式（前缀 rs-）。
 *
 * 只写模板与 custom.css 没覆盖的部分：同文折叠、组头动作、今天首现徽标、
 * 同文卖家直连。颜色一律用变量，不写死。
 */

/* 同文折叠：第一条保留，其余行先隐藏，展开后原样出现 */
.rs-same-text {
  display: block;
  width: 100%;
  margin: 2px 0 2px;
  padding: 4px 10px;
  border: 1px dashed var(--hair-strong);
  border-radius: 8px;
  background: transparent;
  color: var(--ink-muted);
  font: inherit;
  font-size: 10px;
  text-align: left;
  cursor: pointer;
}
.rs-same-text:hover {
  color: var(--ink);
  border-color: rgb(var(--accent-rgb) / 0.35);
  background: var(--hair-weak);
}
.rs-same-hidden {
  display: none !important;
}

/* 组头动作：按发言人 / 按规则分组时，整组处置不用逐行点 */
.rs-group-actions {
  display: flex;
  gap: 6px;
  padding: 2px 12px 6px;
  opacity: 0.55;
  transition: opacity 0.18s ease;
}
.day-group:hover .rs-group-actions,
.day-group:focus-within .rs-group-actions {
  opacity: 1;
}
.rs-group-actions button {
  height: 24px;
  padding: 0 9px;
  border: 1px solid var(--hair);
  border-radius: 7px;
  background: transparent;
  color: var(--ink-soft);
  font: inherit;
  font-size: 10px;
  cursor: pointer;
}
.rs-group-actions button:hover {
  color: var(--ink);
  border-color: var(--hair-strong);
  background: var(--hair-weak);
}

/* 今天首现 / 新卖家 */
.rs-fresh {
  margin-left: 6px;
  padding: 1px 6px;
  border: 1px solid rgb(var(--accent-rgb) / 0.3);
  border-radius: 999px;
  color: var(--accent-300);
  font-size: 9px;
  white-space: nowrap;
}

/* 同文卖家直连：每人一行，右侧复制 / 去对话 / 打开线索 */
.rs-person {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) auto auto;
}
.rs-person-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}
.rs-person-actions button,
.rs-person-actions a {
  height: 22px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--hair);
  border-radius: 6px;
  background: transparent;
  color: var(--ink-soft);
  font: inherit;
  font-size: 9px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.rs-person-actions button:hover,
.rs-person-actions a:hover {
  color: var(--ink);
  border-color: var(--hair-strong);
  background: var(--hair-weak);
}

@media (max-width: 820px) {
  .rs-person {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .rs-person .person-groups {
    grid-column: 1 / -1;
  }
  .rs-person-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
  .rs-group-actions {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rs-group-actions {
    transition: none;
  }
}