/* ===== Scope Switch (팀/개인 스코프 토글 칩) ===== */
/* ScopeSwitch.create가 렌더링 — 업무 후보/제안 검토/업무 보드가 공유 */

.scope-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.scope-switch--single {
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  background: var(--surface-control-track);
}

.scope-switch--single .scope-chip {
  height: 32px;
  padding-right: 10px;
  padding-left: 10px;
  border-color: transparent;
  border-radius: var(--radius-md);
  background: transparent;
}

.scope-switch--single .scope-chip.active {
  border-color: transparent;
  background: var(--surface-control-selected);
  color: var(--text-primary);
  box-shadow: var(--shadow-sm);
}

.scope-chip {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}

.scope-chip:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

.scope-chip.active {
  background: var(--accent-light);
  border-color: var(--accent);
  color: var(--accent);
}

.scope-chip-disabled,
.scope-chip:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* 마지막 활성 칩 클릭 시(min-1-active 불변식) 시각 피드백 */
.scope-chip-shake {
  animation: scope-chip-shake-kf 300ms ease;
}

@keyframes scope-chip-shake-kf {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  75% { transform: translateX(2px); }
}

/* 팀/개인 출처 배지 — 배선 phase(4·5)가 아이템 단위로 재사용 */
.scope-badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: var(--radius-full);
  background: var(--bg-hover);
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.scope-badge-team {
  background: var(--accent-light);
  color: var(--accent);
}