/* 博文正式商用基线 V1：资料引用状态与五模型横向拖动体验。 */
.agent-knowledge-context .agent-positioning-profile-row {
  margin-top: 1px;
  padding: 7px 8px;
  border: 1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));
  border-radius: 7px;
  background: color-mix(in srgb, var(--color-surface) 82%, transparent);
}

.agent-knowledge-context .agent-positioning-status {
  display: block;
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.agent-multi-workspace {
  overflow-x: scroll !important;
  padding-bottom: 13px !important;
  scrollbar-color: color-mix(in srgb, var(--color-accent) 72%, #64748b)
    color-mix(in srgb, var(--color-border) 72%, var(--color-surface));
  scrollbar-gutter: stable;
  scrollbar-width: auto;
}

.agent-multi-workspace::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.agent-multi-workspace::-webkit-scrollbar-track {
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-surface-muted) 82%, var(--color-surface));
}

.agent-multi-workspace::-webkit-scrollbar-thumb {
  min-width: 64px;
  border: 3px solid transparent;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-accent) 76%, #64748b);
  background-clip: padding-box;
}

.agent-multi-workspace::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent);
  background-clip: padding-box;
}

@media (max-width: 720px) {
  .agent-multi-workspace {
    padding-bottom: 15px !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  .agent-knowledge-context .agent-positioning-profile-row {
    min-height: 40px;
  }
}